-
Notifications
You must be signed in to change notification settings - Fork 24
/
index.html
executable file
·294 lines (258 loc) · 8.78 KB
/
index.html
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
286
287
288
289
---
layout: default
title: 33sun
section_id: home
slides:
- bg: images/@stock/slide-1.jpg
small_title:
klass: bottom-to-top
text: Care about aging's mental health
title:
klass: bottom-to-top
text: Aiyinfa
buttons:
klass: bottom-to-top
items:
- text: LEARN MORE
link_to: https://medium.com/@33sun/aiyinfa-app-dbfcf7e32560#.r8447tw87
- bg: images/@stock/slide-4.jpg
klass: centered-text
small_title:
klass: bottom-to-top
text: We make websites that are
title:
klass: bottom-to-top
text: Creative & Powerful
buttons:
klass: bottom-to-top
items:
- klass: boxed
text: READ THE case study
link_to: https://medium.com/@33sun/eat-healthy-aff648f9afd3#.valj4u6rp
- bg: images/@stock/slide-5.jpg
small_title:
klass: bottom-to-top
text: The Way to the World.
title:
klass: bottom-to-top
text: VSPORT
buttons:
klass: bottom-to-top
items:
- text: LEARN MORE
link_to: https://medium.com/@33sun/vsport-32f8c065ae40#.r9l7cgz02
works:
- image: images/@stock/work-2.jpg
title: AIYINFA OFFICIAL WEBSITE
link_to: https://medium.com/@33sun/aiyinfa-official-website-319daecb9933#.cap2g8vvm
klass: graphi-design,Front-Ended
desc: Graphic Design & Front-Ended
- image: images/@stock/work-3.jpg
title: AIYINFA APP
link_to: https://medium.com/@33sun/aiyinfa-app-dbfcf7e32560#.8dbhoo6u1
klass: graphi-design
desc: Product Design
- image: images/@stock/work-4.jpg
title: Eat Healthy
link_to: https://medium.com/@33sun/eat-healthy-aff648f9afd3#.j6yeghavk
klass: graphic design
desc: Graphic & Product Design
- image: images/@stock/work-8.jpg
title: Vsport
link_to: https://medium.com/@33sun/vsport-32f8c065ae40
klass: graphi-design
desc: Graphic & Product Design
- image: images/@stock/work-1.jpg
title: ReapGirls
link_to: https://medium.com/@33sun/reapgirls-card-design-e0e559bde84f#.viok85e4g
klass: graphi-design
desc: Graphic Design
- image: images/@stock/work-5.jpg
title: Mini Run
link_to: https://medium.com/@33sun/mini-run-818bc4949948#.76h7mmwkz
klass: graphi-design
desc: Graphic Design
- image: images/@stock/work-7.jpg
title: Design Resources
link_to: https://github.com/timmy3131/design-resource
klass: graphi-design
desc: Design
- image: images/@stock/work-6.jpg
title: Taipei Design
link_to: https://steller.co/s/5gySn4kMPEm?from=timeline&isappinstalled=0
klass: graphi-design
desc: Photography
milestones:
- icon: folder-open
from: 0
to: 69
title: Projects Completed
- icon: coffee
from: 0
to: 726
title: Cups of coffee offered
- icon: thumbs-up
from: 0
to: 59
title: Happy clients
- icon: file-text
from: 0
to: 21
title: Articles Published
---
<div class='mod modDefaultSlider'>
<div class='sequence' data-autostop='on' data-timeout='0'>
<a class='sequence-prev' href='javascript:void(0);'>
<span></span>
</a>
<a class='sequence-next' href='javascript:void(0);'>
<span></span>
</a>
<ul class='sequence-pagination'>
{% for slide in page.slides %}
{% if forloop.first %}
{% assign class = 'current' %}
{% else %}
{% assign class = '' %}
{% endif %}
<li class="{{class}}"></li>
{% endfor %}
</ul>
<ul class='sequence-canvas'>
{% for slide in page.slides %}
{% if forloop.first %}
{% assign style = 'static' %}
{% else %}
{% assign style = '' %}
{% endif %}
<li class='frame {{style}} {{ slide.klass }}'>
<div class='bg' style='background-image: url({{ slide.bg}});'></div>
<div class='small-title {{ slide.small_title.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<h2>{{ slide.small_title.text }}</h2>
</div>
</div>
</div>
<div class='title {{ slide.title.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<h2>{{ slide.title.text }}</h2>
</div>
</div>
</div>
<div class='buttons-wrapper {{ slide.buttons.klass }}'>
<div class='row'>
<div class='large-12 columns'>
<div class='two spacing'></div>
{% for button in slide.buttons.items %}
<a class='button {{ button.klass }}' href='{{ button.link_to }}'>{{ button.text }}</a>
{% endfor %}
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="four spacing"></div>
<div class="row">
<div class="medium-3 large-3 columns">
{% include icon-text.html title='I LOOK' desc='With interdisciplinary background<br> Observe the world with cameras,<br>but also with different eyes.' icon_class='fa fa-eye' delay='0' shape_class='icon-text-circle' %}
</div>
<div class="medium-3 large-3 columns">
{% include icon-text.html title='I explore' desc='Love exploring the world.<br>Dig into psychology, fitness,etc.<br>Finding fantasy things. ' icon_class='fa fa-search-plus' delay='0' shape_class='icon-text-circle' %}
</div>
<div class="medium-3 large-3 columns">
{% include icon-text.html title='I DESIGN' desc=' Hoping to craft product design <br>or UX design in the future.<br>Create good products.' icon_class='fa fa-pencil-square-o' delay='400' shape_class='icon-text-circle' %}
</div>
<div class="medium-3 large-3 columns">
{% include icon-text.html title='I dream' desc='Dreaming of contributing to products <br>that solve real-world problems <br>and make people live happier. ' icon_class='fa fa-heart' delay='400' shape_class='icon-text-circle' %}
</div>
</div>
<div class="spacing"></div>
<div class="full" style="background: #f5f5f5;">
<div class="row">
<div class="large-12 columns">
{% include section-header.html title="My works" %}
<div class="spacing"></div>
<p>
I love discovery and create beauty things.So I am one of those lucky people who have the chance to work on things they love and then make a difference.Here are some of my works and projects.
Hoping to do some work that will make people's lives easier,healthier,and more intriguing.
</p>
<div class="two spacing"></div>
</div>
</div>
<div class="mod modGallery">
<ul class="gallery small-block-grid-2 medium-block-grid-3 large-block-grid-4">
{% for work in page.works %}
<li class="{{ work.klass }}">
<a href='{{ work.link_to }}'>
<img alt="" src="{{ work.image }}" />
<div class='overlay'>
<div class='thumb-info'>
<h3>{{ work.title }}</h3>
<p>{{ work.desc }}</p>
</div>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class='full' style='background: #f5f5f5'>
<div class='row'>
<div class='large-12 columns'>
{% include section-header.html title="My blogs" %}
<div class='spacing'></div>
<p>
Here are some articles I write to record the dots I've made and going to make in my life.
I have a general interest in all interesting things.So this blog may contains psychology,design,bodybuilding and makeup.
Glad to share these with you! </p>
<div class='two spacing'></div>
</div>
</div>
<div class='row'>
{% for post in site.posts %}
{% if forloop.index > 3 %}
{% break %}
{% endif %}
<div class='large-4 medium-4 columns'>
<div class='mod modBlogPost'>
{% for image in post.images %}
{% unless forloop.first %}
{% break %}
{% endunless %}
<a href="{{post.url}}"><img alt="" src="{{image}}" /></a>
{% endfor %}
<div class='content'>
<p class='date'>{{post.date | date: "%B %d, %Y" }}</p>
<h4><a href="#">{{post.title}}</a></h4>
<p>{{post.excerpt}}</p>
<!--
<div class="tags">
{% for cat in post.categories %}
<a href="#">{{cat | capitalize}}</a>
{% unless forloop.last %}
,
{% endunless %}
{% endfor %}
</div>
-->
</div>
</div>
</div>
{% endfor %}
</div>
<div class='two spacing'></div>
<div class='row'>
<div class='large-12 columns'>
<p class='centered-text'>
<a class='button' href='blog/index.html'>See more posts</a>
</p>
</div>
</div>
<div class='two spacing'></div>
</div>