Mercurial
annotate mrjunejune/src/index.html @ 91:19cccf6e866a
Added Epi photo reels.
| author | June Park <parkjune1995@gmail.com> |
|---|---|
| date | Thu, 01 Jan 2026 16:34:51 -0800 |
| parents | 431df06b1a9b |
| children | 655ea0b661fd |
| rev | line source |
|---|---|
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
1 <!doctype html> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
2 <html lang="en"> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
3 <head> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
4 <title> MrJuneJune </title> |
| 91 | 5 {{//parts/base_head.html}} |
| 6 <style> | |
| 7 .epi-photo { | |
| 8 display: flex; | |
| 9 justify-content: center; | |
| 10 } | |
| 11 </style> | |
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
12 </head> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
13 <body> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
14 {{/parts/header.html}} |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
15 <main> |
| 91 | 16 <p>Hi, my name is Juntae, but most people call me June or MrJuneJune.</p> |
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
17 |
| 91 | 18 <p>I am a software engineer with experience spanning a wide range of companies, from small startups to FAANGs....</p> |
| 86 | 19 <p>I know it is lame to work for them, but I have a dog so I need to put foods on my table.</p> |
| 20 | |
| 91 | 21 <div class="epi-photo"> |
| 22 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" /> | |
| 23 </div> | |
| 86 | 24 |
| 91 | 25 <p>During my free time, I like to write codes mostly in C, typescript and python.</p> |
| 86 | 26 <p>This website is hosted using my own server library which I wrote in C.</p> |
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
27 |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
28 <h2>Links</h2> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
29 <ul> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
30 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my code (MIT License)</li> |
| 86 | 31 <li><a href="/resume">Resume</a> - My professional experiences </li> |
| 91 | 32 <li><a href="/tools">Tools</a> - Tools </li> |
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
33 </ul> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
34 </main> |
|
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
35 </body> |
| 91 | 36 <script> |
| 37 let arr = Array.from({ length: 18 }, (_, i) => i+1); | |
| 38 function setRandomImages() { | |
| 39 const randomIndex = Math.floor(Math.random() * arr.length); | |
| 40 const pos = arr[randomIndex]; | |
| 41 currentPhoto.src = `/public/epi-photos/webp/${pos}.webp`; | |
| 42 currentPhoto.onload = () => { | |
| 43 currentPhoto.style.opacity = "1"; | |
| 44 }; | |
| 45 setTimeout(() => setRandomImages(), 1000); | |
| 46 } | |
| 47 setRandomImages(); | |
| 48 </script> | |
|
84
bcc76a156aea
Updated to be called src instead of pages.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
49 </html> |