rehaul website

This commit is contained in:
tess 2023-06-20 04:00:07 +02:00
parent 6ce0eb156e
commit cf981700e0
38 changed files with 578 additions and 871 deletions

View File

@ -9,11 +9,9 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">these r</span> my
<span style="vertical-align: -50%" class="title-emphasis">blorbos</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/good">good</a>/</h1>
<h1 class="box-title title title-emphasis">these r my BLORBOS!</h1>
<div class="box">
<p>

View File

@ -9,11 +9,9 @@
</head>
<body class="special-background">
<h1 class="title">
<a href="../" style="vertical-align:100%;">&lt;-</a>
<span style="vertical-align: 50%">things</span> i
<span href="./" style="vertical-align: -50%" class="title-emphasis">like</span>
</h1>
<h1 class="title"><a href="/">~</a>/</h1>
<h1 class="box-title title title-emphasis">stuff i like!!!</h1>
<div class="box">
<p>

File diff suppressed because it is too large Load Diff

View File

@ -1,61 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~other things i like~</title>
<meta
charset="UTF-8"
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<body style="padding-bottom: 700px">
<h1 class="title">
<a href="./" style="vertical-align:100%;">&lt;-</a>
<span style="vertical-align: 50%">these r</span> my
<span style="vertical-align: -50%" class="title-emphasis"
>other things i like</span
>
</h1>
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~other things i like~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<div class="box">
<p>
this is some other stuff i like! but idk what category to put them
in!!!<br />
so they go here!
</p>
</div>
<body style="padding-bottom: 700px">
<h1 class="title"><a href="/">~</a>/<a href="/good">good</a>/</h1>
<h2 class="box-title title">the stuff</h2>
<div class="box">
<ul>
<li>
<a
href="https://www.goodbyetohalos.com/"
class="link"
onmouseover="toggleText('halos')"
onmouseout="toggleText('halos')"
>goodbye to halos</a
>
<span id="halos" class="hide">(cool gay webcomic)</span>
</li>
<li>
this
<a
href="https://forum.videolan.org/viewtopic.php?t=132548"
class="link"
onmouseover="toggleText('vlc')"
onmouseout="toggleText('vlc')"
>forum post</a
>
<span class="hide" id="vlc"
>where someone is rly angry abt the vlc logo</span
>
</li>
</ul>
</div>
<script src="/assets/script.js"></script>
</body>
</html>
<h1 class="box-title title title-emphasis">other COOL THINGS!!!!</h1>
<div class="box">
<p>
this is some other stuff i like! but idk what category to put them
in!!!<br />
so they go here!
</p>
</div>
<h2 class="box-title title">the stuff</h2>
<div class="box">
<ul>
<li>
<a href="https://www.goodbyetohalos.com/" class="link" onmouseover="toggleText('halos')"
onmouseout="toggleText('halos')">goodbye to halos</a>
<span id="halos" class="hide">(cool gay webcomic)</span>
</li>
<li>
this
<a href="https://forum.videolan.org/viewtopic.php?t=132548" class="link" onmouseover="toggleText('vlc')"
onmouseout="toggleText('vlc')">forum post</a>
<span class="hide" id="vlc">where someone is rly angry abt the vlc logo</span>
</li>
</ul>
</div>
<script src="/assets/script.js"></script>
</body>
</html>

View File

@ -9,11 +9,9 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">this is</span> my
<span style="vertical-align: -50%" class="title-emphasis">fav pokemon</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/good">good</a>/</h1>
<h1 class="box-title title title-emphasis">this is my FAV POKEMON</h1>
<div class="box">
<p>

View File

@ -9,11 +9,9 @@
</head>
<body style="padding-bottom: 400px">
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">these r</span> my
<span style="vertical-align: -50%" class="title-emphasis">fav videos</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/good">good</a>/</h1>
<h1 class="box-title title title-emphasis">these r my FAV VIDEOS!</h1>
<div class="box">
<p>
@ -25,7 +23,7 @@
<iframe class="box" style="aspect-ratio: 16 / 9" src="https://www.youtube.com/embed/xeld5_FnESA"
allowfullscreen></iframe>
<iframe class="box" style="aspect-ratio: 16 / 9" src="https://www.youtube.com/embed/gfiwU2f-ts4"
<iframe class="box" style="aspect-ratio: 16 / 9" src="https://www.youtube.com/embed/hecFAlbyj8o"
allowfullscreen></iframe>
<iframe class="box" style="aspect-ratio: 16 / 9" src="https://www.youtube.com/embed/tUPjqVJd0kA"
allowfullscreen></iframe>

View File

@ -10,7 +10,7 @@
<body>
<h1 class="title"><a href="/">~</a>/<a href="/lotte">lotte</a>/<a href="/lotte/blog">blog</a>/<a
href="/lotte/blog/diary">diary</a></h1>/
href="/lotte/blog/diary">diary</a>/</h1>
<h1 class="box-title title"><span class="title-emphasis">first post :o</span></h1>
<div class="box">
<p>meow</p>

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 50%">&lt;-</a>
<span class="title-emphasis">dreamz</span>
</h1>
<h1 class="title">~/lotte/blog/diary/</h1>
<h1 class="box-title title title-emphasis">dreamss 💤💤!!!</h1>
<div class="box">
<p>this is my little dream journal!!!</p>
<p>
@ -22,15 +22,18 @@
<h2 class="box-title title" id="15032023">15/03/2023</h2>
<div class="box">
<p>i dreamt that me and my girlfriend got to see each other regularly and also we regularly went to this one library
<p>i dreamt that me and my girlfriend got to see each other regularly and also we regularly went to this one
library
that was like.</p>
<p>full of cool ppl from tumblr</p>
<p>at one point i was trying to get the highest score possible in this weird game</p>
<p>and one of the things u needed to do was to insult three other people?</p>
<p>so i gathered three of the cool tumblr ppl and was like "hey sorry but i have to insult u bc im trying to get the
<p>so i gathered three of the cool tumblr ppl and was like "hey sorry but i have to insult u bc im trying to get
the
highest score possible in this game"</p>
<p>and they were like yeah sure go ahead</p>
<p>but i just. couldnt insult them. they all had like. either really cool cosplays or just like rly cute fluffy ears
<p>but i just. couldnt insult them. they all had like. either really cool cosplays or just like rly cute fluffy
ears
and tails and stuff</p>
<p>and i ended up just collapsing trying to insult them bc i was like noo these ppl are way too cool i cant insult
them i NEED to compliment them</p>
@ -43,11 +46,13 @@
<h2 class="box-title title" id="28022023">28/02/2023</h2>
<div class="box">
<p>i dreamt that i was running for president of the united states.</p>
<p>i had a very normal vice president who grew progressively more and more annoyed with my campaigning tactics.</p>
<p>i had a very normal vice president who grew progressively more and more annoyed with my campaigning tactics.
</p>
<p>at some point i decided that i was gonna do this thing where now drinking coke is the most American thing u can
do</p>
<p>and as i was preparing to go on stage, i had asked for two cans of coke. i gave the second coke to my vice
president, because i thought it was important that he was with me on this, as my right hand arm man my everything
president, because i thought it was important that he was with me on this, as my right hand arm man my
everything
my confidant my best
friend my silly rabbit (my WHAT) my silly rabbit (do i call him that) no :(</p>
<p>but then he tells me something i never thought i would hear from someone i trusted so much.. "no thanks, i only

View File

@ -10,7 +10,10 @@
<body class="special-background">
<h1 class="title">
<a href="/">~</a>/<a href="/lotte">lotte</a>/<a href="/lotte/blog">blog</a>/<span class="title-emphasis">my diaryy
<a href="/">~</a>/<a href="/lotte">lotte</a>/<a href="/lotte/blog">blog</a>/
</h1>
<h1 class="box-title title"><span class="title-emphasis">my diaryy
:3c</span>
</h1>

View File

@ -9,7 +9,9 @@
</head>
<body class="special-background">
<h1 class="title"><a href="/">~</a>/<a href="/lotte">lotte</a>/<span class="title-emphasis">BOGGINg!!!</span></h1>
<h1 class="title"><a href="/">~</a>/<a href="/lotte">lotte</a>/</h1>
<h1 class="box-title title"><span class="title-emphasis">BOGGINg!!!</span></h1>
<div class="box">
<p>
hello!<br />

View File

@ -10,10 +10,9 @@
<body class="cat-boxes">
<h1 class="title">
<a href="./" style="vertical-align:100%;">&lt;-</a>
<span style="vertical-align:50%;">lotte's</span> cute <span style="vertical-align:-50%">cat</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/lotte">lotte</a>/</h1>
<h1 class="title box-title title-emphasis">lotte's cute cat 🐈💕</h1>
<div class=box>
<p>i have a cat named <a class="zelda">tiara</a>!! <br>

View File

@ -9,13 +9,9 @@
</head>
<body style="padding-bottom: 1000px">
<h1 class="title">
<a href="./" style="vertical-align:100%">&lt;-</a>
<span style="vertical-align: 50%">oh my god</span> i'm
<span style="vertical-align: -50%" class="title-emphasis">so fuckign gay</span>
<span style="vertical-align: -175%">aaaaa,,,</span>
</h1>
<hr />
<h1 class="title"><a href="/">~</a>/<a href="/lotte">lotte</a>/</h1>
<h1 class="box-title title title-emphasis">oh my god i'm so fuckign gay aaaaaa,,,</h1>
<div class="box">
<p>

View File

@ -9,11 +9,9 @@
</head>
<body>
<h1 class="title">
<a href="../" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">hi,</span> i'm
<span style="vertical-align: -50%" class="title-emphasis">lotte</span>
</h1>
<h1 class="title"><a href="/">~</a>/</h1>
<h1 class="box-title title title-emphasis">hi, i'm lotte!!!</h1>
<div class="box">
<div>

View File

@ -9,12 +9,10 @@
</head>
<body class="everything">
<h1 class="title">
<a href="../" style="vertical-align:150%;">&lt;-</a>
<span style="vertical-align: 100%">i</span>
<span style="vertical-align: 50%">made</span> this
<span class="title-emphasis" style="vertical-align: -50%">art</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">i made this art</h1>
<div class="box">
<p>this is art i've made!!</p>
</div>

View File

@ -26,7 +26,6 @@
<li><a href="PlantBonds" class="link">Plant Bonds</a></li>
</ul>
</div>
<script src="/assets/script.js"></script>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

Before

Width:  |  Height:  |  Size: 1006 B

After

Width:  |  Height:  |  Size: 1006 B

View File

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

View File

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -10,7 +10,7 @@
<body>
<h1 class="title">
<a href="../../games" style="vertical-align: 100%">&lt;-</a>
<a href="/made/games" style="vertical-align: 100%">&lt;-</a>
Plant Bonds devlog
</h1>

View File

@ -9,13 +9,10 @@
</head>
<body style="padding-bottom: 400px">
<h1 class="title">
<a href="./" style="vertical-align: 150%">&lt;-</a>
<span style="vertical-align: 100%">i</span>
<span style="vertical-align: 50%">made</span> these
<span class="title-emphasis" style="vertical-align: -50%">games</span>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">i made these games !</h1>
</h1>
<div class="box">
<p>these are games i've made!!</p>
</div>

View File

@ -9,12 +9,10 @@
</head>
<body class="special-background">
<h1 class="title">
<a href="../" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">things</span> i've
<span href="./" style="vertical-align: -50%">made</span>
<h1 class="title"><a href="/">~</a>/</h1>
<h1 class="box-title title title-emphasis">things i've made</h1>
</h1>
<div class="box">
<p>
here's various things i've made!! im proud of most of these things to

View File

@ -1,75 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~music i've made~</title>
<meta
charset="UTF-8"
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<body style="padding-bottom: 400px">
<h1 class="title">
<a href="./" style="vertical-align:150%">&lt;-</a>
<span style="vertical-align: 100%">i</span>
<span style="vertical-align: 50%">made</span> this
<span class="title-emphasis" style="vertical-align: -50%"
>music</span
>
</h1>
<div class="box">
<p>this is music i've made!!</p>
<p>
im not like,, v good at music or anything yet but<br />
im learning! and this is stuff i've made while learning!!<br />
and! im proud of it :)
</p>
'
</div>
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~music i've made~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<h2 class="title box-title">the music:</h2>
<h3 class="title box-title sub-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('meow')"
>meow</a
>
</h3>
<div class="box" id="meow">
<audio controls>
<source src="/assets/musicmeow.ogg" type="audio/ogg" />
oopsie woopsie a fucky wucky happened and u cant play the audio (ogg)
</audio>
</div>
<body style="padding-bottom: 400px">
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h3 class="title box-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('bbbbbbb')"
>bbbbbbb</a
>
</h3>
<div class="box" id="bbbbbbb">
<audio controls>
<source src="/assets/musicbbbbbb.ogg" type="audio/ogg" />
oopsie woopsie a fucky wucky happened and u cant play the audio (ogg)
</audio>
</div>
<h1 class="box-title title title-emphasis">i made this music</h1>
<h3 class="title box-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('something')"
>this is something</a
>
</h3>
<div class="box" id="something">
<audio controls>
<source src="/assets/music this is something.ogg" type="audio/ogg" />
oopsie woopse a fucky wucky happened and u cant play the audio
</audio>
</div>
<div class="box">
<p>this is music i've made!!</p>
<p>
im not like,, v good at music or anything yet but<br />
im learning! and this is stuff i've made while learning!!<br />
and! im proud of it :)
</p>
'
</div>
<script src="/assets/script.js"></script>
</body>
</html>
<h2 class="title box-title">the music:</h2>
<h3 class="title box-title sub-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('meow')">meow</a>
</h3>
<div class="box" id="meow">
<audio controls>
<source src="/assets/musicmeow.ogg" type="audio/ogg" />
oopsie woopsie a fucky wucky happened and u cant play the audio (ogg)
</audio>
</div>
<h3 class="title box-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('bbbbbbb')">bbbbbbb</a>
</h3>
<div class="box" id="bbbbbbb">
<audio controls>
<source src="/assets/musicbbbbbb.ogg" type="audio/ogg" />
oopsie woopsie a fucky wucky happened and u cant play the audio (ogg)
</audio>
</div>
<h3 class="title box-title">
~
<a class="zelda" style="cursor: pointer" onclick="toggleText('something')">this is something</a>
</h3>
<div class="box" id="something">
<audio controls>
<source src="/assets/music this is something.ogg" type="audio/ogg" />
oopsie woopse a fucky wucky happened and u cant play the audio
</audio>
</div>
<script src="/assets/script.js"></script>
</body>
</html>

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">05/04/2023</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">05/04/2023</h1>
<div class="box">taken with a panasonic lumix gx8</div>
<img class="box" src="pics/05042023/1.JPG">
<img class="box" src="pics/05042023/2.JPG">

View File

@ -9,10 +9,8 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">12/03/2023</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">12/03/2023</h1>
<div class="box">taken with a panasonic lumix gx8</div>
<img class="box" src="pics/12032023/P1950033.JPG">
<img class="box" src="pics/12032023/P1950034.JPG">

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">13/12/2022</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">13/12/2022</h1>
<div class="box">taken with a samsung galaxy s10e</div>
<img class="box" src="pics/13122022/1.jpg">
<img class="box" src="pics/13122022/2.jpg">

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">16/07/2022</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">16/07/2023</h1>
<div class="box">taken with a samsung galaxy s10e</div>
<img class="box" src="pics/16072022/1.jpg">
<img class="box" src="pics/16072022/2.jpg">

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">25/02/2023</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">25/02/2023</h1>
<div class="box">taken with a nokia 2720 flip</div>
<img class="box" src="/lotte/blog/diary/pics/25022023/IMG_0033.jpg">
<img class="box" src="/lotte/blog/diary/pics/25022023/IMG_0036.jpg">

View File

@ -9,10 +9,10 @@
</head>
<body>
<h1 class="title">
<a href="./" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">26/12/2022</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/<a href="/made/photography">photography</a>/</h1>
<h1 class="box-title title title-emphasis">26/12/2022</h1>
<div class="box">taken with a sony dsc-wx500</div>
<img class="box" src="pics/26122022/1.JPG">
<img class="box" src="pics/26122022/2.JPG">

View File

@ -9,10 +9,9 @@
</head>
<body class="special-background">
<h1 class="title">
<a href="../" style="vertical-align: 100%">&lt;-</a>
<span style="vertical-align: 50%">photo</span> graphs
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">photo graphs</h1>
<div class="list">
<ul>

View File

@ -9,12 +9,11 @@
</head>
<body style="padding-bottom: 600px">
<h1 class="title">
<a href="./" style="vertical-align: 100%;">&lt;-</a>
<span style="vertical-align: 50%">i</span>
<span class="title-emphasis">stream</span>
<span style="vertical-align: -50%">sometimes</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">i stream sometimes!!</h1>
<div class="box">
<p>sometimes i stream on twitch!</p>
</div>

View File

@ -1,47 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~things i've made~</title>
<meta
charset="UTF-8"
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<body class="special-background">
<h1 class="title">
<a href="./" style="vertical-align:150%">&lt;-</a>
<span style="vertical-align: 100%">i</span>
<span style="vertical-align: 50%">made</span> these
<span class="title-emphasis" style="vertical-align: -50%"
>other things</span
>
</h1>
<div class="box">
<p>these are other things i've made!!</p>
</div>
<head>
<link rel="stylesheet" href="/assets/stylesheet.css" />
<title>~things i've made~</title>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/png" href="/assets/favicon.png" />
</head>
<h2 class="title box-title">the things:</h2>
<h3 class="title box-title sub-title">~ nimisin generator</h3>
<div class="box">
<p>
i made a
<a href="https://nimisin.kittycat.homes" class="link">website</a> in
rust that generates toki pona words, with definitions and example
sentences!
</p>
<p style="font-size: 70%">
<a href="https://nimisin.kittycat.homes" class="link">website</a> ·
<a
href="https://git.kittycat.homes/tess/ilo-pali-pi-nimi-sin"
class="link"
>git</a
>
</p>
</div>
<script src="/assets/script.js"></script>
</body>
</html>
<body class="special-background">
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">here's some stuff i made</h1>
<div class="box">
<p>these are other things i've made!!</p>
</div>
<h2 class="title box-title">the things:</h2>
<h3 class="title box-title sub-title">~ nimisin generator</h3>
<div class="box">
<p>
i made a
<a href="https://nimisin.kittycat.homes" class="link">website</a> in
rust that generates toki pona words, with definitions and example
sentences!
</p>
<p style="font-size: 70%">
<a href="https://nimisin.kittycat.homes" class="link">website</a> ·
<a href="https://git.kittycat.homes/tess/ilo-pali-pi-nimi-sin" class="link">git</a>
</p>
</div>
<script src="/assets/script.js"></script>
</body>
</html>

View File

@ -9,10 +9,11 @@
</head>
<body style="padding-bottom: 400px">
<h1 class="title">
<a href="./" style="vertical-align:50%;">&lt;-</a>
<span class="title-emphasis">videos</span>
</h1>
<h1 class="title"><a href="/">~</a>/<a href="/made">made</a>/</h1>
<h1 class="box-title title title-emphasis">VIDEOS</h1>
<div class="box">
<p>sometimes i make videos!</p>
</div>