Skip to content

Commit f463573

Browse files
committed
アイコン調整
1 parent f003136 commit f463573

11 files changed

Lines changed: 1216 additions & 313 deletions

File tree

WebSite/blog.html

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -151,22 +151,24 @@
151151
href="assets/css/preview.css"
152152
/>
153153

154-
<!-- アイコン -->
154+
<!-- ========================================
155+
アイコン
156+
======================================== -->
155157
<link
156158
rel="icon"
157-
href="../favicon.ico"
158-
sizes="any"
159+
type="image/x-icon"
160+
href="https://breadmotion.github.io/favicon.ico"
159161
/>
160162
<link
161163
rel="icon"
162164
type="image/png"
163-
href="assets/img/favicon-32.png"
165+
href="https://breadmotion.github.io/assets/img/favicon-32.png"
164166
sizes="32x32"
165167
/>
166168
<link
167169
rel="icon"
168170
type="image/png"
169-
href="assets/img/favicon-192.png"
171+
href="https://breadmotion.github.io/assets/img/favicon-192.png"
170172
sizes="192x192"
171173
/>
172174

WebSite/contact.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -119,22 +119,24 @@
119119
href="assets/css/preview.css"
120120
/>
121121

122-
<!-- アイコン -->
122+
<!-- ========================================
123+
アイコン
124+
======================================== -->
123125
<link
124126
rel="icon"
125127
type="image/x-icon"
126-
href="../favicon.ico"
128+
href="https://breadmotion.github.io/favicon.ico"
127129
/>
128130
<link
129131
rel="icon"
130132
type="image/png"
131-
href="assets/img/favicon-32.png"
133+
href="https://breadmotion.github.io/assets/img/favicon-32.png"
132134
sizes="32x32"
133135
/>
134136
<link
135137
rel="icon"
136138
type="image/png"
137-
href="assets/img/favicon-192.png"
139+
href="https://breadmotion.github.io/assets/img/favicon-192.png"
138140
sizes="192x192"
139141
/>
140142

WebSite/en/blog.html

Lines changed: 217 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,67 @@
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">
@@ -100,40 +140,120 @@
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

Comments
 (0)