-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (102 loc) · 3.81 KB
/
Copy pathindex.html
File metadata and controls
105 lines (102 loc) · 3.81 KB
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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
<link rel="stylesheet" href="font.css">
<link rel="stylesheet" href="/mysite.css">
</head>
<body style="
background-color: black;
">
<script src="site.js"></script>
<div style="
outline: 1px solid red;
">
<div style="
outline: 1px solid red;
" id="headerbar">
<div style="
padding-top: 8px;
padding-bottom: 6px;
"> <img style="
max-width: 201px;
margin-left: auto;
margin-right: auto;
display: block;
border-radius: 130px;
" src="44797228.jpg">
<h2 style="
color: white;
font-family: Ultra;
text-align: center;
">CyrilCommando</h2>
<div style="
font-size: small; text-align: center; font-family: Ultra, Helvetica, sans-serif;
">
<div class="button">
<a href="/">
<div>
<h3 style="color: white;">Home</h3>
</div>
</a>
</div>
<div class="button">
<a href="/software">
<div>
<h3 style="text-wrap: nowrap;" style="color: white;">Software</h3>
</div>
</a>
</div>
<div class="button">
<a href="/music">
<div>
<h3 style="color: white;">Music</h3>
</div>
</a>
</div>
<div class="button">
<a href="/photography">
<div>
<h3 style="text-wrap: nowrap;" style="color: white;">Photography</h3>
</div>
</a>
</div>
<div class="button">
<a href="/blogs">
<div>
<h3 style="text-wrap: nowrap;" style="color: white;">Blogs</h3>
</div>
</a>
</div>
<div class="button">
<a href="/etc">
<div>
<h3 style="color: white;">etc.</h3>
</div>
</a>
</div>
</div>
<div style="
text-align: center;
display: none;
">
</div>
</div>
</div>
</div>
<div class="imgc">
<h3 style="font-family: arial;">
<span>I'm CyrilCommando. Programmer, designer, artist & technology enthusiast. I like anime-style art, video games & music.</span>
<br><br>
<span> I started programming in Minecraft 10 years ago with Lua computercraft & some years later, designed circuits to complement creations I was making. In late 2018, I briefly moved to C#, and then moved to web development in late 2019. I created my first extension, <a href="https://github.com/CyrilCommando/SankakuCacher">SankakuCacher</a>, around that time. </span>
<br><br>
<span> I've since created a new image board platform, abooru, utilizing interesting web technologies like WebTorrent, Svelte & MongoDB. It utilizes WebTorrent for distribution instead of a centralized CDN. At the end of development, a new idea sprung into my head - a serverless website with a service worker replacing a URL with an HTML page contained in an extension, and using WebTorrent for distribution. I haven't done this yet, but the idea excites me. The website is currently not operational due to simple logistical issues, I can't afford a CDN, which is what prompted me to use WebTorrent in the first place. </span>
<br><br>
<span> One thing you should know about me, I'm very non-traditional. If the industry has adopted it, I usually don't like it. OOP? Uh-uh. SOLID? Nope. Rust? Hell no. React? Whoo, boy. I like to go as vanilla as I can, as simple as I can. If that's a deal breaker for you, then that's just too bad. But if you're looking for the exception, exceptional work from an exceptional thinker, you're at the right place. </span>
<br><br>
<span> Click the links at the top of the page to see my various work. </span>
</div>
</div>
</body>
</html>