Mercurial

annotate postdog/history/d8ff107c-856d-e516-4863-53fe587855eb.txt @ 114:e2a73e64e8e6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[Postdog] Got history working.
author June Park <parkjune1995@gmail.com>
date Tue, 06 Jan 2026 08:15:37 -0800
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
114
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
1 https:/mrjunejune.com
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
2 ---
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
3 GET
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
4 ---
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
5 Content-Type: application/json
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
6 ---
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
7
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
8 ---
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
9 HTTP Status: 200
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
10
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
11 <!doctype html>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
12 <html lang="en">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
13 <head>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
14 <title> MrJuneJune </title>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
15 <meta charset="UTF-8">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
16 <meta name="viewport" content="width=device-width, initial-scale=1.0">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
17 <link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
18
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
19 <link rel="preload" href="/public/fonts/Roboto-Regular.ttf" as="font" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
20 <link rel="preload" href="/public/fonts/Roboto-Thin.ttf"as="font" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
21
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
22 <link rel="preload" href="/public/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
23 <link rel="preload" href="/public/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
24
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
25 <link rel="preload" href="/public/fonts/more-sugar.extras.otf" as="font" type="font/otf" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
26 <link rel="preload" href="/public/fonts/more-sugar.regular.otf" as="font" type="font/otf" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
27 <link rel="preload" href="/public/fonts/more-sugar.thin.otf" as="font" type="font/otf" crossorigin>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
28
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
29 <link rel="preload" href="/base.css" as="style" />
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
30 <link rel="stylesheet" href="/base.css" />
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
31
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
32
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
33 <style>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
34 .epi-photo {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
35 display: flex;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
36 justify-content: center;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
37 margin-bottom: 10px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
38 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
39
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
40 .epi-photo img {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
41 max-width: 100%;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
42 height: auto;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
43 border-radius: 8px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
44 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
45
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
46 @media (max-width: 720px) {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
47 .epi-photo {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
48 margin-bottom: 1.5em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
49 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
50
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
51 ul {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
52 padding-left: 1.5em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
53 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
54
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
55 li {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
56 margin-bottom: 0.75em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
57 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
58 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
59 </style>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
60 </head>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
61 <body>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
62 <style>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
63 :root {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
64 --header-background: var(--white);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
65 --header-color: rgb(var(--black));
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
66 --link-hover-accent: var(--awesome);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
67 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
68
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
69 /* Fixed icon in top left corner */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
70 #themeToggle {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
71 position: fixed;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
72 top: 20px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
73 left: 20px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
74 background: var(--header-background);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
75 display: flex;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
76 align-items: center;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
77 border-radius: 50%;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
78 cursor: pointer;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
79 z-index: 1000;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
80 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
81 transition: transform 0.2s ease;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
82 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
83
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
84 #themeToggle:hover {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
85 transform: scale(1.05);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
86 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
87
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
88 /* Professional header */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
89 header {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
90 margin: auto;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
91 padding: 1.5em 1em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
92 font-family: "More", sans-serif;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
93 box-shadow: 0 2px 8px rgba(var(--black), 5%);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
94 width: 720px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
95 max-width: calc(100% - 2em);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
96 text-align: center;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
97 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
98
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
99 header h1 {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
100 margin: 0;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
101 font-size: 1.8em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
102 font-weight: 700;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
103 letter-spacing: -0.5px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
104 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
105
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
106 header h1 a {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
107 text-decoration: none;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
108 color: var(--header-color);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
109 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
110
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
111 header h1 a::before {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
112 display: none;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
113 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
114
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
115 /* Mobile responsiveness */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
116 @media (max-width: 720px) {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
117 #themeToggle {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
118 top: 15px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
119 left: 15px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
120 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
121
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
122 header {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
123 padding: 1em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
124 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
125
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
126 header h1 {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
127 font-size: 1.5em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
128 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
129 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
130
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
131 @media (max-width: 480px) {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
132 #themeToggle {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
133 top: 10px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
134 left: 10px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
135 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
136
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
137 #themeToggle img {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
138 height: 40px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
139 width: 40px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
140 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
141
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
142 header h1 {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
143 font-size: 1.3em;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
144 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
145 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
146
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
147 #logo {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
148 width: 300px;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
149 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
150
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
151 /* 1. DEFINE THE DEFAULTS (Light Mode) */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
152 :root {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
153 --logo-invert: invert(0);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
154 --epi-grayscale: grayscale(0) brightness(1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
155 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
156
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
157 /* 2. MANUAL DARK OVERRIDE */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
158 html.dark {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
159 --logo-invert: invert(1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
160 --epi-grayscale: grayscale(1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
161 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
162
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
163 /* 3. MANUAL LIGHT OVERRIDE */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
164 html.light-mode {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
165 --logo-invert: invert(0);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
166 --epi-grayscale: brightness(2.9) grayscale(1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
167 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
168
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
169 /* 4. SYSTEM PREFERENCE */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
170 @media (prefers-color-scheme: dark) {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
171 :root:not(.light-mode) {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
172 --logo-invert: invert(1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
173 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
174 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
175
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
176 /* 5. APPLY TO ELEMENTS */
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
177 #logo {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
178 -webkit-filter: var(--logo-invert);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
179 filter: var(--logo-invert);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
180 transition: filter 0.3s ease;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
181 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
182
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
183 .epi-logo {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
184 -webkit-filter: var(--epi-grayscale);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
185 filter: var(--epi-grayscale);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
186 transition: filter 0.3s ease;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
187 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
188 </style>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
189
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
190 <div id="themeToggle">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
191 <img id="epiChan" class="epi-logo" aria-label="Toggle dark mode" src="/public/epi_all_colors.svg" height="50" width="50">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
192 </div>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
193
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
194 <header>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
195 <h1><a href="/">MrJuneJune</a></h1>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
196 </header>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
197 <script src="/index.js"></script>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
198
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
199
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
200 <main>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
201 <p>Hi, my name is Juntae, but most people call me June or MrJuneJune.</p>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
202
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
203 <p>I am a software engineer with experience spanning a wide range of companies, from small startups to FAANGs....</p>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
204 <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>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
205
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
206 <div class="epi-photo">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
207 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" />
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
208 </div>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
209
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
210 <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>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
211 <p>Feel free to check it out my bad code!</p>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
212
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
213 <h2>Links</h2>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
214 <ul>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
215 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my code</li>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
216 <li><a href="/blog">Blogs</a> - My thoughts / Experiments </li>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
217 <li><a href="/resume">Resume</a> - My professional experiences </li>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
218 <li><a href="/tools">Tools</a> - Things I made for myself </li>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
219 </ul>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
220 </main>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
221 <div style="display: flex; align-items: center; justify-content: center; margin: 30px 0px;">
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
222 <small>&copy; 2026 June Park</small>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
223 </div>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
224
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
225 <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9b9c39a8799bcbfd',t:'MTc2NzcxMzA5Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
226 <script>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
227 let arr = Array.from({ length: 18 }, (_, i) => i+1);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
228 function setRandomImages() {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
229 const randomIndex = Math.floor(Math.random() * arr.length);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
230 const pos = arr[randomIndex];
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
231 currentPhoto.src = `/public/epi-photos/webp/${pos}.webp`;
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
232 currentPhoto.onload = () => {
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
233 currentPhoto.style.opacity = "1";
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
234 };
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
235 setTimeout(() => setRandomImages(), 1000);
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
236 }
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
237 setRandomImages();
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
238 </script>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
239 </html>
e2a73e64e8e6 [Postdog] Got history working.
June Park <parkjune1995@gmail.com>
parents:
diff changeset
240