/home/mrjunejune/zenbu: mrjunejune/test/snapshots/tools.snapshot annotate

annotate mrjunejune/test/snapshots/tools.snapshot @ 256:30c2196d03d4

[site] Integrate Zenbu themes and components Co-authored-by: Copilot <[email protected]>

author	MrJuneJune <me@mrjunejune.com>
date	Tue, 04 Aug 2026 16:49:01 -0700
parents	b8aa08503378
children	60a876c4587a

rev	line source
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	1 <!doctype html>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	2 <html lang="en">
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	3 <head>
109 1c446ab6f945 [MrJuneJune] New Blog about writing Seobeo library. June Park <parkjune1995@gmail.com> parents: 94 diff changeset	4 <meta charset="UTF-8">
1c446ab6f945 [MrJuneJune] New Blog about writing Seobeo library. June Park <parkjune1995@gmail.com> parents: 94 diff changeset	5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	6 <meta name="theme-color" content="#f7f3e8">
109 1c446ab6f945 [MrJuneJune] New Blog about writing Seobeo library. June Park <parkjune1995@gmail.com> parents: 94 diff changeset	7 <link rel="icon" type="image/svg+xml" href="/public/epi_all_colors.svg">
242 543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	8 <link rel="manifest" href="/public/manifest.json">
543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	9 <link rel="apple-touch-icon" href="/public/epi_all_colors.svg">
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	10
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	11 <link rel="preload" href="/public/fonts/Roboto-Regular.ttf" as="font" crossorigin>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	12 <link rel="preload" href="/public/fonts/Roboto-Thin.ttf"as="font" crossorigin>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	13
126 e7899c93da77 Remove playground. June Park <parkjune1995@gmail.com> parents: 109 diff changeset	14 <!-- <link rel="preload" href="/public/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin> -->
e7899c93da77 Remove playground. June Park <parkjune1995@gmail.com> parents: 109 diff changeset	15 <!-- <link rel="preload" href="/public/fonts/atkinson-bold.woff" as="font" type="font/woff" crossorigin> -->
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	16
126 e7899c93da77 Remove playground. June Park <parkjune1995@gmail.com> parents: 109 diff changeset	17 <!-- <link rel="preload" href="/public/fonts/more-sugar.extras.otf" as="font" type="font/otf" crossorigin> -->
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	18 <link rel="preload" href="/public/fonts/more-sugar.regular.otf" as="font" type="font/otf" crossorigin>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	19 <link rel="preload" href="/public/fonts/more-sugar.thin.otf" as="font" type="font/otf" crossorigin>
158 1c0878eb17de [MrJuneJune] Readme file gets compiled in server side. June Park <parkjune1995@gmail.com> parents: 145 diff changeset	20 <link rel="preload" href="/public/epi_all_colors.svg" as="image">
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	21
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	22 <link rel="stylesheet" href="/public/design-system/styles/tokens.css" />
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	23 <link rel="stylesheet" href="/public/design-system/styles/themes.css" />
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	24 <link rel="preload" href="/base.css" as="style" />
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	25 <link rel="stylesheet" href="/base.css" />
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	26 <link rel="stylesheet" href="/public/design-system/styles/components.css" />
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	27 <script
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	28 type="module"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	29 src="/public/design-system/components/index.js"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	30 ></script>
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	31
242 543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	32 <script src="/public/pwa-register.js" defer></script>
543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	33
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	34 <link rel="stylesheet" href="/tools/index.css" />
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	35 </head>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	36 <body>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	37 <style>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	38 :root {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	39 --header-background: var(--white);
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	40 --header-color: var(--black);
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	41 --link-hover-accent: var(--awesome);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	42 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	43
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	44 #themeControl {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	45 position: fixed;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	46 top: 20px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	47 left: 20px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	48 z-index: 1000;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	49 transition: transform 0.2s ease;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	50 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	51
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	52 #themeControl:hover {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	53 transform: scale(1.05);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	54 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	55
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	56 #themeToggle {
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	57 flex-direction: column;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	58 min-width: 4.5rem;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	59 padding: 0.35rem;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	60 border-radius: 1.5rem;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	61 }
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	62
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	63 #themeName {
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	64 font-family: "More", sans-serif;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	65 font-size: 0.65rem;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	66 line-height: 1;
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	67 }
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	68
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	69 /* Professional header */
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	70 header {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	71 margin: auto;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	72 padding: 1.5em 1em;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	73 font-family: "More", sans-serif;
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	74 box-shadow: var(--zen-shadow-sm);
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	75 width: 720px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	76 max-width: calc(100% - 2em);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	77 text-align: center;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	78 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	79
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	80 header h1 {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	81 margin: 0;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	82 font-size: 1.8em;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	83 font-weight: 700;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	84 letter-spacing: -0.5px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	85 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	86
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	87 header h1 a {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	88 text-decoration: none;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	89 color: var(--header-color);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	90 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	91
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	92 header h1 a::before {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	93 display: none;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	94 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	95
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	96 /* Mobile responsiveness */
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	97 @media (max-width: 720px) {
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	98 #themeControl {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	99 top: 15px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	100 left: 15px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	101 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	102
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	103 header {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	104 padding: 1em;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	105 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	106
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	107 header h1 {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	108 font-size: 1.5em;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	109 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	110 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	111
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	112 @media (max-width: 480px) {
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	113 #themeControl {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	114 top: 10px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	115 left: 10px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	116 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	117
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	118 #themeToggle img {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	119 height: 40px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	120 width: 40px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	121 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	122
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	123 header h1 {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	124 font-size: 1.3em;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	125 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	126 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	127
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	128 #logo {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	129 width: 300px;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	130 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	131
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	132 /* 1. DEFINE THE DEFAULTS (Light Mode) */
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	133 :root {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	134 --logo-invert: invert(0);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	135 --epi-grayscale: grayscale(0) brightness(1);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	136 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	137
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	138 /* 2. MANUAL DARK OVERRIDE */
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	139 html[data-zen-theme="ink"] {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	140 --logo-invert: invert(1);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	141 --epi-grayscale: grayscale(1);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	142 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	143
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	144 /* 3. MANUAL LIGHT OVERRIDE */
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	145 html[data-zen-theme="paper"] {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	146 --logo-invert: invert(0);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	147 --epi-grayscale: brightness(2.9) grayscale(1);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	148 }
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	149
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	150 html[data-zen-theme="playful"] {
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	151 --logo-invert: invert(0);
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	152 --epi-grayscale: saturate(1.25);
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	153 }
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	154
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	155 /* 4. SYSTEM PREFERENCE */
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	156 @media (prefers-color-scheme: dark) {
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	157 :root:not([data-zen-theme]) {
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	158 --logo-invert: invert(1);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	159 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	160 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	161
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	162 /* 5. APPLY TO ELEMENTS */
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	163 #logo {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	164 -webkit-filter: var(--logo-invert);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	165 filter: var(--logo-invert);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	166 transition: filter 0.3s ease;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	167 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	168
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	169 .epi-logo {
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	170 -webkit-filter: var(--epi-grayscale);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	171 filter: var(--epi-grayscale);
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	172 transition: filter 0.3s ease;
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	173 }
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	174 </style>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	175
256 30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	176 <zen-button id="themeControl" variant="quiet">
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	177 <button
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	178 id="themeToggle"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	179 type="button"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	180 aria-label="Change site theme"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	181 >
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	182 <img
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	183 id="epiChan"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	184 class="epi-logo"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	185 alt=""
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	186 src="/public/epi_all_colors.svg"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	187 height="50"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	188 width="50"
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	189 >
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	190 <span id="themeName" aria-live="polite">Auto</span>
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	191 </button>
30c2196d03d4 [site] Integrate Zenbu themes and components MrJuneJune <me@mrjunejune.com> parents: 244 diff changeset	192 </zen-button>
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	193
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	194 <header>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	195 <h1><a href="/">MrJuneJune</a></h1>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	196 </header>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	197 <script src="/index.js"></script>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	198
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	199 <main>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	200 <h1 class="title"> Tools </h1>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	201 <ul class="nav-list">
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	202 <li><a href="/tools/markdown_to_html">MarkDown to HTML</a></li>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	203 <li><a href="/tools/file_converter">Images to Webp / Video to Mp4</a></li>
242 543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	204 <li><a href="/tools/hls_player">Online HLS Player</a></li>
244 b8aa08503378 [tools] Add sandboxed online LaTeX editor MrJuneJune <me@mrjunejune.com> parents: 242 diff changeset	205 <li><a href="/tools/latex_editor">Online LaTeX Editor</a></li>
242 543df0fe7168 [tools] Add full HLS player support MrJuneJune <me@mrjunejune.com> parents: 158 diff changeset	206 <li><a href="/notes">Personal Notes</a></li>
94 092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	207 </ul>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	208 </main>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	209 <div style="display: flex; align-items: center; justify-content: center; margin: 30px 0px;">
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	210 <small>© 2026 June Park</small>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	211 </div>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	212
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	213 </body>
092afa595764 [MrJuneJune] Added Integration tests. June Park <parkjune1995@gmail.com> parents: diff changeset	214 </html>

Mercurial

annotate mrjunejune/test/snapshots/tools.snapshot @ 256:30c2196d03d4