<!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>