m -> v

2026-03-22 18:51:24 -07:00
parent ed23669d02
commit 22ca3d3e4b
76 changed files with 202 additions and 111 deletions
--- a/.gitea/workflows/pipeline.yml
+++ b/.gitea/workflows/pipeline.yml
@@ -6,10 +6,15 @@ on:

 jobs:
  deploy:
-    runs-on: ubuntu-latest
+    runs-on: alpine-rsync
    if: contains(gitea.event.head_commit.message, '[deploy]')

    steps:
+      - name: Test network
+        run: |
+          which curl || (apk add --no-cache curl)
+          curl -vk https://git.rchou.net/
+
      - name: Checkout
        uses: actions/checkout@v4

--- a/assets/js/haiku.js
+++ b/assets/js/haiku.js
@@ -1,12 +1,7 @@
        document.addEventListener('DOMContentLoaded', function () {
            const haikus = [
-                "missed sunset's last glow\n city lights beneath night's veil \n beauty shared hearts slow",
-                "through winding trails home\n songs weave stories, hearts roam free\n in tune we find home",
-                "sea lions play, waves crash\n smoke swirls, words flow, time's slow dash\n cove whispers, bonds flash",
-                "ramen bowls steam bright\n little tokyo in sight\n shared hearts, culture's light",
-                "a freckled face gleams\n under streetlights when a cat\n meows further away",
-                "miles stretch wide and vast\n yet in heartbeats ur so near\n stars bridging our gap",
-                "waves of longing surge,\n tonights flood, a deep sorrow\n drowning in your absence",
+                "every single meal\ni have ever\nenjoyed with you",
+                "because food is only\nenjoyable with you around\nily",
            ];

            function getRandomHaiku() {
--- a/favicon/android-chrome-192x192.png
+++ b/favicon/android-chrome-192x192.png
--- a/favicon/android-chrome-512x512.png
+++ b/favicon/android-chrome-512x512.png
--- a/favicon/apple-touch-icon.png
+++ b/favicon/apple-touch-icon.png
--- a/favicon/favicon-16x16.png
+++ b/favicon/favicon-16x16.png
--- a/favicon/favicon-32x32.png
+++ b/favicon/favicon-32x32.png
--- a/favicon/favicon.ico
+++ b/favicon/favicon.ico
--- a/favicon/site.webmanifest
+++ b/favicon/site.webmanifest
--- a/images/fulls/01.jpg
+++ b/images/fulls/01.jpg
--- a/images/fulls/02.jpg
+++ b/images/fulls/02.jpg
--- a/images/fulls/03.jpg
+++ b/images/fulls/03.jpg
--- a/images/fulls/04.jpg
+++ b/images/fulls/04.jpg
--- a/images/fulls/05.jpg
+++ b/images/fulls/05.jpg
--- a/images/fulls/06.jpg
+++ b/images/fulls/06.jpg
--- a/images/fulls/07.jpg
+++ b/images/fulls/07.jpg
--- a/images/fulls/08.jpg
+++ b/images/fulls/08.jpg
--- a/images/fulls/09.jpg
+++ b/images/fulls/09.jpg
--- a/images/fulls/10.jpg
+++ b/images/fulls/10.jpg
--- a/images/fulls/11.jpg
+++ b/images/fulls/11.jpg
--- a/images/fulls/12.jpg
+++ b/images/fulls/12.jpg
--- a/images/fulls/13.jpg
+++ b/images/fulls/13.jpg
--- a/images/fulls/14.jpg
+++ b/images/fulls/14.jpg
--- a/images/fulls/15.jpg
+++ b/images/fulls/15.jpg
--- a/images/fulls/16.jpg
+++ b/images/fulls/16.jpg
--- a/images/fulls/17.jpg
+++ b/images/fulls/17.jpg
--- a/images/fulls/18.jpg
+++ b/images/fulls/18.jpg
--- a/images/fulls/19.jpg
+++ b/images/fulls/19.jpg
--- a/images/fulls/20.jpg
+++ b/images/fulls/20.jpg
--- a/images/fulls/21.jpg
+++ b/images/fulls/21.jpg
--- a/images/fulls/22.jpg
+++ b/images/fulls/22.jpg
--- a/images/fulls/23.jpg
+++ b/images/fulls/23.jpg
--- a/images/fulls/24.jpg
+++ b/images/fulls/24.jpg
--- a/images/fulls/25.jpg
+++ b/images/fulls/25.jpg
--- a/images/fulls/26.jpg
+++ b/images/fulls/26.jpg
--- a/images/fulls/27.jpg
+++ b/images/fulls/27.jpg
--- a/images/fulls/28.jpg
+++ b/images/fulls/28.jpg
--- a/images/fulls/29.jpg
+++ b/images/fulls/29.jpg
--- a/images/fulls/30.jpg
+++ b/images/fulls/30.jpg
--- a/images/fulls/31.jpg
+++ b/images/fulls/31.jpg
--- a/images/fulls/32.jpg
+++ b/images/fulls/32.jpg
--- a/images/fulls/33.jpg
+++ b/images/fulls/33.jpg
--- a/images/thumbs/01.jpg
+++ b/images/thumbs/01.jpg
--- a/images/thumbs/02.jpg
+++ b/images/thumbs/02.jpg
--- a/images/thumbs/03.jpg
+++ b/images/thumbs/03.jpg
--- a/images/thumbs/04.jpg
+++ b/images/thumbs/04.jpg
--- a/images/thumbs/05.jpg
+++ b/images/thumbs/05.jpg
--- a/images/thumbs/06.jpg
+++ b/images/thumbs/06.jpg
--- a/images/thumbs/07.jpg
+++ b/images/thumbs/07.jpg
--- a/images/thumbs/08.jpg
+++ b/images/thumbs/08.jpg
--- a/images/thumbs/09.jpg
+++ b/images/thumbs/09.jpg
--- a/images/thumbs/10.jpg
+++ b/images/thumbs/10.jpg
--- a/images/thumbs/11.jpg
+++ b/images/thumbs/11.jpg
--- a/images/thumbs/12.jpg
+++ b/images/thumbs/12.jpg
--- a/images/thumbs/13.jpg
+++ b/images/thumbs/13.jpg
--- a/images/thumbs/14.jpg
+++ b/images/thumbs/14.jpg
--- a/images/thumbs/15.jpg
+++ b/images/thumbs/15.jpg
--- a/images/thumbs/16.jpg
+++ b/images/thumbs/16.jpg
--- a/images/thumbs/17.jpg
+++ b/images/thumbs/17.jpg
--- a/images/thumbs/18.jpg
+++ b/images/thumbs/18.jpg
--- a/images/thumbs/19.jpg
+++ b/images/thumbs/19.jpg
--- a/images/thumbs/20.jpg
+++ b/images/thumbs/20.jpg
--- a/images/thumbs/21.jpg
+++ b/images/thumbs/21.jpg
--- a/images/thumbs/22.jpg
+++ b/images/thumbs/22.jpg
--- a/images/thumbs/23.jpg
+++ b/images/thumbs/23.jpg
--- a/images/thumbs/24.jpg
+++ b/images/thumbs/24.jpg
--- a/images/thumbs/25.jpg
+++ b/images/thumbs/25.jpg
--- a/images/thumbs/26.jpg
+++ b/images/thumbs/26.jpg
--- a/images/thumbs/27.jpg
+++ b/images/thumbs/27.jpg
--- a/images/thumbs/28.jpg
+++ b/images/thumbs/28.jpg
--- a/images/thumbs/29.jpg
+++ b/images/thumbs/29.jpg
--- a/images/thumbs/30.jpg
+++ b/images/thumbs/30.jpg
--- a/images/thumbs/31.jpg
+++ b/images/thumbs/31.jpg
--- a/images/thumbs/32.jpg
+++ b/images/thumbs/32.jpg
--- a/images/thumbs/33.jpg
+++ b/images/thumbs/33.jpg
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
 -->
 <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" />
@@ -27,8 +27,7 @@
 			<!-- 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>
+				<h1>for vham :3</h1>
 				<p id="haiku">Please enable javascript >.<</p>
 			</header>

@@ -36,82 +35,175 @@
 			<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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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 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>
+					<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>
+					<li>&copy; Ryan Chou. 2026.</li>
 				</ul>
 				<img src="images/nyaa.gif" alt="nyaa" id="giftwo">
 			</footer>
@@ -123,7 +215,6 @@
 		<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>
 	</body>
 </html>