-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (111 loc) · 6.66 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
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7XFJ3PBXLY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7XFJ3PBXLY');
</script>
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
<style>
:root {
--accent-color: #05a081;
--accent-color-light: #82d0c0;
--accent-overlay-color: #fff;
--body-bg: #fff;
--body-color: #000;
--heading-color: #000;
--table-bg-even: #f3f3f3;
--table-border-bottom: #dddddd;
}
@media (prefers-color-scheme: dark) {
:root {
--accent-overlay-color: #dee2e6;
--body-bg: #212529;
--body-color: #abb2bf;
--heading-color: #dee2e6;
--table-bg-even: #2d3237;
--table-border-bottom: #697077;
}
img {
opacity: .75;
transition: opacity .5s ease-in-out;
}
img:hover {
opacity: 1;
}
}
</style>
<meta name="theme-color" content="#05a081" />
<link rel="icon" href="https://site.little-method.com/processed_images/icon.8bb7562e91f2c833.jpg" />
<link rel="apple-touch-icon" sizes="48x48" href="https://site.little-method.com/processed_images/icon.8bb7562e91f2c833.jpg" />
<link rel="apple-touch-icon" sizes="72x72" href="https://site.little-method.com/processed_images/icon.5324ad24c76653f9.jpg" />
<link rel="apple-touch-icon" sizes="96x96" href="https://site.little-method.com/processed_images/icon.ad3476c585276887.jpg" />
<link rel="apple-touch-icon" sizes="144x144" href="https://site.little-method.com/processed_images/icon.1f452bf44b399811.jpg" />
<link rel="apple-touch-icon" sizes="192x192" href="https://site.little-method.com/processed_images/icon.d4bcfcb8e74e5248.jpg" />
<link rel="apple-touch-icon" sizes="256x256" href="https://site.little-method.com/processed_images/icon.0707f6fc31d6a3f9.jpg" />
<link rel="apple-touch-icon" sizes="384x384" href="https://site.little-method.com/processed_images/icon.c1f191193f889b25.jpg" />
<link rel="apple-touch-icon" sizes="512x512" href="https://site.little-method.com/processed_images/icon.ca1111db3cabab66.jpg" />
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。" />
<meta name="twitter:description" content="フリーランスとして活動しているフロントエンドエンジニアのブログサイトです。主にゲームなどの趣味に関することを書いています。">
<meta name="twitter:title" content="st-little's blog">
<link rel="prerender" href="/blog/" />
<link rel="prefetch" href="https://site.little-method.com/processed_images/icon.638905c23809b86a.jpg" />
<title>
st-little's blog
</title>
<link rel="stylesheet" href="https://site.little-method.com/index.css">
<link rel="prefetch" href="https://site.little-method.com/processed_images/profile.19bd1e82e19f0815.jpg">
</head>
<body>
<header>
<a class="profile-icon" href="/">
<img src="https://site.little-method.com/processed_images/icon.638905c23809b86a.jpg" alt="profile picture">
</a>
<nav>
<a href="/blog/">Blog</a>
</nav>
</header>
<main>
<div class="profile">
<div class="profile-container">
<img src="https://site.little-method.com/processed_images/profile.19bd1e82e19f0815.jpg" alt="profile picture">
</div>
</div>
<div class="content">
<h2 id="st-little-s-blog">st-little's blog.</h2>
<!-- This is a simple dev blog that I made [for my website](https://bennetthardwick.com).
It's quite easy to install, just go to the [project page](https://github.com/bennetthardwick/simple-dev-blog-zola-starter) and follow the prompts.
This template does some fancy stuff like [pre-rendering](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content) blog posts and nav links,
pre-fetching your profile image and adding a bunch of common meta tags.
If you're still making up your mind, feel fee to take a look around by clicking the [about](/about/) and [blog](/blog/) nav links. -->
<!-- フリーランスとして活動しているフロントエンドエンジニアです。
最近は Rust に興味があり少し触ったりしてます。 -->
<p>フリーランスとして活動しているフロントエンドエンジニアです。 </p>
<p>開発ブログは zenn の方に投稿しています。</p>
<p><a href="https://github.com/st-little"><img src="/logo_images/mark-github.svg" width="32" height="32"></a>
<a href="https://twitter.com/stlittle8"><img src="/logo_images/mark-twitter-blue.svg" width="32" height="32"></a>
<a href="https://zenn.dev/st_little"><img src="/logo_images/mark-zenn.svg" width="32" height="32"></a></p>
<!-- システム開発に関係ない内容のブログを投稿しています。開発ブログは [zenn](https://zenn.dev/st_little) の方に投稿しています。 -->
<nav class="lower">
<a href="/blog/">Blog</a>
</nav>
</div>
</main>
<footer class="footer-page">
<p>このサイトは Google アナリティクスを使用しており、データを収集するために Cookie を使用しています。<br>
データが収集および処理される仕組みについては <a href="https://policies.google.com/technologies/partner-sites" target="_blank" rel="noopener noreferrer">こちら<span class="material-symbols-outlined">open_in_new</span></a> を参照してください。<br>
© 2020 st-little</p>
</footer>
</body>
</html>