๐ mirroring test!
Add Gilroy-ExtraBold and clean code.
+228
-168
+27
Gilroy-ExtraBold.css
+27
Gilroy-ExtraBold.css
···
1
+
/**
2
+
* @license
3
+
* MyFonts Webfont Build ID 3845918, 2019-12-09T21:15:37-0500
4
+
*
5
+
* The fonts listed in this notice are subject to the End User License
6
+
* Agreement(s) entered into by the website owner. All other parties are
7
+
* explicitly restricted from using the Licensed Webfonts(s).
8
+
*
9
+
* You may obtain a valid license at the URLs below.
10
+
*
11
+
* Webfont: Gilroy-ExtraBold by Radomir Tinkov
12
+
* URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/
13
+
* Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
14
+
* Licensed pageviews: 500,000
15
+
*
16
+
*
17
+
*
18
+
* ยฉ 2019 MyFonts Inc
19
+
*/
20
+
21
+
22
+
/* @import must be at top of file, otherwise CSS will not work */
23
+
@import url("//hello.myfonts.net/count/3aaf1e");
24
+
25
+
26
+
@font-face {font-family: 'Gilroy-ExtraBold';src: url('webfonts/3AAF1E_0_0.eot');src: url('webfonts/3AAF1E_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3AAF1E_0_0.woff2') format('woff2'),url('webfonts/3AAF1E_0_0.woff') format('woff'),url('webfonts/3AAF1E_0_0.ttf') format('truetype');}
27
+
+181
-167
index.html
+181
-167
index.html
···
1
1
<!doctype html>
2
2
<html lang="en">
3
-
<head>
4
-
<title>๐ฆ shuuji3's Website</title>
5
-
<meta name="viewport" content="width=device-width,initial-scale=1">
6
-
<link rel="shortcut icon" type="image/x-icon" href="https://shuuji3.github.io/favicon.ico">
7
-
<link rel="stylesheet" href="main.css" />
8
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" integrity="sha256-zIG416V1ynj3Wgju/scU80KAEWOsO5rRLfVyRDuOv7Q=" crossorigin="anonymous" />
9
-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
10
-
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
11
-
<link rel="stylesheet" type="text/css" href="Gilroy-Light.css">
12
-
<!-- Global site tag (gtag.js) - Google Analytics -->
13
-
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7053288-3"></script>
14
-
<script>
3
+
<head>
4
+
<title>๐ฆ shuuji3's Website</title>
5
+
<meta name="viewport" content="width=device-width,initial-scale=1">
6
+
<link rel="shortcut icon" type="image/x-icon" href="https://shuuji3.github.io/favicon.ico">
7
+
<link rel="stylesheet" href="main.css"/>
8
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css"
9
+
integrity="sha256-zIG416V1ynj3Wgju/scU80KAEWOsO5rRLfVyRDuOv7Q=" crossorigin="anonymous"/>
10
+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
11
+
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
12
+
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
13
+
<link rel="stylesheet" type="text/css" href="Gilroy-Light.css">
14
+
<link rel="stylesheet" type="text/css" href="Gilroy-ExtraBold.css">
15
+
<!-- Global site tag (gtag.js) - Google Analytics -->
16
+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7053288-3"></script>
17
+
<script>
15
18
window.dataLayer = window.dataLayer || [];
16
-
function gtag(){dataLayer.push(arguments);}
19
+
20
+
function gtag() {dataLayer.push(arguments);}
21
+
17
22
gtag('js', new Date());
18
23
gtag('config', 'UA-7053288-3');
19
-
</script>
20
-
</head>
21
-
<body>
22
-
<section class="section">
23
-
<div class="container">
24
-
<div class="content">
25
-
<h1 class="title">
26
-
<img src="emoji-google-unicorn-face.png" alt="Unicorn face emoji" class="emoji">
27
-
shuuji3.xyz
28
-
</h1>
29
-
<img src="icon-shuuji3.png" alt="shuuji3's profile icon: prism">
30
-
<h2>About me</h2>
31
-
<ul>
32
-
<li>
33
-
<strong>Name:</strong>
34
-
TAKAHASHI Shuuji
35
-
</li>
36
-
<li>
37
-
<strong>Live in:</strong>
38
-
Japan ๐ฏ๐ต
39
-
</li>
40
-
<li>
41
-
<strong>Majored in:</strong>
42
-
Computer Science
43
-
</li>
44
-
<li>
45
-
<strong>Belongs to:</strong>
46
-
System Software Team at
47
-
<a href="https://www.hpcs.cs.tsukuba.ac.jp/">HPCS lab.</a>
48
-
at University of Tsukuba
49
-
</li>
50
-
</ul>
51
-
<h2>Links</h2>
52
-
<ul>
53
-
<li>
54
-
<span class="icon fab fa-keybase"></span>
55
-
<a href="https://keybase.io/shuuji3">
56
-
<strong>Keybase:</strong>
57
-
shuuji3
58
-
</a>
59
-
- Collections of my accounts.
60
-
</li>
61
-
<li>
62
-
<span class="icon fab fa-github"></span>
63
-
<a href="https://github.com/shuuji3">
64
-
<strong>GitHub:</strong>
65
-
shuuji3
66
-
</a>
67
-
- All public code and projects.
68
-
</li>
69
-
<li>
70
-
<span class="icon fab fa-researchgate"></span>
71
-
<a href="https://www.researchgate.net/profile/Shuuji_Takahashi2">
72
-
<strong>ResearchGate:</strong>
73
-
TAKAHASHI Shuuji
74
-
</a>
75
-
- Fruits of my research in the University of Tsukuba.
76
-
</li>
77
-
<li>
78
-
<span class="icon fab fa-linkedin"></span>
79
-
<a href="https://www.linkedin.com/in/shuuji3/">
80
-
<strong>LinkedIn:</strong>
81
-
shuuji3
82
-
</a>
83
-
- My resume of the education & job history.
84
-
</li>
85
-
<li>
86
-
<span class="icon fab fa-stack-overflow"></span>
87
-
<a href="https://stackoverflow.com/users/story/1204782">
88
-
<strong>Stack Overflow:</strong>
89
-
shuuji3
90
-
</a>
91
-
- Some resume and developer history.
92
-
</li>
93
-
<li>
94
-
<span class="icon fa fa-share-alt-square"></span>
95
-
<a href="https://stackshare.io/shuuji3/my-stack">
96
-
<strong>StackShare:</strong>
97
-
shuuji3
98
-
</a>
99
-
- My developer stack.
100
-
</li>
101
-
<li>
102
-
<span class="icon fab fa-twitter"></span>
103
-
<a href="https://twitter.com/__shuuji3">
104
-
<strong>Twitter:</strong>
105
-
@__shuuji3
106
-
</a>
107
-
- Inactive account created for writing English.
108
-
</li>
109
-
<li>
110
-
<span class="icon fa fa-envelope"></span>
111
-
<a href="mailto:shuuji3@gmail.com">
112
-
<strong>Email:</strong>
113
-
shuuji3@gmail.com
114
-
</a>
115
-
- Since 2008-09-23T17:24:25.480Z (ฮฒ version).
116
-
</li>
117
-
</ul>
118
-
<h2>Translation Project</h2>
119
-
<p>I've dedicated the translation of technical documents and articles to improve my English skill as well as to inform the latest knowledge to Japanese engineers.</p>
120
-
<ul>
121
-
<li><a href="https://shuuji3.xyz/eng-practices/">Google's Engineering Practices documentation</a> - Documentation of Google's great engineering practices.</li>
122
-
<li><a href="https://letsencrypt.org/ja/">Let's Encrypt</a> - Website and documentations.</li>
123
-
<li><a href="https://www.transifex.com/user/profile/shuuji3/">Transifex</a> - Most dedicated is <a href="https://www.transifex.com/django/django-docs/translate/#ja/$/11828084?q=translator%3Ashuuji3">Django documentations</a> (perhaps several hundreds paragraphs?).</li>
124
-
<li><a href="https://wiki.developer.mozilla.org/ja/dashboards/revisions?user=shuuji3">MDN web docs</a></li>
125
-
<li><a href="https://ja.wikipedia.org/w/index.php?target=TAKAHASHI+Shuuji&namespace=0&tagfilter=&newOnly=1&hideMinor=1&start=&end=&limit=500&title=%E7%89%B9%E5%88%A5%3A%E6%8A%95%E7%A8%BF%E8%A8%98%E9%8C%B2">Wikipedia</a> - Articles in en.wikipedia.org.</li>
126
-
<li>and more...</li>
127
-
</ul>
128
-
<h2>Continuous Donations</h2>
129
-
<p>I'm supporting the activities of the following organizations via my donations:</p>
130
-
<ul>
131
-
<li>
132
-
<a href="https://www.fsf.org/">
133
-
<img src="fsf.png" alt="Free Software Foundation icon" class="has-margin-right-1" />
134
-
GNU / Free Software Foundation
135
-
</a>
136
-
- $5.00
137
-
</li>
138
-
<li>
139
-
<a href="https://creativecommons.jp/">
140
-
<span class="icon fab fa-creative-commons"></span>
141
-
Creative Commons
142
-
</a>
143
-
- $5.00
144
-
</li>
145
-
<li>
146
-
<a href="https://www.pixiv.net/fanbox">
147
-
pixivFANBOX
148
-
</a>
149
-
- For several artists
150
-
</li>
151
-
</ul>
152
-
<h2>GitHub Grass</h2>
153
-
<p>
154
-
Generated by
155
-
<a href="https://grass-graph.moshimo.works/">
156
-
Grass-Graph
157
-
</a>
158
-
</p>
24
+
</script>
25
+
</head>
26
+
<body>
27
+
<section class="section">
28
+
<div class="container">
29
+
<div class="content">
30
+
<h1 class="title">
31
+
<img src="emoji-google-unicorn-face.png" alt="Unicorn face emoji" class="emoji">
32
+
shuuji3.xyz
33
+
</h1>
34
+
<img src="icon-shuuji3.png" alt="shuuji3's profile icon: prism">
35
+
<h2>About me</h2>
36
+
<ul>
37
+
<li>
38
+
<strong>Name:</strong>
39
+
TAKAHASHI Shuuji
40
+
</li>
41
+
<li>
42
+
<strong>Live in:</strong>
43
+
Japan ๐ฏ๐ต
44
+
</li>
45
+
<li>
46
+
<strong>Majored in:</strong>
47
+
Computer Science
48
+
</li>
49
+
<li>
50
+
<strong>Belongs to:</strong>
51
+
System Software Team at
52
+
<a href="https://www.hpcs.cs.tsukuba.ac.jp/">HPCS lab.</a>
53
+
at University of Tsukuba
54
+
</li>
55
+
</ul>
56
+
<h2>Links</h2>
57
+
<ul>
58
+
<li>
59
+
<span class="icon fab fa-keybase"></span>
60
+
<a href="https://keybase.io/shuuji3">
61
+
<strong>Keybase:</strong>
62
+
shuuji3
63
+
</a>
64
+
- Proof of my accounts.
65
+
</li>
66
+
<li>
67
+
<span class="icon fab fa-github"></span>
159
68
<a href="https://github.com/shuuji3">
160
-
<img src="https://grass-graph.moshimo.works/images/shuuji3.png?background=none" alt="GitHub grass of shuuji3">
69
+
<strong>GitHub:</strong>
70
+
shuuji3
71
+
</a>
72
+
- All public code and projects.
73
+
</li>
74
+
<li>
75
+
<span class="icon fab fa-researchgate"></span>
76
+
<a href="https://www.researchgate.net/profile/Shuuji_Takahashi2">
77
+
<strong>ResearchGate:</strong>
78
+
TAKAHASHI Shuuji
79
+
</a>
80
+
- Fruits of my research in the University of Tsukuba.
81
+
</li>
82
+
<li>
83
+
<span class="icon fab fa-linkedin"></span>
84
+
<a href="https://www.linkedin.com/in/shuuji3/">
85
+
<strong>LinkedIn:</strong>
86
+
shuuji3
87
+
</a>
88
+
- My resume of the education & job history.
89
+
</li>
90
+
<li>
91
+
<span class="icon fab fa-stack-overflow"></span>
92
+
<a href="https://stackoverflow.com/users/story/1204782">
93
+
<strong>Stack Overflow:</strong>
94
+
shuuji3
95
+
</a>
96
+
- Some resume and developer history.
97
+
</li>
98
+
<li>
99
+
<span class="icon fa fa-share-alt-square"></span>
100
+
<a href="https://stackshare.io/shuuji3/my-stack">
101
+
<strong>StackShare:</strong>
102
+
shuuji3
161
103
</a>
162
-
</div>
163
-
</div>
164
-
</section>
165
-
<footer class="footer has-text-centered">
104
+
- My developer stack.
105
+
</li>
106
+
<li>
107
+
<span class="icon fab fa-twitter"></span>
108
+
<a href="https://twitter.com/__shuuji3">
109
+
<strong>Twitter:</strong>
110
+
@__shuuji3
111
+
</a>
112
+
- Inactive account created for writing English.
113
+
</li>
114
+
<li>
115
+
<span class="icon fa fa-envelope"></span>
116
+
<a href="mailto:shuuji3@gmail.com">
117
+
<strong>Email:</strong>
118
+
shuuji3@gmail.com
119
+
</a>
120
+
- Since 2008-09-23T17:24:25.480Z (ฮฒ version).
121
+
</li>
122
+
</ul>
123
+
<h2>Translation Project</h2>
124
+
<p>I've dedicated the translation of technical documents and articles to improve my English skill as well as to
125
+
share the latest knowledge to Japanese engineers.</p>
126
+
<ul>
127
+
<li><a href="https://shuuji3.xyz/eng-practices/">Google's Engineering Practices documentation</a> -
128
+
Documentation of Google's great engineering practices.
129
+
</li>
130
+
<li><a href="https://letsencrypt.org/ja/">Let's Encrypt</a> - Website and documentations.</li>
131
+
<li><a href="https://www.transifex.com/user/profile/shuuji3/">Transifex</a> - Most dedicated is <a
132
+
href="https://www.transifex.com/django/django-docs/translate/#ja/$/11828084?q=translator%3Ashuuji3">Django
133
+
documentations</a> (perhaps several hundreds paragraphs?).
134
+
</li>
135
+
<li><a href="https://wiki.developer.mozilla.org/ja/dashboards/revisions?user=shuuji3">MDN web docs</a></li>
136
+
<li><a
137
+
href="https://ja.wikipedia.org/w/index.php?target=TAKAHASHI+Shuuji&namespace=0&tagfilter=&newOnly=1&hideMinor=1&start=&end=&limit=500&title=%E7%89%B9%E5%88%A5%3A%E6%8A%95%E7%A8%BF%E8%A8%98%E9%8C%B2">Wikipedia</a>
138
+
- Articles in en.wikipedia.org.
139
+
</li>
140
+
<li>and more...</li>
141
+
</ul>
142
+
<h2>Continuous Donations</h2>
143
+
<p>I'm supporting the activities of the following organizations via my donations:</p>
144
+
<ul>
145
+
<li>
146
+
<img src="fsf.png" alt="Free Software Foundation icon" class="has-margin-right-1"/>
147
+
<a href="https://www.fsf.org/">
148
+
GNU / Free Software Foundation
149
+
</a>
150
+
- $5.00
151
+
</li>
152
+
<li>
153
+
<span class="icon fab fa-creative-commons"></span>
154
+
<a href="https://creativecommons.jp/">
155
+
Creative Commons
156
+
</a>
157
+
- $5.00
158
+
</li>
159
+
<li>
160
+
<a href="https://www.pixiv.net/fanbox">
161
+
pixivFANBOX
162
+
</a>
163
+
- For several artists
164
+
</li>
165
+
</ul>
166
+
<h2>GitHub Grass</h2>
166
167
<p>
167
-
Powered by
168
-
<a href="https://pages.github.com/">
169
-
<span class="icon fab fa-github"></span>
170
-
GitHub Pages
168
+
Generated by
169
+
<a href="https://grass-graph.moshimo.works/">
170
+
Grass-Graph
171
171
</a>
172
172
</p>
173
-
<p>
174
-
This website uses <a href="https://analytics.google.com/">Google Analytics</a> to understand users.
175
-
</p>
176
-
</footer>
177
-
</body>
173
+
<a href="https://github.com/shuuji3">
174
+
<img src="https://grass-graph.moshimo.works/images/shuuji3.png?background=none" alt="GitHub grass of shuuji3">
175
+
</a>
176
+
</div>
177
+
</div>
178
+
</section>
179
+
<footer class="footer has-text-centered">
180
+
<p>
181
+
Powered by
182
+
<a href="https://pages.github.com/">
183
+
<span class="icon fab fa-github"></span>
184
+
GitHub Pages
185
+
</a>
186
+
</p>
187
+
<p>
188
+
This website uses <a href="https://analytics.google.com/">Google Analytics</a> to understand users.
189
+
</p>
190
+
</footer>
191
+
</body>
178
192
</html>
+20
-1
main.css
+20
-1
main.css
···
1
1
body {
2
2
background-color: #fffafe;
3
+
font-family: Gilroy-Light, sans-serif !important;
4
+
font-weight: bold !important;
3
5
}
6
+
4
7
h1, h2, h3 {
5
-
font-family: Gilroy-Light, sans-serif !important;
8
+
font-weight: normal;
6
9
}
10
+
7
11
h1 {
8
12
letter-spacing: 0.05em;
9
13
}
14
+
10
15
h2::before {
11
16
content: "๐";
12
17
margin-right: 0.5rem;
13
18
}
19
+
14
20
a {
15
21
color: #2196f3 !important;
16
22
}
23
+
17
24
a:hover {
18
25
text-decoration: underline;
19
26
}
27
+
28
+
strong {
29
+
font-family: Gilroy-ExtraBold, sans-serif;
30
+
font-weight: normal !important;
31
+
}
32
+
20
33
.emoji {
21
34
width: 2.5rem;
22
35
}
36
+
23
37
.has-margin-right-1 {
24
38
margin-right: 0.5em
25
39
}
40
+
41
+
.icon {
42
+
font-weight: normal;
43
+
}
44
+
26
45
footer {
27
46
background-color: #e1f5fe !important;
28
47
}
webfonts/3AAF0E_0_unhinted_0.ttf
webfonts/3AAF0E_0_unhinted_0.ttf
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_unhinted_0.woff
webfonts/3AAF0E_0_unhinted_0.woff
This is a binary file and will not be displayed.
webfonts/3AAF0E_0_unhinted_0.woff2
webfonts/3AAF0E_0_unhinted_0.woff2
This is a binary file and will not be displayed.
webfonts/3AAF1E_0_0.eot
webfonts/3AAF1E_0_0.eot
This is a binary file and will not be displayed.
webfonts/3AAF1E_0_0.ttf
webfonts/3AAF1E_0_0.ttf
This is a binary file and will not be displayed.
webfonts/3AAF1E_0_0.woff
webfonts/3AAF1E_0_0.woff
This is a binary file and will not be displayed.
webfonts/3AAF1E_0_0.woff2
webfonts/3AAF1E_0_0.woff2
This is a binary file and will not be displayed.