comparison mrjunejune/test/snapshots/root.snapshot @ 109:1c446ab6f945

[MrJuneJune] New Blog about writing Seobeo library.
author June Park <parkjune1995@gmail.com>
date Sat, 03 Jan 2026 19:37:51 -0800
parents 092afa595764
children e7899c93da77
comparison
equal deleted inserted replaced
108:f07abbcd2ec5 109:1c446ab6f945
1 HTTP/1.1 200 OK 1 HTTP/1.1 200 OK
2 Content-Type: text/html 2 Content-Type: text/html
3 Content-Length: 5322 3 Content-Length: 5723
4 Connection: close 4 Connection: close
5 5
6 <!doctype html> 6 <!doctype html>
7 <html lang="en"> 7 <html lang="en">
8 <head> 8 <head>
9 <title> MrJuneJune </title> 9 <title> MrJuneJune </title>
10 <link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg"> 10 <meta charset="UTF-8">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 <link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg">
11 13
12 <link rel="preload" href="/public/fonts/Roboto-Regular.ttf" as="font" crossorigin> 14 <link rel="preload" href="/public/fonts/Roboto-Regular.ttf" as="font" crossorigin>
13 <link rel="preload" href="/public/fonts/Roboto-Thin.ttf"as="font" crossorigin> 15 <link rel="preload" href="/public/fonts/Roboto-Thin.ttf"as="font" crossorigin>
14 16
15 <link rel="preload" href="/public/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin> 17 <link rel="preload" href="/public/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin>
26 <style> 28 <style>
27 .epi-photo { 29 .epi-photo {
28 display: flex; 30 display: flex;
29 justify-content: center; 31 justify-content: center;
30 margin-bottom: 10px; 32 margin-bottom: 10px;
33 }
34
35 .epi-photo img {
36 max-width: 100%;
37 height: auto;
38 border-radius: 8px;
39 }
40
41 @media (max-width: 720px) {
42 .epi-photo {
43 margin-bottom: 1.5em;
44 }
45
46 ul {
47 padding-left: 1.5em;
48 }
49
50 li {
51 margin-bottom: 0.75em;
52 }
31 } 53 }
32 </style> 54 </style>
33 </head> 55 </head>
34 <body> 56 <body>
35 <style> 57 <style>
178 200
179 <div class="epi-photo"> 201 <div class="epi-photo">
180 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" /> 202 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" />
181 </div> 203 </div>
182 204
183 <p>During my free time, I like to write codes mostly in C, Python, and Typescript. All in mono repo styles using mercurial and bazel. (I know that is mentally ill...)</p> 205 <p>During my free time, I like to write codes mostly in C, Python, and Typescript; all in mono repo styles using bazel. (I know that is mentally ill...)</p>
184 <p>Feel free to check it out. My bad code..</p> 206 <p>Feel free to check it out my bad code!</p>
185 207
186 <h2>Links</h2> 208 <h2>Links</h2>
187 <ul> 209 <ul>
188 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my monorepo code</li> 210 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my code</li>
211 <li><a href="/blog">Blogs</a> - My thoughts / Experiments </li>
189 <li><a href="/resume">Resume</a> - My professional experiences </li> 212 <li><a href="/resume">Resume</a> - My professional experiences </li>
190 <li><a href="/tools">Tools</a> - Tools </li> 213 <li><a href="/tools">Tools</a> - Things I made for myself </li>
191 <!-- <li><a href="/blogs">Blogs</a> - Personal Blogs where I rant </li> -->
192 </ul> 214 </ul>
193 </main> 215 </main>
194 <div style="display: flex; align-items: center; justify-content: center; margin: 30px 0px;"> 216 <div style="display: flex; align-items: center; justify-content: center; margin: 30px 0px;">
195 <small>&copy; 2026 June Park</small> 217 <small>&copy; 2026 June Park</small>
196 </div> 218 </div>