-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
194 lines (173 loc) · 12 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
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<title>Seth's GitHub Pages</title>
<meta name="title" content="Seth's GitHub Pages">
<meta name="twitter:title" content="Seth's GitHub Pages">
<meta property="og:title" content="Seth's GitHub Pages">
<meta name="description" content="Seth Clydesdale is a self-taught web developer and translator with a passion for learning and teaching the Japanese language.">
<meta property="og:description" content="Seth Clydesdale is a self-taught web developer and translator with a passion for learning and teaching the Japanese language.">
<link rel="shortcut icon" type="image/x-icon" href="resources/images/main.ico">
<meta name="keywords" content="Seth Clydesdale, Ange Tuteur, SelentoAnuri, GitHub Pages" lang="en">
<meta name="language" content="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:site_name" content="sethclydesdale.github.io">
<meta property="og:url" content="https://sethclydesdale.github.io/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://sethclydesdale.github.io/resources/images/main-sq.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@SethC1995">
<link rel="stylesheet" href="resources/stylesheet.min.css">
<script src="resources/ga.js" async></script>
<meta name="google-site-verification" content="a6Dkj3tZ7SEai-QbfbOI0M0Jb65Lp18nbY1Hl3LwOro">
</head>
<body>
<header>
<h1 id="site-title"><a href="./" id="home-link">Seth's GitHub Pages</a></h1>
<a id="fork-me" href="https://github.com/SethClydesdale/sethclydesdale.github.io">Fork Me</a>
</header>
<div id="content">
<div class="content-block center">
<h2 id="main-title" class="title">Seth Clydesdale</h2>
<img id="main-logo" src="resources/images/main.png" alt="main logo">
<p id="main-paragraph">Greetings, and welcome to my GitHub page, I'm Seth! I'm a self-taught web developer and translator with a passion for learning and teaching the Japanese language. I dabble in various fields, but some of my specialties are Japanese language learning software and manga translations. You can browse a list of some of my <a href="#featured-projects">featured projects</a> below!</p>
</div>
<div class="content-block">
<div class="column-row">
<div class="column">
<h2 class="section-title" id="main-experience">Experience</h2>
<ul>
<li>HTML, CSS, JavaScript (10+ years), jQuery, Lua</li>
<li><a href="https://help.forumotion.com/u88576">Customer Support @ Forumotion</a> (3 years, volunteer)</li>
<li>Graphic Design/Editing (10+ years)</li>
<li>Translating [日本語 <i class="fa"></i> EN] (3+ years)</li>
<li>Manga Lettering (3+ years)</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="main-languages">Languages</h2>
<ul>
<li>English, US (Native)</li>
<li>Japanese (N3?, self-studying)</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="main-hobbies">Likes</h2>
<ul>
<li>Studying Japanese</li>
<li>Translating</li>
<li>Gaming</li>
<li>Anime</li>
<li>Manga</li>
<li>Programming</li>
<li>Drawing</li>
</ul>
</div>
</div>
<div class="column-row">
<div class="column">
<h2 class="section-title" id="main-contact">Links/Contact</h2>
<ul>
<li>X (Twitter): <a href="https://x.com/SethC1995">@SethC1995</a></li>
<li>GitHub: <a href="https://github.com/SethClydesdale">SethClydesdale</a></li>
<li>Reddit: <a href="https://reddit.com/u/SelentoAnuri">SelentoAnuri</a></li>
<li>Pixiv: <a href="https://www.pixiv.net/en/users/76941337">ティオ猫</a></li>
<li>Steam: <a href="https://steamcommunity.com/id/sethc95">SethC95</a></li>
<li>PSN: Seth9977</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="main-tips">Support</h2>
<p class="center">If you would like to support my work, feel free to...</p>
<ul>
<li><a href="https://github.com/sponsors/SethClydesdale">Sponsor me on GitHub</a></li>
<li><a href="https://ko-fi.com/sethc95">Buy me a coffee via Ko-fi</a></li>
<li><a href="https://paypal.me/sethc95/">Send me a tip via Paypal</a></li>
<li><a href="https://www.amazon.com/hz/wishlist/ls/S7YILFHYK0IZ">Buy me a gift from my Amazon Wishlist</a></li>
<li>or just say thanks! (^_^)</li>
</ul>
</div>
</div>
</div>
<div class="content-block center">
<h2 id="featured-projects" class="title center">Featured Projects</h2>
<p>Below you'll find a collection of projects that I've worked on over the years!</p>
</div>
<div class="content-block">
<div class="column-row">
<div class="column">
<h2 class="section-title" id="projects-websites">Websites</h2>
<ul>
<li><a href="https://sethclydesdale.github.io/genki-study-resources/lessons-3rd/">Genki Study Resources</a><br>A website that offers resources for practicing what is taught in the Genki Japanese textbooks.</li>
<li><a href="https://sethclydesdale.github.io/tobira-study-resources/">Tobira Study Resources</a><br>A website that offers resources for practicing what is taught in Tobira: Gateway to Advanced Japanese.</li>
<li><a href="https://sethclydesdale.github.io/colloquial-kansai-dictionary/">Colloquial Kansai Dictionary</a><br>A quick reference for the material taught in Colloquial Kansai Japanese.</li>
<li><a href="https://sethclydesdale.github.io/code-vein-builder/">Code Vein Builder</a><br>A tool for creating and sharing Code Vein builds.</li>
<li><a href="https://sethclydesdale.github.io/hajimari-no-kiseki-jisho/">Hajimari no Kiseki Jisho</a><br>A Japanese-English dictionary/quick reference for various terms and menus in Hajimari no Kiseki.</li>
<li><a href="https://sethclydesdale.github.io/ps4-cover-generator/">PS4 Cover Generator</a><br>A tool that helps one create a Cover image for their PSN profile, directly on their PS4.</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="projects-games">Games</h2>
<ul>
<li><a href="https://sethclydesdale.github.io/typing-with-mishy/lang/en/">Typing with Mishy</a><br>A free typing practice game, starring Nihon Falcom's mascot, Mishy.</li>
<li><a href="http://sethclydesdale.github.io/tic-tac-toe/">Tic-Tac-Toe</a><br>A simple game of Tic-Tac-Toe in the browser.</li>
<li><a href="http://sethclydesdale.github.io/rock-paper-scissors/">Rock Paper Scissors</a><br>A fun little game of rock-paper-scissors.</li>
<li><a href="https://sethclydesdale.github.io/browser-pong/">Browser Pong</a><br>A simple game of pong built with HTML, CSS, and JS.</li>
<li><a href="http://sethclydesdale.github.io/magic-8-ball/">Magic 8-ball</a><br>Ask the Magic 8-ball a question, directly in your browser!</li>
<li><a href="http://sethclydesdale.github.io/dom-blast/">DOM Blast</a><br>A silly little space ship shooter. I created this when I was first learning web development.</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="projects-translation">Translations</h2>
<ul>
<li><a href="projects/agnes-style/">Trails through Daybreak: Agnès' Style</a><br>Free web manga based on Trails through Daybreak that follows the daily life of a Spriggan from Agnès' point of view.</li>
<li><a href="projects/little-witch-nobeta/">Little Witch Nobeta Manga Translations</a><br>I mostly handled the English typesetting for these since they're based on an existing script, however, I also edited and retranslated the script where necessary.</li>
<li><a href="projects/falcom-stickers/">Falcom Sticker Translations</a><br>LINE stickers by Nihon Falcom translated into English for others to use on messaging services.</li>
<li><a href="projects/twitter-translations/">Twitter Translations</a><br>Various translations I did on Twitter for art, manga, etc.</li>
</ul>
</div>
</div>
<div class="column-row">
<div class="column">
<h2 class="section-title" id="projects-forumotion">Forumotion</h2>
<ul>
<li><a href="https://help.forumotion.com/t143338-a-new-support-design-theme-is-coming#976610">Forumactif Support Design</a><br>In the past I've assisted in the development of Forumactif's support forum design as "Ange Tuteur."</li>
<li><a href="https://sethclydesdale.github.io/forumactif-edge/">Forumactif Edge</a><br>A free modern and responsive forum theme for Forumotion forums.</li>
<li><a href="https://github.com/SethClydesdale/forumactif-messenger">Forumactif Messenger</a><br>Instant message application for Forumotion.</li>
<li><a href="http://fmdesign.forumotion.com/f18-official-tips-tricks-and-plugins">FM Design - Plugins</a><br>My old forum which contains a vast collection of plugins and tutorials that I wrote for Forumotion over the years.</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="projects-tools">Extensions</h2>
<ul>
<li><a href="https://sethclydesdale.github.io/cunny-code/extension/">Cunny Translate</a><br>A browser extension for easily translating Cunny Code while browsing the web.</li>
<li><a href="https://github.com/SethClydesdale/brackets-rubify-text">brackets-rubify-text</a><br>Rubify Text is a simple extension for brackets that wraps selected texts with <ruby> annotation tags to help make annotating Asian texts with furigana easier.</li>
<li><a href="https://github.com/SethClydesdale/firefox-dark-ui">firefox-dark-ui</a><br>A dark UI theme for Atom based on the old Firefox developer tools dark theme.</li>
<li><a href="https://github.com/SethClydesdale/firefox-dark-syntax">firefox-dark-syntax</a><br>A dark syntax theme for Atom based on the old Firefox developer tools dark theme.</li>
</ul>
</div>
<div class="column">
<h2 class="section-title" id="projects-misc">Miscellaneous</h2>
<ul>
<li><a href="https://sethclydesdale.github.io/cunny-code/">Cunny Code</a><br>The Cute and Funny Morse Code Tool.</li>
<li><a href="https://sethclydesdale.github.io/tio-plato-is-the-best/">Tio Plato is the Best</a><br>A small webpage/slideshow dedicated to one of my favorite characters, Tio Plato.</li>
<li><a href="https://sethclydesdale.github.io/scroll-spider/">Scroll Spider</a><br>Scare the people on your website by having a spider scroll down the page for Halloween.</li>
<li><a href="https://sethclydesdale.github.io/rainstorm/">Rainstorm</a><br>Rain in your browser to set your CPU on fire!</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="clear">
<ul class="footer-left">
<li><a href="./">Home</a></li>
<li><a href="privacy/">Privacy</a></li>
</ul>
<ul class="footer-right">
<li>Created by <a href="https://github.com/SethClydesdale">Seth Clydesdale</a></li>
</ul>
</footer>
<script src="resources/javascript.min.js"></script>
</body>
</html>