-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (202 loc) · 18.6 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
---
css:
- swiper.min.css
- wa-mediabox.min.css
- aos.css
javascript:
- swiper.min.js
- wa-mediabox.min.js
- aos.js
- aos_init.js
- main.js
---
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
{% include head.html %}
<body id="toTop">
{% include header.html %}
<main class="page-content" aria-label="Content">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://google.com/article"/>
<div class="hero pure-g wrapper center">
<div class="pure-u-1 pure-u-md-3-4 pure-u-lg-2-3">
<h1>Hello! <span style="font-size: 50%;" class="hoverable" data-hover="(´• ω •`)ノ" data-active="ᕕ( ᐛ )ᕗ"><span>(´☆▽☆`)ノ</span></span></h1>
<p>I'm Casey Lim!</p>
<p>Digital content creator, & animator from Perth</p>
<a href="#works" class="btn"><span class="hoverable" data-hover="(¬‿¬ )" data-active="ᕕ( ᐛ )ᕗ"><span>View Works</span></span> →</a> <a class="btn" href="#contact">Get in touch?</a>
</div>
<div class="pure-u-1-4 pure-u-md-1-4 pure-u-lg-1-3">
<img class="pure-img" src="{{ "/assets/img/0main/cat.png" | relative_url }}">
</div>
</div>
<div class="wrapper pure-g">
{% comment %}
<!--<h4 class="pure-u-1 spacing-top">I'm familiar with...</h4>-->
{% endcomment %}
<div class="pure-u-1 pure-g darkBG centerText">
<div class="pure-u-2-5 pure-g">
<h3 class="pure-u-1 glow">Design</h3>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="20">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 32 32" class="icon icons8-adobe-illustrator"><g id="surface1"><path style=" " d="M 5 5 L 5 27 L 27 27 L 27 5 Z M 7 7 L 25 7 L 25 25 L 7 25 Z M 13.71875 11 L 13.5 11.6875 L 11.03125 19.40625 L 11 19.5625 L 11 21 L 13 21 L 13 20 L 16 20 L 16 21 L 18 21 L 18 19.5625 L 17.96875 19.40625 L 15.5 11.6875 L 15.28125 11 Z M 19 11 L 19 13 L 21 13 L 21 11 Z M 19 15 L 19 21 L 21 21 L 21 15 Z M 14.5 15.15625 L 15.40625 18 L 13.59375 18 Z "></path></g></svg>
<h5>Illustrator</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="40">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 32 32" class="icon icons8-adobe-photoshop"><g id="surface1"><path style=" " d="M 5 5 L 5 27 L 27 27 L 27 5 Z M 7 7 L 25 7 L 25 25 L 7 25 Z M 10 11 L 10 21 L 12 21 L 12 17 L 13 17 C 14.644531 17 16 15.644531 16 14 C 16 12.355469 14.644531 11 13 11 Z M 12 13 L 13 13 C 13.566406 13 14 13.433594 14 14 C 14 14.566406 13.566406 15 13 15 L 12 15 Z M 19.5 13 C 18.132813 13 17 14.132813 17 15.5 C 17 16.867188 18.132813 18 19.5 18 C 19.785156 18 20 18.214844 20 18.5 C 20 18.863281 19.9375 19 19.5 19 C 19.121094 19 19.066406 18.914063 19.0625 18.90625 C 19.058594 18.898438 19 18.867188 19 18.625 L 17 18.625 C 17 19.191406 17.15625 19.832031 17.625 20.3125 C 18.09375 20.792969 18.773438 21 19.5 21 C 20.910156 21 22 19.792969 22 18.5 C 22 17.132813 20.867188 16 19.5 16 C 19.214844 16 19 15.785156 19 15.5 C 19 15.214844 19.214844 15 19.5 15 C 19.769531 15 19.84375 15.058594 19.90625 15.125 C 19.96875 15.191406 20 15.320313 20 15.40625 L 22 15.40625 C 22 14.839844 21.804688 14.253906 21.375 13.78125 C 20.945313 13.308594 20.257813 13 19.5 13 Z "></path></g></svg>
<h5>Photoshop</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="60">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 32 32" class="icon icons8-adobe-flash"><g id="surface1"><path style=" " d="M 5 5 L 5 27 L 27 27 L 27 5 Z M 7 7 L 25 7 L 25 25 L 7 25 Z M 12 11 L 12 21 L 14 21 L 14 17 L 16 17 L 16 15 L 14 15 L 14 13 L 17 13 L 17 11 Z M 18 11 L 18 21 L 20 21 L 20 11 Z "></path></g></svg>
<h5>Flash / Animate</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="80">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 32 32" class="icon icons8-adobe-indesign"><g id="surface1"><path style=" " d="M 5 5 L 5 27 L 27 27 L 27 5 Z M 7 7 L 25 7 L 25 25 L 7 25 Z M 12 11 L 12 21 L 14 21 L 14 11 Z M 19 11 L 19 15 L 17.5 15 C 16.132813 15 15 16.132813 15 17.5 L 15 18.5 C 15 19.867188 16.132813 21 17.5 21 L 21 21 L 21 11 Z M 17.5 17 L 19 17 L 19 19 L 17.5 19 C 17.214844 19 17 18.785156 17 18.5 L 17 17.5 C 17 17.214844 17.214844 17 17.5 17 Z "></path></g></svg>
<h5>Indesign</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="100">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 32 32" class="icon icons8-adobe-after-effects"> <path style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" d="M 5 5 L 5 6 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 11.705078 11 L 9 19.560547 L 9 21 L 11 21 L 11 20 L 14 20 L 14 21 L 16 21 L 16 19.560547 L 13.294922 11 L 11.705078 11 z M 20.003906 13 C 18.668082 12.9953 17.672149 13.869366 17.320312 14.751953 C 16.968476 15.63454 17 16.501333 17 17 C 17 17.541667 17.0097 18.401839 17.376953 19.265625 C 17.744209 20.129411 18.705371 20.998621 19.998047 21 C 21.50023 21.002 22.003906 21 22.003906 21 L 21.996094 19 C 21.996094 19 21.50177 19.002 20.001953 19 C 19.419629 18.999379 19.380791 18.868135 19.216797 18.482422 C 19.16342 18.356909 19.178363 18.164191 19.146484 18 L 22 18 L 23 17.003906 C 23 17.003906 23.01676 16.128027 22.705078 15.1875 C 22.549239 14.717237 22.308455 14.202475 21.869141 13.763672 C 21.429826 13.324868 20.755089 13.002611 20.003906 13 z M 19.996094 15 C 20.251911 15.000889 20.33058 15.055329 20.455078 15.179688 C 20.579576 15.30404 20.71423 15.537545 20.806641 15.816406 C 20.835381 15.903146 20.815038 15.912796 20.835938 16 L 19.117188 16 C 19.143538 15.83032 19.128164 15.616535 19.177734 15.492188 C 19.324879 15.123024 19.327918 14.997666 19.996094 15 z M 12.5 15.121094 L 13.410156 18 L 11.589844 18 L 12.5 15.121094 z" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible"></path></svg>
<h5>After Effects</h5>
</div>
</div>
<h3 class="pure-u-1-6">+</h3>
<div class="pure-u-2-5 pure-g">
<h3 class="pure-u-1 glow">Code</h3>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="20">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" class="icon icons8-html-5-filled"><g id="surface1"><path style=" " d="M 45.273438 2.324219 C 45.085938 2.117188 44.816406 2 44.535156 2 L 5.464844 2 C 5.183594 2 4.914063 2.117188 4.726563 2.324219 C 4.535156 2.53125 4.441406 2.808594 4.46875 3.089844 L 7.988281 42.515625 C 8.023438 42.929688 8.3125 43.273438 8.710938 43.390625 L 24.722656 47.960938 C 24.808594 47.988281 24.902344 48 24.996094 48 C 25.089844 48 25.179688 47.988281 25.269531 47.960938 L 41.292969 43.390625 C 41.691406 43.273438 41.976563 42.929688 42.015625 42.515625 L 45.53125 3.089844 C 45.558594 2.808594 45.464844 2.53125 45.273438 2.324219 Z M 36.847656 15.917969 L 18.035156 15.917969 L 18.484375 21.007813 L 36.394531 21.007813 L 35.050781 36.050781 L 24.992188 39.089844 L 24.894531 39.058594 L 14.953125 36.046875 L 14.410156 29.917969 L 19.28125 29.917969 L 19.492188 32.296875 L 25.050781 33.460938 L 30.507813 32.296875 L 31.089844 25.859375 L 14.046875 25.859375 L 12.722656 11.054688 L 37.28125 11.054688 Z "></path></g></svg>
<h5>HTML</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="40">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" class="icon icons8-css3-filled"><g id="surface1"><path style=" fill-rule:evenodd;" d="M 42 6 L 39 40 L 25 44 L 11 40 L 8 6 Z M 16.800781 28 L 20.800781 28 L 20.898438 30.5 L 25 31.898438 L 29.101563 30.5 L 29.398438 26 L 20.601563 26 L 20.398438 22 L 29.601563 22 L 29.898438 18 L 16.101563 18 L 15.800781 14 L 34.101563 14 L 33.601563 22 L 32.898438 33.5 L 25 36.101563 L 17.101563 33.5 Z "></path></g></svg>
<h5>CSS</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="60">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" class="icon icons8-javascript-filled"><g id="surface1"><path style=" " d="M 43.335938 4 L 6.667969 4 C 5.195313 4 4 5.195313 4 6.667969 L 4 43.332031 C 4 44.804688 5.195313 46 6.667969 46 L 43.332031 46 C 44.804688 46 46 44.804688 46 43.335938 L 46 6.667969 C 46 5.195313 44.804688 4 43.335938 4 Z M 27 36.183594 C 27 40.179688 24.65625 42 21.234375 42 C 18.140625 42 15.910156 39.925781 15 38 L 18.144531 36.097656 C 18.75 37.171875 19.671875 38 21 38 C 22.269531 38 23 37.503906 23 35.574219 L 23 23 L 27 23 Z M 35.675781 42 C 32.132813 42 30.121094 40.214844 29 38 L 32 36 C 32.816406 37.335938 33.707031 38.613281 35.589844 38.613281 C 37.171875 38.613281 38 37.824219 38 36.730469 C 38 35.425781 37.140625 34.960938 35.402344 34.199219 L 34.449219 33.789063 C 31.695313 32.617188 29.863281 31.148438 29.863281 28.039063 C 29.863281 25.179688 32.046875 23 35.453125 23 C 37.878906 23 39.621094 23.84375 40.878906 26.054688 L 37.910156 27.964844 C 37.253906 26.789063 36.550781 26.328125 35.453125 26.328125 C 34.335938 26.328125 33.628906 27.039063 33.628906 27.964844 C 33.628906 29.109375 34.335938 29.570313 35.972656 30.28125 L 36.925781 30.691406 C 40.171875 32.078125 42 33.496094 42 36.683594 C 42 40.117188 39.300781 42 35.675781 42 Z "></path></g></svg>
<h5>Javascript</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="80">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" class="icon icons8-php-logo-filled"><g id="surface1"><path style=" " d="M 25 12 C 11.542969 12 1 17.710938 1 25 C 1 32.289063 11.542969 38 25 38 C 38.457031 38 49 32.289063 49 25 C 49 17.710938 38.457031 12 25 12 Z M 22.507813 16 L 25.128906 16 L 24.296875 20 L 26.636719 20 C 28.121094 20 29.117188 20.207031 29.683594 20.726563 C 30.238281 21.238281 30.40625 22.078125 30.183594 23.222656 L 29.144531 28 L 26.480469 28 L 27.4375 23.582031 C 27.554688 22.976563 27.507813 22.554688 27.304688 22.332031 C 27.101563 22.109375 26.65625 22 25.988281 22 L 23.890625 22 L 22.625 28 L 20 28 Z M 11 20 L 16.332031 20 C 18.875 20 20.414063 21.703125 19.8125 24.246094 C 19.113281 27.199219 17.238281 28 13.792969 28 L 12.144531 28 L 11.621094 31 L 8.972656 31 Z M 32 20 L 37.332031 20 C 39.875 20 41.414063 21.703125 40.8125 24.246094 C 40.113281 27.199219 38.238281 28 34.792969 28 L 33.144531 28 L 32.621094 31 L 29.972656 31 Z M 13.269531 22 L 12.515625 26 L 14.226563 26 C 15.707031 26 17.082031 25.832031 17.3125 23.625 C 17.398438 22.769531 17.042969 22 15.332031 22 Z M 34.269531 22 L 33.515625 26 L 35.226563 26 C 36.707031 26 38.082031 25.832031 38.3125 23.625 C 38.398438 22.769531 38.042969 22 36.332031 22 Z "></path></g></svg>
<h5>PHP</h5>
</div>
<div class="pure-u-1 pure-u-md-1-4" data-aos="fade-up" data-aos-offset="100">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 24 24" class="icon icons8-wordpress"><g id="surface1"><path style=" " d="M 12 2 C 6.484375 2 2 6.484375 2 12 C 2 17.515625 6.484375 22 12 22 C 17.515625 22 22 17.511719 22 12 C 22 6.484375 17.515625 2 12 2 Z M 12 3 C 16.960938 3 21 7.035156 21 12 C 21 16.964844 16.960938 21 12 21 C 7.039063 21 3 16.960938 3 12 C 3 7.035156 7.039063 3 12 3 Z M 12 4 C 9.203125 4 6.742188 5.421875 5.3125 7.59375 C 5.5 7.601563 5.695313 7.625 5.84375 7.625 C 6.679688 7.625 7.96875 7.5 7.96875 7.5 C 8.398438 7.476563 8.429688 8.136719 8 8.1875 C 8 8.1875 7.574219 8.222656 7.09375 8.25 L 9.75 16.1875 L 11.5 10.9375 L 10.53125 8.25 C 10.101563 8.226563 9.6875 8.1875 9.6875 8.1875 C 9.253906 8.160156 9.289063 7.472656 9.71875 7.5 C 9.71875 7.5 11.058594 7.625 11.84375 7.625 C 12.679688 7.625 13.96875 7.5 13.96875 7.5 C 14.402344 7.476563 14.460938 8.136719 14.03125 8.1875 C 14.03125 8.1875 13.574219 8.222656 13.09375 8.25 L 16 16.25 L 16.8125 13.59375 C 17.074219 12.527344 17.40625 11.6875 17.40625 11 C 17.40625 10.25 17.0625 9.902344 16.75 9.375 C 16.355469 8.710938 15.96875 8.160156 15.96875 7.5 C 15.96875 6.765625 16.527344 6.09375 17.3125 6.09375 C 17.347656 6.09375 17.371094 6.089844 17.40625 6.09375 C 15.980469 4.789063 14.082031 4 12 4 Z M 19.03125 8.15625 C 19.066406 8.410156 19.046875 8.671875 19.0625 8.96875 C 19.101563 9.78125 18.941406 11.03125 18.75 11.625 C 18.140625 13.511719 16.34375 18.6875 16.34375 18.6875 C 16.375 18.675781 16.433594 18.652344 16.5625 18.5625 C 18.652344 17.132813 20 14.722656 20 12 C 20 10.609375 19.65625 9.296875 19.03125 8.15625 Z M 4.6875 8.75 C 4.246094 9.742188 4 10.839844 4 12 C 4 15.164063 5.832031 17.890625 8.5 19.1875 Z M 12.15625 12.6875 L 9.75 19.6875 C 10.46875 19.898438 11.214844 20 12 20 C 12.929688 20 13.824219 19.855469 14.65625 19.5625 C 14.636719 19.527344 14.609375 19.476563 14.59375 19.4375 Z "></path></g></svg>
<h5>Wordpress</h5>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-2-3 spacing-top" data-aos="fade-up">
<h2 class="glow">Latest Works 🌱</h2>
<!-- Swiper Slider -->
<div id="works" class="swiper-container" data-aos="fade-up" data-aos-offset="20">
<div class="swiper-wrapper">
<div class="swiper-slide fa-2x">
<a class="center post-cover" style="background-image: url('{{ site.reel_video_thumb }}');" data-swiper-parallax="-300" href="{{ site.reel_video_url }}" data-mediabox="my-gallery-name" data-iframe="true" data-width="853" data-height="400">
<div data-swiper-parallax="300">
<h3 data-swiper-parallax="200">Reel</h3>
<p data-swiper-parallax="100">🤔</p>
</div>
</a>
</div>
{% for post in site.categories.portfolio limit:4 %}
<div class="swiper-slide">
<a class="post-cover center" itemscope itemtype="http://schema.org/CreativeWork" {% if post.featured-img %} {% if post.featured-img contains 'http' %} style="background-image: url('{{ post.featured-img }}');" {% else %} style="background-image: url('{{ post.featured-img | prepend: '/assets/img/' | relative_url }}');"
{% endif %} {% endif %} href="{{ post.url }}">
<div data-swiper-parallax="50">
<h2 data-swiper-parallax="100">{{ post.title }}</h2>
<p data-swiper-parallax="150">{{ post.content | truncatewords: 4 }}</p>
<div data-swiper-parallax="200" class="post-meta">
<span class="fa fa-clock-o"></span> <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>
{% if post.tags %}
<ul class="listed">
<li><span class="fa fa-tags"></span></li>
{% for item in post.tags %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
</a>
</div>
{% endfor %}
<div class="swiper-slide">
<a href="/portfolio" class="center" data-swiper-parallax="-300">
<div data-swiper-parallax="200">
<h3 class="btn">View More <span class="hoverable fa-2x" data-hover="|д・)" data-active="|▽//)"><span>|ω・)ノ </span></span> →</h3>
</div>
</a>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3 spacing-top" data-aos="fade-up">
<h2 class="glow">Blog 📖</h2>
<div class="post-list">
{% for post in site.categories.blog %}
<a class="plain" href="{{ post.url }}" data-aos="fade-up" data-aos-offset="20">
<h2>{{ post.title }}</h2>
{{ post.content | truncatewords: 4 }}
<div class="post-meta">
<span class="fa fa-clock-o"></span> {{ post.date | date_to_string }} {% if post.tags %}
<span class="fa fa-tags"></span>
<ul class="listed">
{% for item in post.tags %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
</a>
{% endfor %}
</div>
</div>
<div class="pure-u-1 spaceY"></div>
<div id="contact" class="contact pure-u-1" data-aos="fade-up">
<h3 class="glow">Contact</h3>
<div class="darkBG">
<form class="pure-form" action="https://docs.google.com/forms/d/e/1FAIpQLSd960v_-Loi8tiFD5ip2oVX2uJJkgMeMo0HW67qy-ZRSX08Ww/formResponse">
<fieldset class="pure-group">
<input name="entry.1119172669" class="pure-input-1" id="subject" type="text" placeholder="Subject">
<textarea name="entry.276634824" class="pure-input-1" id="message" placeholder="Message"></textarea>
</fieldset>
<fieldset class="pure-group">
<input name="entry.725244480" class="pure-input-1" id="name" type="text" placeholder="Name" required>
<input name="entry.42795683" class="pure-input-1" id="email" type="email" placeholder="Email" required>
</fieldset>
<div class="g-recaptcha" data-sitekey="6LdXJzcUAAAAAG9DXGIn8dIt8sB3pI9sKN5bjGYT"></div>
<button type="submit" class="pure-input-1 pure-button pure-button-primary">Submit</button>
</form>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="pure-u-1 spaceY"></div>
{% comment %}
<!-- GRID -->
<!--<ul class="post-list photoGrid">-->
<!-- {% for post in site.categories.portfolio offset:4 %}-->
<!-- <li class="post-cover" itemscope itemtype="http://schema.org/CreativeWork" {% if post.featured-img %} {% if post.featured-img contains 'http' %} style="background-image: url('{{ post.featured-img }}');" {% else %} style="background-image: url('{{ post.featured-img | prepend: '/assets/img/' | relative_url }}');"-->
<!-- {% endif %} {% endif %}>-->
<!-- <a href="{{ post.url }}">-->
<!-- <h2>{{ post.title }}</h2>-->
<!-- {{ post.content | truncatewords: 4 }}-->
<!-- <div class="post-meta">-->
<!-- <span class="fa fa-clock-o"></span><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>-->
<!-- {% if post.tags %}-->
<!-- <ul class="listed">-->
<!-- <li><span class="fa fa-tags"></span></li>-->
<!-- {% for item in post.tags %}-->
<!-- <li>{{ item }}</li>-->
<!-- {% endfor %}-->
<!-- </ul>-->
<!-- {% endif %}-->
<!-- </div>-->
<!-- </a>-->
<!-- </li>-->
<!-- {% endfor %}-->
<!--</ul>-->
<!--<div class="spaceY"></div>-->
{% endcomment %}
</div>
</main>
{% include footer.html %}
</body>
</html>