-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
280 lines (257 loc) · 12.4 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
<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Descriptions -->
<meta name="description" content="いがめたのポートフォリオ兼プロフィール用のサイトです">
<meta name="keywords" content="いがめた,igameta,igameta0510,いが">
<meta name="author" content="いがめた/igameta">
<title>IGAMETA!!</title>
<!-- /Descriptions -->
<!-- Favicon -->
<link rel="icon" href="/favicon/favicon.ico" id="favicon">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/AppleTouch.png">
<link rel="android-chrome-192x192.png" sizes="192x192" href="/favicon/AndroidChrome.png">
<!-- /Favicon -->
<!-- OGP -->
<meta name="og:url" content="https://igameta.com">
<meta name="og:title" content="いがめたのポートフォリオ">
<meta name="og:image" content="https://igameta.com/img/OGP.png">
<meta name="og:description" content="どこにでもいるパソカタオタクの自己満足サイト">
<!-- TwitterOGP -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://igameta.com/img/OGP.png">
<!-- /OGP -->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Template CSS -->
<!-- /Template CSS -->
<!-- Custom CSS -->
<link href="StyleSheets/CusterdSheet.css" rel="stylesheet">
<!-- /Custom CSS -->
<!-- FontAwesome and BootStrapIcons-->
<script src="https://kit.fontawesome.com/4fe885327e.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Google Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Electrorize -->
<link href="https://fonts.googleapis.com/css2?family=Electrolize&display=swap" rel="stylesheet">
<!-- Kosugi Maru + Nuito -->
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Nunito&display=swap" rel="stylesheet">
<!-- /Google Fonts -->
</head>
<body class="bg-dark text-white NormalText">
<!-- Navigation bar -->
<nav class="navbar navbar-expand-lg navbar-dark Cbg-dark" id="sec:home">
<div class="container-fluid">
<a class="navbar-brand ms-3" href="#sec:home">
<img src="img/logo/logo-light.svg" type=”image/svg+xml” alt="logo" width="27" height="44" class="d-inline-block align-text-top" class="d-inline-block align-text-top">
</a>
<p class="fs-4 text-white fm-electrolize mt-3" >igameta.com</p>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav fm-electrolize me-auto ms-5 mb-1 mb-lg-0 fs-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#sec:home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sec:bio">Bio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sec:links">Links</a>
</li>
</ul>
<ul class="navbar-nav fs-3 text-right">
<li class="nav-item">
<a class="nav-link active" href="https://twitter.com/igameta">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="https://keybase.io/igameta/">
<i class="fab fa-keybase"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="https://github.com/igameta">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- /Navigation bar -->
<!-- Header -->
<div class="header mt-0 mb-5" style="background-image: url(img/headerBG.jpg); background-size: cover;background-repeat: no-repeat;background-position: center;">
<div class="container-fluid rounded Cbg-dark-tp">
<p class="header-main-taxt fm-electrolize text-center">IGAMETA!!</p>
</div>
<div class="text-center">
<a class="btn Cbg-dark-tp rounded-circle " role="button" href="#sec:bio">
<i class="bi bi-chevron-down text-white text-center m-1 fs-1"></i>
</a>
</div>
</div>
<!-- /Header -->
<!-- Bio -->
<div class="container my-5 pb-3 rounded-3 Cbg-dark" id="sec:bio">
<div> <!-- タイトル -->
<h1 class="pt-4 ps-4 cd-title fm-electrolize">Profile</h1>
</div>
<div class="container mx-auto p-4 row" >
<div class="col-10"><!-- 本文 -->
<h2 class="mt-1 mb-0">いがめた-igameta-</h2>
<p class="lh-sm ms-3 mt-4 fs-3">
どこにでもいるPC/ガジェットオタク。<br>
趣味で情報分野・VRをやってたら大学で専攻することになった人。<br>
広く浅くたまに深くで活動中。<br>
そのままいがめたでもいがでもなんでも好きなように呼んでください。<br>
DJもしてます。
</p>
</div>
<div class="col-2 p-0">
<img src="img/icon.png" class="text-endrounded-circle" alt="" width="100%">
</div>
</div>
<p class="fs-6 text-end">※私のSNSなどでの発言は、その旨を明記する場合を除き所属団体と一切の関係はありません。</p>
</div>
</div>
<!-- /Bio -->
<!-- Links -->
<div class="container my-5 pb-3 rounded-3 Cbg-dark" id="sec:links">
<div> <!-- タイトル -->
<h1 class="pt-4 ps-4 cd-title fm-electrolize">Links</h1>
</div>
<div class="ms-5 mt-3 mb-5">
<div class="mt-0 fs-4 row mx-auto fm-electrolize"><!-- 本文 -->
<div class="col-md">
<h2>Contacts</h2>
<ul class="list-unstyled lh-lg">
<li><!--Twitter-->
<i class="fab fa-twitter"></i>
<a class="btn btn-primary ms-3" role="button" href="https://twitter.com/igameta">MAIN</a>
<a class="btn btn-secondary ms-3" role="button" href="https://twitter.com/igameta_vr">VR</a>
</li>
<li><!--Keybase-->
<i class="fab fa-keybase"></i>
<a class="text-decoration-none tc-green" href="https://keybase.io/igameta">igameta</a>
</li>
<li><!--Discord-->
<i class="fab fa-links-dis fa-discord"></i>
igameta
</li>
<li><!--Mail-->
<i class="far fa-envelope"></i>
main[at]igameta.com
</li>
</ul>
<h2>PGP</h2>
<p>5CADFD4D957ED6BA</p>
</div>
<div class="col-md">
<h2>Social</h2>
<ul class="list-unstyled lh-lg">
<li><!--Instagram-->
<i class="fab fa-instagram"></i>
<a class="text-decoration-none tc-green" href="https://www.instagram.com/igameta/">Instagram</a>
</li>
<li><!-- TikTok -->
<i class="fab fa-tiktok"></i>
<a class="text-decoration-none tc-green" href="https://www.tiktok.com/@igameta">TikTok</a>
</li>
<li><!--VRC-->
<i class="bi bi-badge-vr"></i>
<a class="text-decoration-none tc-green" href="https://vrchat.com/home/user/usr_2e9f1cfe-27b3-4bdb-8af8-dc9d51cc87d9">VRChat</a>
</li>
<li><!-- Twitch -->
<i class="fab fa-twitch"></i>
<a class="text-decoration-none tc-green" href="https://www.twitch.tv/igameta0510">Twitch</a>
</li>
</ul>
</div>
<div class="col-md">
<h2>Dev</h2>
<ul class="list-unstyled lh-lg">
<li><!--GitHub-->
<i class="fab fa-github"></i>
<a class="text-decoration-none tc-green" href="https://github.com/igameta">GitHub</a>
</li>
<li><!--Zenn-->
<img src="img/logo/zenn-white.svg" alt="" width="25vw">
<a class="text-decoration-none tc-green" href="https://zenn.dev/igameta">Zenn</a>
</li>
</ul>
</div>
<div class="col-md">
<h2>Others</h2>
<ul class="list-unstyled lh-lg">
<li><!--Steam-->
<i class="fab fa-steam"></i>
<a class="text-decoration-none tc-green" href="https://steamcommunity.com/id/igameta/">Steam</a>
</li>
<li><!--pixiv-->
<img src="img/logo/pixiv-white.svg" alt="" width="25vw">
<a class="text-decoration-none tc-green" href="https://www.pixiv.net/users/41157411">pixiv</a>
</li>
<li>
<i class="fab fa-mixcloud"></i>
<a class="text-decoration-none tc-green" href="https://www.mixcloud.com/igameta/">Mixcloud</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /Links -->
<!-- Skills&Track -->
<div class="container mx-auto p-0 row">
<!-- Track -->
<div class="container my-5 me-5 pb-3 rounded-3 col-md Cbg-dark">
<h1 class="pt-4 ps-4 cd-title text-start fm-electrolize">Personal history</h1>
<div class="border-4 border-white">
<h2>2024</h2>
<p>Feb DJイベントPhusionを開催</p>
<h2>2023</h2>
<p>Dec 応用情報技術者試験に合格</p>
<p>Apr DJを始める(年内出演14回)</p>
<p>Apr 都内の大学に入学</p>
<p>Mar 群馬の私立高校を卒業</p>
<p>Feb UEC 高大連携基礎プログラミング修了</p>
<h2>2022</h2>
<p>Jul IPSJに入会</p>
<p>Jul UEC 高大連携基礎プログラミング履修開始</p>
<p>Jun VRSJに入会</p>
<P>Apr 応用情報技術者試験を受験</P>
<h2>2021</h2>
<p>Dec 信州未来アプリコンテストにて信州大学長賞(U18優秀)を受賞</p>
<p>Dec 基本情報技術者試験に合格</p>
<p>Nov GC甲子園に企画書を提出</p>
<p>May ITパスポート試験に合格</p>
<h2>2019</h2>
<p>Dec 信州未来アプリコンテストに出場</p>
<h2>2004</h2>
<p>Apr うまれる</p>
</div>
</div>
</div>
<!-- /Skills&Track-->
<!-- Footer -->
<footer class="Cbg-dark">
<div class="ps-4 pt-4 pb-2 align-items-center">
<p class="text-center">すべてのロゴ等の権利は企業,団体,個人に帰属します<br>All logo rights belong to the company, organization or individual.</p>
<p class="text-center">いい加減あたたかみのある手打ちHTMLから脱却したい 2024/4/12</p>
<p class="text-center">© 2024 igameta All Rights Reserved</p>
</div>
</footer>
<!-- /Footer -->
<!-- Road Scripts Below -->
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"" crossorigin="anonymous"></script>
</body>
</html>