1- <!DOCTYPE html> < html lang ="en "> < head prefix ="og: https://ogp.me/ns# ">
1+ <!doctype html>
2+ < html lang ="en ">
3+ < head prefix ="og: https://ogp.me/ns# ">
24 <!-- ========================================
35 Performance: Preconnect & Preload
46 ======================================== -->
5- < link rel ="preconnect " href ="https://pagead2.googlesyndication.com " crossorigin ="">
6- < link rel ="preconnect " href ="https://cdnjs.cloudflare.com " crossorigin ="">
7- < link rel ="dns-prefetch " href ="https://pagead2.googlesyndication.com ">
8- < link rel ="dns-prefetch " href ="https://cdnjs.cloudflare.com ">
9- < link rel ="preload " href ="../assets/img/ogp.png " as ="image ">
7+ < link
8+ rel ="preconnect "
9+ href ="https://pagead2.googlesyndication.com "
10+ crossorigin =""
11+ />
12+ < link
13+ rel ="preconnect "
14+ href ="https://cdnjs.cloudflare.com "
15+ crossorigin =""
16+ />
17+ < link
18+ rel ="dns-prefetch "
19+ href ="https://pagead2.googlesyndication.com "
20+ />
21+ < link
22+ rel ="dns-prefetch "
23+ href ="https://cdnjs.cloudflare.com "
24+ />
25+ < link
26+ rel ="preload "
27+ href ="../assets/img/ogp.png "
28+ as ="image "
29+ />
1030
11- < meta charset ="UTF-8 ">
31+ < meta charset ="UTF-8 " / >
1232 < title > PanKUN | Blog</ title >
13- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
14- < meta name ="description " content ="Engineer PanKUN Technical Blog ">
33+ < meta
34+ name ="viewport "
35+ content ="width=device-width, initial-scale=1 "
36+ />
37+ < meta
38+ name ="description "
39+ content ="Engineer PanKUN Technical Blog "
40+ />
1541
1642 <!-- Canonical -->
17- < link rel ="canonical " href ="https://breadmotion.github.io/WebSite/en/blog.html ">
43+ < link
44+ rel ="canonical "
45+ href ="https://breadmotion.github.io/WebSite/en/blog.html "
46+ />
1847
1948 <!-- AMP -->
20- < link rel ="amphtml " href ="https://breadmotion.github.io/WebSite/blog.amp.html ">
49+ < link
50+ rel ="amphtml "
51+ href ="https://breadmotion.github.io/WebSite/blog.amp.html "
52+ />
2153
2254 <!-- Google AdSense -->
23- < script async ="" src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5284984614496391 " crossorigin ="anonymous "> </ script >
24- < script async ="" custom-element ="amp-auto-ads " src ="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js "> </ script >
55+ < script
56+ async =""
57+ src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5284984614496391 "
58+ crossorigin ="anonymous "
59+ > </ script >
60+ < script
61+ async =""
62+ custom-element ="amp-auto-ads "
63+ src ="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js "
64+ > </ script >
2565
2666 <!-- JSON-LD: CollectionPage -->
2767 < script type ="application/ld+json ">
100140 </ script >
101141
102142 <!-- 共通CSS -->
103- < link rel ="stylesheet " href ="../assets/css/base.css ">
104- < link rel ="stylesheet " href ="../assets/css/layout.css ">
105- < link rel ="stylesheet " href ="../assets/css/blog.css ">
106- < link rel ="stylesheet " href ="../assets/css/preview.css ">
143+ < link
144+ rel ="stylesheet "
145+ href ="../assets/css/base.css "
146+ />
147+ < link
148+ rel ="stylesheet "
149+ href ="../assets/css/layout.css "
150+ />
151+ < link
152+ rel ="stylesheet "
153+ href ="../assets/css/blog.css "
154+ />
155+ < link
156+ rel ="stylesheet "
157+ href ="../assets/css/preview.css "
158+ />
107159
108- <!-- アイコン -->
109- < link rel ="icon " href ="../favicon.ico " sizes ="any ">
110- < link rel ="icon " type ="image/png " href ="../assets/img/favicon-32.png " sizes ="32x32 ">
111- < link rel ="icon " type ="image/png " href ="../assets/img/favicon-192.png " sizes ="192x192 ">
160+ <!-- ========================================
161+ アイコン
162+ ======================================== -->
163+ < link
164+ rel ="icon "
165+ type ="image/x-icon "
166+ href ="https://breadmotion.github.io/favicon.ico "
167+ />
168+ < link
169+ rel ="icon "
170+ type ="image/png "
171+ href ="https://breadmotion.github.io/assets/img/favicon-32.png "
172+ sizes ="32x32 "
173+ />
174+ < link
175+ rel ="icon "
176+ type ="image/png "
177+ href ="https://breadmotion.github.io/assets/img/favicon-192.png "
178+ sizes ="192x192 "
179+ />
112180
113181 <!-- OG関係 -->
114- < meta property ="og:title " content ="PanKUN Blog | Unity・UE5・ツール開発の技術ブログ ">
115- < meta property ="og:description " content ="Engineer PanKUN Technical Blog ">
116- < meta property ="og:type " content ="website ">
117- < meta property ="og:url " content ="https://breadmotion.github.io/WebSite/blog.html ">
118- < meta property ="og:image " content ="https://breadmotion.github.io/WebSite/assets/img/ogp.png ">
119- < meta property ="og:image:width " content ="1200 ">
120- < meta property ="og:image:height " content ="630 ">
121- < meta property ="og:site_name " content ="PanKUN ">
122- < meta property ="og:email " content ="pankun.dev@gmail.com ">
123-
124- < meta name ="twitter:card " content ="summary_large_image ">
125- < meta name ="twitter:title " content ="PanKUN Blog | Unity・UE5・ツール開発の技術ブログ ">
126- < meta name ="twitter:description " content ="Engineer PanKUN Technical Blog ">
127- < meta name ="twitter:image " content ="https://breadmotion.github.io/WebSite/assets/img/ogp.png ">
128- < link rel ="alternate " hreflang ="ja " href ="https://breadmotion.github.io/WebSite/blog.html "> < link rel ="alternate " hreflang ="en " href ="https://breadmotion.github.io/WebSite/en/blog.html "> < link rel ="alternate " hreflang ="x-default " href ="https://breadmotion.github.io/WebSite/blog.html "> </ head >
182+ < meta
183+ property ="og:title "
184+ content ="PanKUN Blog | Unity・UE5・ツール開発の技術ブログ "
185+ />
186+ < meta
187+ property ="og:description "
188+ content ="Engineer PanKUN Technical Blog "
189+ />
190+ < meta property ="og:type " content ="website " />
191+ < meta
192+ property ="og:url "
193+ content ="https://breadmotion.github.io/WebSite/blog.html "
194+ />
195+ < meta
196+ property ="og:image "
197+ content ="https://breadmotion.github.io/WebSite/assets/img/ogp.png "
198+ />
199+ < meta property ="og:image:width " content ="1200 " />
200+ < meta property ="og:image:height " content ="630 " />
201+ < meta property ="og:site_name " content ="PanKUN " />
202+ < meta
203+ property ="og:email "
204+ content ="pankun.dev@gmail.com "
205+ />
206+
207+ < meta
208+ name ="twitter:card "
209+ content ="summary_large_image "
210+ />
211+ < meta
212+ name ="twitter:title "
213+ content ="PanKUN Blog | Unity・UE5・ツール開発の技術ブログ "
214+ />
215+ < meta
216+ name ="twitter:description "
217+ content ="Engineer PanKUN Technical Blog "
218+ />
219+ < meta
220+ name ="twitter:image "
221+ content ="https://breadmotion.github.io/WebSite/assets/img/ogp.png "
222+ />
223+ < link
224+ rel ="alternate "
225+ hreflang ="ja "
226+ href ="https://breadmotion.github.io/WebSite/blog.html "
227+ />
228+ < link
229+ rel ="alternate "
230+ hreflang ="en "
231+ href ="https://breadmotion.github.io/WebSite/en/blog.html "
232+ />
233+ < link
234+ rel ="alternate "
235+ hreflang ="x-default "
236+ href ="https://breadmotion.github.io/WebSite/blog.html "
237+ />
238+ </ head >
129239 < body data-page ="blog ">
130- < amp-auto-ads type ="adsense " data-ad-client ="ca-pub-5284984614496391 ">
240+ < amp-auto-ads
241+ type ="adsense "
242+ data-ad-client ="ca-pub-5284984614496391 "
243+ >
131244 </ amp-auto-ads >
132245 < div class ="page-shell ">
133246 < main class ="main-container ">
134- < section class ="page-header reveal-on-scroll ">
247+ < section
248+ class ="page-header reveal-on-scroll "
249+ >
135250 < h1 > Blog</ h1 >
136- < p > Technical notes and knowledge regarding game development, including Unity, UE5, and tool development.</ p >
251+ < p >
252+ Technical notes and knowledge
253+ regarding game development,
254+ including Unity, UE5, and tool
255+ development.
256+ </ p >
137257 </ section >
138258
139259 < section class ="section reveal-on-scroll ">
@@ -143,36 +263,78 @@ <h2>Articles</h2>
143263 <!-- フィルタ UI -->
144264 < div class ="blog-filters ">
145265 < div class ="blog-filter ">
146- < span class ="blog-filter__label "> Category</ span >
147- < select id ="blogCategoryFilter " class ="select blog-filter__control ">
148- < option value =""> All</ option >
266+ < span
267+ class ="blog-filter__label "
268+ > Category</ span
269+ >
270+ < select
271+ id ="blogCategoryFilter "
272+ class ="select blog-filter__control "
273+ >
274+ < option value ="">
275+ All
276+ </ option >
149277 </ select >
150278 </ div >
151279
152280 < div class ="blog-filter ">
153- < span class ="blog-filter__label "> Search</ span >
154- < input type ="search " id ="blogSearch " class ="input input--search blog-filter__control " placeholder ="Search by title, description, or tags ">
281+ < span
282+ class ="blog-filter__label "
283+ > Search</ span
284+ >
285+ < input
286+ type ="search "
287+ id ="blogSearch "
288+ class ="input input--search blog-filter__control "
289+ placeholder ="Search by title, description, or tags "
290+ />
155291 </ div >
156292 </ div >
157293 </ div >
158294
159- < div id ="blogList " class ="card-grid "> </ div >
295+ < div
296+ id ="blogList "
297+ class ="card-grid "
298+ > </ div >
160299
161- < p id ="blogEmptyMessage " class ="text-muted " style ="display: none "> No articles match the criteria.</ p >
300+ < p
301+ id ="blogEmptyMessage "
302+ class ="text-muted "
303+ style ="display: none "
304+ >
305+ No articles match the criteria.
306+ </ p >
162307
163- < div id ="paginationContainer " class ="pagination "> </ div >
308+ < div
309+ id ="paginationContainer "
310+ class ="pagination "
311+ > </ div >
164312 </ section >
165313 </ main >
166314 </ div >
167315
168- < script src ="../assets/js/layout.js " defer =""> </ script >
316+ < script
317+ src ="../assets/js/layout.js "
318+ defer =""
319+ > </ script >
169320 < script src ="../assets/js/ui.js " defer =""> </ script >
170- < script src ="../assets/js/blog.js " defer =""> </ script >
171- < script src ="../assets/js/preview.js " defer =""> </ script >
321+ < script
322+ src ="../assets/js/blog.js "
323+ defer =""
324+ > </ script >
325+ < script
326+ src ="../assets/js/preview.js "
327+ defer =""
328+ > </ script >
172329
173330 < canvas id ="menuAnimationCanvas "> </ canvas >
174- < script src ="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js " defer =""> </ script >
175- < script src ="../assets/js/particles.js " defer =""> </ script >
176-
177-
178- </ body > </ html >
331+ < script
332+ src ="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js "
333+ defer =""
334+ > </ script >
335+ < script
336+ src ="../assets/js/particles.js "
337+ defer =""
338+ > </ script >
339+ </ body >
340+ </ html >
0 commit comments