|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="icon" href="../../static/site/favicon.png" type="image/x-icon">
|
|
|
|
<link rel="stylesheet" href="../../default_style.css">
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<title>Friends</title>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<audio autoplay="" loop="" src="./1999_wildfire_Justice_Der.mp3"></audio>
|
|
|
|
<div class="grid-container">
|
|
|
|
<!-- Stars -->
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 6 / span 1; grid-row: 15 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 3 / span 1; grid-row: 19 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 4 / span 1; grid-row: 7 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 7 / span 1; grid-row: 16 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 4 / span 1; grid-row: 5 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 6 / span 1; grid-row: 9 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 5 / span 1; grid-row: 8 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 6 / span 1; grid-row: 13 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 4 / span 1; grid-row: 11 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 3 / span 1; grid-row: 12 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 2 / span 1; grid-row: 20 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 6 / span 1; grid-row: 3 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 7 / span 1; grid-row: 18 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 5 / span 1; grid-row: 17 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 4 / span 1; grid-row: 14 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 2 / span 1; grid-row: 10 / span 1;">
|
|
|
|
<img class="star1" src="star.png" style="grid-column: 3 / span 1; grid-row: 6 / span 1;">
|
|
|
|
<img class="star3" src="star.png" style="grid-column: 5 / span 1; grid-row: 4 / span 1;">
|
|
|
|
<img class="star2" src="star.png" style="grid-column: 2 / span 1; grid-row: 2 / span 1;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Friends -->
|
|
|
|
<a href="https://grumbulon.xyz/" class="friend" target="_blank" style="grid-column: 4; grid-row: 12;">
|
|
|
|
<img src="pfp/grumb.png">
|
|
|
|
<h1 class="caption">Grumbulon</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://samtherapy.xyz/" class="friend" target="_blank" style="grid-column: 4; grid-row: 3;">
|
|
|
|
<img src="pfp/sam.png">
|
|
|
|
<h1 class="caption">Sam</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://theoryware.net/" class="friend" target="_blank" style="grid-column: 3; grid-row: 4;">
|
|
|
|
<img src="pfp/theorytoe.png">
|
|
|
|
<h1 class="caption">Theory Toe</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://weebles.husbandoism.life/" class="friend" target="_blank" style="grid-column: 6; grid-row: 6;">
|
|
|
|
<img src="pfp/weeble.gif">
|
|
|
|
<h1 class="caption">Weeble</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://reisen.church/" class="friend" target="_blank" style="grid-column: 6; grid-row: 8;">
|
|
|
|
<img src="pfp/nai.png">
|
|
|
|
<h1 class="caption">NaiJi</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://yomuchan.neocities.org/" class="friend" target="_blank" style="grid-column: 5; grid-row: 5;">
|
|
|
|
<img src="pfp/yomuchan.png">
|
|
|
|
<h1 class="caption">Yomuchan</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://fluoridewastelands.neocities.org/" class="friend" target="_blank" style="grid-column: 7; grid-row: 3;">
|
|
|
|
<img src="pfp/joe.jpg">
|
|
|
|
<h1 class="caption">Joe</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://comfyboy.club/" class="friend" target="_blank" style="grid-column: 5; grid-row: 10;">
|
|
|
|
<img src="pfp/vril.png">
|
|
|
|
<h1 class="caption">Vril</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://lunarised.com/" class="friend" target="_blank" style="grid-column: 2; grid-row: 5;">
|
|
|
|
<img src="pfp/Lunarised.png">
|
|
|
|
<h1 class="caption">Lunarised</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://about.munir.tokyo/" class="friend" target="_blank" style="grid-column: 6; grid-row: 13;">
|
|
|
|
<img src="pfp/munir.webp">
|
|
|
|
<h1 class="caption">Munir</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://ericaftereric.top/" class="friend" target="_blank" style="grid-column: 3; grid-row: 15;">
|
|
|
|
<img src="pfp/eric_zhang.webp">
|
|
|
|
<h1 class="caption">Eric Zhang</h1>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://cooking.boymoder.biz/" class="friend" target="_blank" style="grid-column: 3; grid-row: 9;">
|
|
|
|
<img src="pfp/paula.png">
|
|
|
|
<h1 class="caption">Paula</h1>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.robinwils.com/" class="friend" target="_blank" style="grid-column: 2; grid-row: 7;">
|
|
|
|
<img src="pfp/robin_wils.webp">
|
|
|
|
<h1 class="caption">Robin Wils</h1>
|
|
|
|
</a>
|
|
|
|
<!-- <a href="https://example.com" class="friend" target="_blank" style="grid-column: 3; grid-row: 4;">
|
|
|
|
<img src="pfp/vertka.png" >
|
|
|
|
<h1 class="caption">Vertka</h1>
|
|
|
|
</a> -->
|
|
|
|
|
|
|
|
<!-- <a href="" class="friend" target="_blank" style="grid-column: 4; grid-row: 7;">
|
|
|
|
<img src="pfp/">
|
|
|
|
<h1 class="caption">Example</h1>
|
|
|
|
</a>-->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|