first commit
This commit is contained in:
129
index.html
Executable file
129
index.html
Executable file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Lens by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>matt wong 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" />
|
||||
<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">
|
||||
|
||||
</head>
|
||||
<body class="is-preload-0 is-preload-1 is-preload-2">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="copyright">
|
||||
<li>© Ryan Chou. 2024.</li>
|
||||
</ul>
|
||||
<img src="images/nyaa.gif" alt="nyaa" id="giftwo">
|
||||
</footer>
|
||||
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user