rchou/blogs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added index

Browse Source
This commit is contained in:
Ryan Chou
2025-08-12 03:06:52 +08:00
parent 246abb2d54
commit 20e8de1b70
25 changed files with 699 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
blog/index.html Executable file
View File

@@ -0,0 +1,191 @@
<!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>