-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-about_me.php
285 lines (255 loc) · 11 KB
/
page-about_me.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>>
<head>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="description" content="Keywords">
<meta name="author" content="Name">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="<?php echo THEME_DIR; ?>/path/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS2 Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css">
<link rel="stylesheet" href="jquery.multilevelpushmenu.css">
<link rel="stylesheet" href="mlpm.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.js"></script>
<style>
body {
font-family: "Lato", sans-serif;
background-image: url('<?php echo get_theme_mod( 'header_image' , get_template_directory_uri().'/images/about/bangkok.JPG' ); ?>');
background-size: cover;
height: 100%;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover, .offcanvas a:focus{
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<style>
input[type=text] {
width: 130px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
color: black;
}
input[type=text]:focus {
width: 85%;
}
</style>
<?php
$full = get_theme_mod( 'banner'.$a , get_template_directory_uri() . "/images/portfolio/myphoto.png" );
?>
<img src="<?php echo esc_url($full);?>" style="width: 100px; height: 100px;margin-left: 60px; border-radius:50px;"><br>
<h3 style="margin-left: 53px; font-family: Chalkduster; color: white;">About Me</h3>
<a href="http://www.patorseingstyle.me">Home</a>
<a href="food">Food</a>
<a href="diary">Diary</a>
<a href="portfolio">Portfolio</a>
</div>
<link rel="stylesheet" href="style.css">
<div class="topnav" style="position: fixed;">
<!--<h2><span onclick="goBack()" style="cursor: pointer;">❮</span>Pat Or Seing Style</h2>-->
<table style="width:100%">
<tr>
<th style="padding-left: 1%; cursor: pointer;"><h2><span style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span></h2></th>
<th width="98%"><h1 align="center"><?php bloginfo( 'name' ); ?></h1></th>
<th width="2%"><h5><a href="about_me_th">TH</a></h5></th>
</tr>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</table>
</div>
<?php wp_head(); ?>
<title><?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?></title>
</head>
<body <?php body_class(); ?>>
<table style="width:100%; margin-top: 15%; margin-bottom: 5%; margin-left: 3%; margin-right: 3%;">
<tr>
<td style="width:80%; background-color: rgba(100, 100, 100, 0.5);">
<h2 style="margin-left: 10%; margin-right: 10%; font-family: Chalkduster; color: white;">About Me</h2>
<br>
<!--Content-->
<style>
p{
font-size:120%;
}
</style>
<p style="color: white;text-indent: 2.5em; text-align: justify; text-justify: inter-word; margin-left: 10%; margin-right: 10%;">
Hello, if you would like to read about me, you are on correct page. I am Pat (ภัทร), you can call me Seing (เซียง) I am the starter of this website, patorseingstyle.me. This web is for sharing recipes, tips, technology, and experience in my life. First of all, I will start off my Chinese name. Seing is given by my grandfather. It’s cut from my full Chinese name, 黄智商 (Huáng Zhìshāng) that means IQ. You may know I am Thai of Chinese descent and have many attachments with my grandfather very much. In my childhood, my father and mother were quite very busy, and they usually took me to grandfather’s home that is the starting point that I was interested in food because they cook very well and it is delicious food. In especially my grandfather, he has his unique recipes and tips. In the part of my grandmother, she can cook delicious food although there are a few ingredients. My mother inherits that skill from them although she does not learn full it is enough to teach me to cook every kind of food and solve the flavor of food. When I was grown up, I get to cook many types that my mother cannot teach me by myself such as Italian and Japanese food or mom and I often find interesting recipes for try cooking. Some free time, I like living with my grandmother to take care her and learn her techniques and her recipes. However, everyone around me like telling me that chef is not okay for me thus I decide to place its position to be my hobby.
</p>
<br>
<p style="color: white;text-indent: 2.5em; text-align: justify; text-justify: inter-word; margin-left: 10%; margin-right: 10%;">
Food is changing me in many ways such as Emotional control, Face-to-face troubleshooting and Weight control. First, Cooking makes me calm down because cooking teaches me that the process and everything must be taken time. Moreover, when I cook, sometimes there are some little errors about taste or a terrible mistake. For example, I dropped the dish. It is not easy to solve the problem, but when the time passed, I learned by taking action. The last, Food is the one factor of Weight control. Besides work out, I cook food and manage menus that I should have in each day. I have just started it, and it is fit for me. It is the reason that I have better health body, and I have lost some weights.
</p>
<br>
<p style="color: white;text-indent: 2.5em; text-align: justify; text-justify: inter-word; margin-left: 10%; margin-right: 10%;">
Persons who I would like to say thank you is my grandfather, grandmother and mother for teaching me how to cook, taste and solve. In concluding to father and brother, they stand by me and try eating my food and recommence for adjusting flavor. The other person who is an inspiration is Mr. Matt Sinclair, he is one of 24 contestants at MasterChef Australia 2016. MasterChef Australia is the inspiration that I return to focus cooking again.
</p>
<br>
<p style="margin-left: 10%; margin-right: 10%; color: white; text-indent: 2.5em; text-align: justify; text-justify: inter-word;">
Ps. Cooking is my hobby that I want to combine with my love job, programming, developing and security. This web is the result of this mixed.
</p>
<br>
<h2 style="margin-left: 10%; margin-right: 10%; font-family: Chalkduster; color: white;">Thank you and Enjoy</h2>
<br>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.fa {
padding: 20px;
font-size: 30px;
width: 75px;
margin: 0px;
text-align: center;
text-decoration: none;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background: #3B5998;
color: white;
}
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-google {
background: #dd4b39;
color: white;
}
.fa-linkedin {
background: #007bb5;
color: white;
}
.fa-youtube {
background: #bb0000;
color: white;
}
.fa-instagram {
background: #125688;
color: white;
}
.fa-pinterest {
background: #cb2027;
color: white;
}
.fa-snapchat-ghost {
background: #fffc00;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.fa-skype {
background: #00aff0;
color: white;
}
.fa-android {
background: #a4c639;
color: white;
}
.fa-dribbble {
background: #ea4c89;
color: white;
}
.fa-vimeo {
background: #45bbff;
color: white;
}
.fa-tumblr {
background: #2c4762;
color: white;
}
.fa-vine {
background: #00b489;
color: white;
}
.fa-foursquare {
background: #45bbff;
color: white;
}
.fa-stumbleupon {
background: #eb4924;
color: white;
}
.fa-flickr {
background: #f40083;
color: white;
}
.fa-yahoo {
background: #430297;
color: white;
}
.fa-soundcloud {
background: #ff5500;
color: white;
}
.fa-reddit {
background: #ff5700;
color: white;
}
.fa-rss {
background: #ff6600;
color: white;
}
</style>
<a target="_blank" href="https://www.facebook.com/napatchol.thaipanich" class="fa fa-facebook" style="margin-left: 10%; margin-bottom: 5%;"></a>
<a target="_blank" href="https://www.youtube.com/channel/UCaTBr-FOe6pggqCjy47zfcA/featured" class="fa fa-youtube"></a>
<a target="_blank" href="http://www.instagram.com/patorseing" class="fa fa-instagram"></a>
<br>
</td>
<td></td>
</tr>
</table>
<?php get_footer();?>