Switch to CSS

This commit is contained in:
Anthony Wang 2021-06-30 17:43:53 -05:00
parent ae3f2d4775
commit 08e00dd4c8
Signed by untrusted user: a
GPG key ID: BC96B00AEC5F2D76
6 changed files with 74 additions and 25 deletions

View file

@ -2,15 +2,18 @@
<html>
<head>
<title>About</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="text-align:center;font-family:monospace;font-size:16px;margin:auto;width:40%;">
<div>
<br>
<h2>About</h2>
<br>
<br>
Programming / math / science / ML / free software / Linux / emulation / hardware / hacking / homebrew / cryptography / Lego / origami / physics enthusiast!
<p>
Programming / math / science / ML / free software / Linux / emulation / hardware / hacking / homebrew / cryptography / Lego / origami / physics enthusiast!
</p>
<br>
</div>
</body>

View file

@ -2,27 +2,36 @@
<html>
<head>
<title>Contact</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="text-align:center;font-family:monospace;font-size:16px;margin:auto;width:40%;">
<div>
<br>
<h2>Contact</h2>
<br>
<br>
<b>Email:</b> Prove you are not a robot by computing the sum of the totients of the first 24 integers. Then concatenate that after the symbol of the 73rd element and add the character with ASCII value of 109. The domain is protonmail.com.
<p>
<b>Email:</b> Prove you are not a robot by computing the sum of the totients of the first 24 integers. Then concatenate that after the symbol of the 73rd element and add the character with ASCII value of 109. The domain is <a href="https://protonmail.com/">pm.me</a>.
</p>
<br>
<br>
<b>Matrix:</b> Same as email, but with domain exozy.me instead.
<p>
<b>Matrix:</b> Same as email, but with domain <a href="chat.exozy.me/">exozy.me</a> instead.
</p>
<br>
<br>
<b>Mastodon:</b> Same as email, but with domain exozy.me as well.
<p>
<b>Mastodon:</b> Same as email, but with domain <a href="social.exozy.me/">exozy.me</a> as well.
</p>
<br>
<br>
<b>Discord:</b> <a href="https://exozy.me/blog/dont-use-discord/">Please don't use Discord if you can</a>, but you can find me at "Discord TOS Violator" with tag 0x19d4 in decimal. Note that I will not receive messages sent between 22:30 and 8:30 CST.
<p>
<b>Discord:</b> <a href="https://exozy.me/blog/dont-use-discord/">Please don't use Discord if you can avoid it</a>, but you can find me at "Discord TOS Violator" with tag 0x19d4 in decimal. Note that I will not receive messages sent between 22:30 and 8:30 CST. If you really want to contact me, the other methods are better and probably more reliable.
</p>
<br>
</div>
</body>

View file

@ -2,9 +2,10 @@
<html>
<head>
<title>Dodecahedra</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="text-align:center;font-family:monospace;font-size:16px;">
<div>
<br>
<h2>Dodecahedra</h2>
<br>
@ -14,19 +15,19 @@
<br>
<br>
<div style="margin:auto;width:40%;">
<p>
The dodecahedron on the front page, folded out of a single sheet of paper!
</div>
</p>
<br>
<br>
<img align="middle" src="render-cropped.png" alt="Blender dodecahedron" height="324" width="324">
<img src="render-cropped.png" alt="Blender dodecahedron" height="324" width="324">
<br>
<br>
<div style="margin:auto;width:40%;">
<p>
A nice dodecahedron that I made in Blender.
</div>
</p>
<br>
<br>
@ -34,9 +35,9 @@
<br>
<br>
<div style="margin:auto;width:40%;">
<p>
Here's an animated version that only took a few hours to render.
</div>
</p>
<br>
<br>
@ -44,9 +45,9 @@
<br>
<br>
<div style="margin:auto;width:40%;">
<p>
What if I told you this clever design only uses 120x 2x2 bricks and 60x black pins? That's it! You can do some pretty cool things with even the most basic pieces!
</div>
</p>
<br>
</div>
</body>

20
fun/index.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Fun</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<br>
<h2>Fun</h2>
<br>
<br>
<p>
Under construction.
</p>
<br>
</div>
</body>
</html>

View file

@ -1,17 +1,17 @@
<!DOCTYPE html>
<!--I has no HTML skillz-->
<html>
<head>
<title>Some random website</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="text-align:center;font-family:monospace;font-size:16px;">
<div>
<br>
<img src="dodecahedra/origami-dodecahedron-adjusted.png" alt="Origami dodecahedron" height="324" width="324">
<br>
<br>
<a href="about">about</a>
<a href="about">About</a>
<br>
<br>
@ -23,16 +23,20 @@
<br>
<br>
<a href="dodecahedra">dodecahedra</a>
<a href="dodecahedra">Dodecahedra</a>
<br>
<br>
<a href="fun">Fun</a>
<br>
<br>
<a href="contact">Contact</a>
<br>
<br>
<a href="https://exozy.me">exozyme</a>
<br>
<br>
<a href="contact">contact</a>
<br>
</div>
</body>
</html>

12
style.css Normal file
View file

@ -0,0 +1,12 @@
div {
text-align:center;
font-family:monospace;
font-size:16px;
}
p {
text-align:left;
margin:auto;
width:720px;
line-height: 24px;
}