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

m -> v
All checks were successful
Deploy on push / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
Ryan Chou
2026-03-22 18:51:24 -07:00
parent ed23669d02
commit 22ca3d3e4b
76 changed files with 202 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

297
index.html
View File

@@ -6,124 +6,215 @@
-->
<html>
<head>
<title>matt wong fanpage</title>
<title>vicky n pham fanpage</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/nyaa.css" />
<link rel="stylesheet" href="assets/css/nyaa.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<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="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">
</head>
<body class="is-preload-0 is-preload-1 is-preload-2">
<!-- Main -->
<div id="main">
<div id="main">
<!-- Header -->
<header id="header">
<img src="images/meow.gif" alt="meow" id="gifone">
<h1 onclick="playSound('meow')">for matt :3</h1>
<audio id="meow" src="assets/audio/meow.mp3"></audio>
<p id="haiku">Please enable javascript >.<</p>
</header>
<!-- Header -->
<header id="header">
<img src="images/meow.gif" alt="meow" id="gifone">
<h1>for vham :3</h1>
<p id="haiku">Please enable javascript >.<</p>
</header>
<!-- Thumbnail -->
<section id="thumbnails">
<article>
<a class="thumbnail" href="images/fulls/01.jpg" data-position="left center"><img src="images/thumbs/01.jpg" alt="" /></a>
<h2 onclick="playSound('one')">ciggie at my spot !</h2>
<p onclick="playSound('one')">two nights before my birthday, right before i had to drop you off i took you to my lil spot. you turned a day that should be special but usually isn't into a night to remember and i really enjoyed it.</p>
<audio id="one" src="assets/audio/one.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt="" /></a>
<h2 onclick="playSound('two')">bay area rapid transit</h2>
<p onclick="playSound('two')">we love the bart! some of my favorite memories with you are on the bart. i love yappin w u sm.</p>
<audio id="one" src="assets/audio/one.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/03.jpg" data-position="top center"><img src="images/thumbs/03.jpg" alt="" /></a>
<h2 onclick="playSound('three')">ur room feat. me</h2>
<p onclick="playSound('three')">lol ur room. me. i was in ur room! we made the lil lego bonsai tree! and i met ur mom. she took us to the bart station. and u taught me how to say hi in canto. love that room.</p>
<audio id="one" src="assets/audio/three.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt="" /></a>
<h2 onclick="playSound('four')">hewwo kwitty</h2>
<p onclick="playSound('four')">average sf hang. i walk into sf and am instantly reminded of you. every district. every huge tourist attraction. the whole city screams you.</p>
<audio id="one" src="assets/audio/four.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/05.jpg" data-position="top center"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2 onclick="playSound('five')">group pic.</h2>
<p onclick="playSound('five')">every single hang i ask a stranger to take a pic of us and every single time u hate how it turns out so i hadddd to sneak one in.</p>
<audio id="one" src="assets/audio/five.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt="" /></a>
<h2 onclick="playSound('six')">za za</h2>
<p onclick="playSound('six')">i love smoking week. i love going nonverbal. but when i am like that i like how i feel safe in ur presence.</p>
<audio id="one" src="assets/audio/six.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt="" /></a>
<h2 onclick="playSound('seven')">otw to sd!</h2>
<p onclick="playSound('seven')">your rightful place on my arm. as my passenger princess. my pretty princess.</p>
<audio id="one" src="assets/audio/seven.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt="" /></a>
<h2 onclick="playSound('eight')">u paid 18 dollars for old modelo and tajin</h2>
<p onclick="playSound('eight')">guess where we are. sf. wow. shocker. but as always it was a fun day !! omg every hang really is part of a template.</p>
<audio id="one" src="assets/audio/eight.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/09.jpg"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2 onclick="playSound('nine')">griffith observatory</h2>
<p onclick="playSound('nine')">my first day in la! you were so worried about everything going perfectly but worry not because everything was amazing. im glad i got to experience la with you. i also like how you look much taller than me.</p>
<audio id="one" src="assets/audio/nine.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/10.jpg"><img src="images/thumbs/10.jpg" alt="" /></a>
<h2 onclick="playSound('ten')">asian squat</h2>
<p onclick="playSound('ten')">this was right after we paddle boated around sf park. we were waiting for our uber to take us to indian food !! it's our hang template p2. hiking around somewhere free. nature nshi ig.</p>
<audio id="one" src="assets/audio/ten.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/11.jpg"><img src="images/thumbs/11.jpg" alt="" /></a>
<h2 onclick="playSound('eleven')">feet</h2>
<p onclick="playSound('eleven')">feet. high by the beach. feet.</p>
<audio id="one" src="assets/audio/eleven.mp3"></audio>
</article>
<article>
<a class="thumbnail" href="images/fulls/12.jpg"><img src="images/thumbs/12.jpg" alt="" /></a>
<h2 onclick="playSound('twelve')">ur spot!</h2>
<p onclick="playSound('twelve')">this was like 5 hours into my birthday! u showed me ur spot. in grand ol oakland. and i fucked with it. we talked a lot and got a lot off our chests even if u dont remember like half of it.</p>
<audio id="one" src="assets/audio/twelve.mp3"></audio>
</article>
</section>
<!-- Thumbnail -->
<section id="thumbnails">
<article>
<a class="thumbnail" href="images/fulls/01.jpg" data-position="left center"><img src="images/thumbs/01.jpg" alt="" /></a>
<h2>sf on $10</h2>
<p>this was so not real i can't believe technically u paid for our first meal back. calmluh 3 years after. first hang !!!! pork buns were yummy 7/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/02.jpg"><img src="images/thumbs/02.jpg" alt="" /></a>
<h2>honey butter chicken</h2>
<p>the first thing you cooked for me ! so yum 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/03.jpg" data-position="top center"><img src="images/thumbs/03.jpg" alt="" /></a>
<h2>aloha fresh</h2>
<p>we fucking love this place 10/10 i love poke i should have never quit pokehouse</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt="" /></a>
<h2>mad yolks</h2>
<p>for our santa cruz hang! u in my city now. so so good but lwk so so tax 9/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/05.jpg" data-position="top center"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2>sizzling lunch</h2>
<p>better than pepper lunch. server was being a little bitchy but i would be too if i was the only one working the front. 8/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt="" /></a>
<h2>braised pork belly</h2>
<p>omfg this is my favorite thing uve made 100/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt="" /></a>
<h2>sushi w/ claire!</h2>
<p>and then we played bananagrams. sushi 8/10 thanks for paying mommy</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt="" /></a>
<h2>myungrang hot dog</h2>
<p>main street tino nothing special 7/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/09.jpg"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2>liangs village</h2>
<p>my peoples food. 9/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/10.jpg"><img src="images/thumbs/10.jpg" alt="" /></a>
<h2>cabonara</h2>
<p>insane safeway hang 9/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/11.jpg"><img src="images/thumbs/11.jpg" alt="" /></a>
<h2>heytea</h2>
<p>this fuckass blue drink</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/12.jpg"><img src="images/thumbs/12.jpg" alt="" /></a>
<h2>sparcos</h2>
<p>one of many.. 100/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/13.jpg"><img src="images/thumbs/13.jpg" alt="" /></a>
<h2>noahs bagels</h2>
<p>this is the plaza where i used to go to all the time before school 9/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/14.jpg"><img src="images/thumbs/14.jpg" alt="" /></a>
<h2>homeroom</h2>
<p>mac and cheese was gas. 10/10. you know its my fav comfort food. free the girl crying in the corner tho</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/15.jpg"><img src="images/thumbs/15.jpg" alt="" /></a>
<h2>sparcos x2</h2>
<p>spartan tacos</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/16.jpg"><img src="images/thumbs/16.jpg" alt="" /></a>
<h2>sparcos x3</h2>
<p>okay damn no way we got this b2b</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/17.jpg"><img src="images/thumbs/17.jpg" alt="" /></a>
<h2>aloha fresh</h2>
<p>this is lowkey the spot poke always hits so fucking good</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/18.jpg"><img src="images/thumbs/18.jpg" alt="" /></a>
<h2>house of bagels</h2>
<p>hobags ughgmmfmfm im such a fucking ho for hobags 100/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/19.jpg"><img src="images/thumbs/19.jpg" alt="" /></a>
<h2>toro sushi</h2>
<p>carmel by the sea! we love sushi but tax 8/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/20.jpg"><img src="images/thumbs/20.jpg" alt="" /></a>
<h2>sul and beans</h2>
<p>sweet treat -> claire dropping the most insane piece of information ever -> hti the yap</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/21.jpg"><img src="images/thumbs/21.jpg" alt="" /></a>
<h2>highland hand pulled noodles</h2>
<p>so good and soooo filling 10/10. also my peoples food.</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/22.jpg"><img src="images/thumbs/22.jpg" alt="" /></a>
<h2>bloom</h2>
<p>even when its rich white people breakfast im getting salmon nox 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/23.jpg"><img src="images/thumbs/23.jpg" alt="" /></a>
<h2>happy donuts</h2>
<p>1k cal meal 0 protein 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/24.jpg"><img src="images/thumbs/24.jpg" alt="" /></a>
<h2>marugame</h2>
<p>i dont want to talk about this. 9/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/25.jpg"><img src="images/thumbs/25.jpg" alt="" /></a>
<h2>siam station!</h2>
<p>i can't believe u didnt eat ur leftovers. 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/26.jpg"><img src="images/thumbs/26.jpg" alt="" /></a>
<h2>muukata 6395</h2>
<p>for my birthday!! i love eating meat and i love you so perfect combination 1000/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/27.jpg"><img src="images/thumbs/27.jpg" alt="" /></a>
<h2>bambu</h2>
<p>why was the store so nice. i wonder about the 4 sisters</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/28.jpg"><img src="images/thumbs/28.jpg" alt="" /></a>
<h2>porridge at julias</h2>
<p>her boyfriend is so not real hes so stupid and funny. porridge was gas too i love eating free at julias 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/29.jpg"><img src="images/thumbs/29.jpg" alt="" /></a>
<h2>sparcos x4</h2>
<p>spartan tacos. i was moody lol.</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/30.jpg"><img src="images/thumbs/30.jpg" alt="" /></a>
<h2>wonton udon</h2>
<p>i helped wrap the wontons w/ u !!! super fun and super yummy 10/10</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/31.jpg"><img src="images/thumbs/31.jpg" alt="" /></a>
<h2>steak dinna for vday</h2>
<p>marry me? yes. 100/10 best valentines day ever</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/32.jpg"><img src="images/thumbs/32.jpg" alt="" /></a>
<h2>poke house</h2>
<p>poke house 3 years later 9/10 but +1 point bc its basically free</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/33.jpg"><img src="images/thumbs/33.jpg" alt="" /></a>
<h2>hey tea</h2>
<p>mochi yinje black milk tea ts was actually so buss 10/10 only boba i've ever wanted to get again myself</p>
</article>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>&copy; Ryan Chou. 2024.</li>
</ul>
<img src="images/nyaa.gif" alt="nyaa" id="giftwo">
</footer>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>&copy; Ryan Chou. 2026.</li>
</ul>
<img src="images/nyaa.gif" alt="nyaa" id="giftwo">
</footer>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/haiku.js"></script>
<script src="assets/js/audio.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/haiku.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>