192 lines
5.4 KiB
HTML
Executable File
192 lines
5.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>ryan's website</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="color-scheme" content="dark light" />
|
||
<meta name="robots" content="noindex" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
||
<link href="./css/style.css" rel="stylesheet" type="text/css">
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png"/>
|
||
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png"/>
|
||
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png"/>
|
||
<link rel="manifest" href="./favicon/site.webmanifest"/>
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=IBM+Plex+Sans&display=swap" rel="stylesheet">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="mid"><h1>
|
||
ryan's fanclub
|
||
</h1></div>
|
||
|
||
<hr>
|
||
<div class="mid"><p>
|
||
welcome to my lil' digital garden 🌱
|
||
<br>
|
||
<br>
|
||
i don't really post on my insta so you guys get a website instead.
|
||
<br>
|
||
because i'm just a little nerd.
|
||
<br>
|
||
that sits in his room all day.
|
||
<br>
|
||
sometimes i read books.
|
||
<br>
|
||
or watch movies and listen to music.
|
||
</p></div>
|
||
<hr>
|
||
|
||
<div class="mid"><a href="./blog/"><h2>
|
||
blog
|
||
</h2></li></div>
|
||
|
||
<div class="mid"><ul>
|
||
<li><a href="./blog/movie/">
|
||
i do movie reviews
|
||
</a></li>
|
||
<li><a href="./blog/music.html">
|
||
and also music reviews
|
||
</a></li>
|
||
<li><a href="./blog/thoughts.html">
|
||
and other random thoughts
|
||
</a></li>
|
||
</ul></div>
|
||
|
||
|
||
<div class="mid"><h2>reviews</h2></div>
|
||
|
||
<blockquote>
|
||
<span>
|
||
"he's okay occasionally i guess"
|
||
</span>
|
||
-kristal hui, jan 3. 2022
|
||
</blockquote>
|
||
|
||
<blockquote>
|
||
<span>
|
||
"so u did not like me for 9 months "
|
||
</span>
|
||
-alana, mar 4. 2023
|
||
</blockquote>
|
||
|
||
<div class="mid"><h2>pics</h2></div>
|
||
|
||
<div class="container">
|
||
<div class="mySlides">
|
||
<div class="numbertext">1 / 10</div>
|
||
<img src="./img/img1.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">2 / 10</div>
|
||
<img src="./img/img2.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">3 / 10</div>
|
||
<img src="./img/img3.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">4 / 10</div>
|
||
<img src="./img/img4.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">5 / 10</div>
|
||
<img src="./img/img5.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">6 / 10</div>
|
||
<img src="./img/img6.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">7 / 10</div>
|
||
<img src="./img/img7.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">8 / 10</div>
|
||
<img src="./img/img8.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">9 / 10</div>
|
||
<img src="./img/img9.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<div class="mySlides">
|
||
<div class="numbertext">10 / 10</div>
|
||
<img src="./img/img10.jpg" style="width:100%">
|
||
</div>
|
||
|
||
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||
<a class="next" onclick="plusSlides(1)">❯</a>
|
||
|
||
<div class="caption-container">
|
||
<p id="caption"></p>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img1.jpg" style="width:100%" onclick="currentSlide(1)" alt="in da pow">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img2.jpg" style="width:100%" onclick="currentSlide(2)" alt="shining lights">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img3.jpg" style="width:100%" onclick="currentSlide(3)" alt="tatiana">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img4.jpg" style="width:100%" onclick="currentSlide(4)" alt="alana's hat">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img5.jpg" style="width:100%" onclick="currentSlide(5)" alt="teddy">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img6.jpg" style="width:100%" onclick="currentSlide(6)" alt="uhm.. hi!">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img7.jpg" style="width:100%" onclick="currentSlide(7)" alt="got new piercings">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img8.jpg" style="width:100%" onclick="currentSlide(8)" alt="meow">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img9.jpg" style="width:100%" onclick="currentSlide(9)" alt="travis scott bear">
|
||
</div>
|
||
<div class="column">
|
||
<img class="demo cursor" src="./img/img10.jpg" style="width:100%" onclick="currentSlide(10)" alt="my melody girlie">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer class="footer social-links">
|
||
<p>
|
||
find me on:
|
||
</p>
|
||
<a href="https://www.instagram.com/ryabchow/?hl=en" target="_blank" "rel=noopener noreferer">
|
||
insta
|
||
</a>
|
||
<a href="https://www.instagram.com/cabbbbyy/?hl=en" target="_blank" "rel=noopener noreferer">
|
||
priv
|
||
</a>
|
||
<a href="https://open.spotify.com/user/r491f76w3rn3j4c2ccegjksfi" target="_blank" "rel=noopener noreferer">
|
||
spotify
|
||
</a>
|
||
<a href="https://t.snapchat.com/2PXXop3d" target="_blank" "rel=noopener noreferer">
|
||
snap
|
||
</a>
|
||
</footer>
|
||
<script src="./script.js"></script>
|
||
</body>
|
||
</html>
|