Mercurial

comparison mrjunejune/src/index.html @ 256:30c2196d03d4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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 40fa2363fee1
children 60a876c4587a
comparison
equal deleted inserted replaced
255:5ec271d612ae 256:30c2196d03d4
62 right: 10px; 62 right: 10px;
63 pointer-events: auto; 63 pointer-events: auto;
64 z-index: 101; 64 z-index: 101;
65 cursor: pointer; 65 cursor: pointer;
66 } 66 }
67
68 .site-link-grid {
69 display: grid;
70 grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
71 gap: var(--zen-space-4);
72 }
73
74 .site-link-grid > a {
75 color: inherit;
76 text-decoration: none;
77 }
78
79 .site-link-grid zen-card,
80 .site-link-grid article {
81 height: 100%;
82 }
83
84 .site-link-grid p {
85 margin: 0;
86 color: var(--zen-color-text-muted);
87 font-size: 0.9rem;
88 }
67 </style> 89 </style>
68 </head> 90 </head>
69 <body> 91 <body>
70 {{/parts/header.html}} 92 {{/parts/header.html}}
71 <main> 93 <main>
78 <div class="epi-photo"> 100 <div class="epi-photo">
79 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" /> 101 <img id="currentPhoto" style="opacity: 0; transition: opacity 0.2s;" />
80 </div> 102 </div>
81 103
82 <h2>Links</h2> 104 <h2>Links</h2>
83 <ul> 105 <div class="site-link-grid">
84 <li><a href="https://zenbu.babocoder.com/file/tip">Repository</a> - Check out my code</li> 106 <a href="https://zenbu.babocoder.com/file/tip">
85 <li><a href="/blog">Blogs</a> - My thoughts / Experiments </li> 107 <zen-card interactive>
86 <li><a href="/resume">Resume</a> - My professional experiences </li> 108 <article><h3>Repository</h3><p>Browse the code behind these experiments.</p></article>
87 <li><a href="/tools">Tools</a> - Things I made for myself </li> 109 </zen-card>
88 </ul> 110 </a>
111 <a href="/blog">
112 <zen-card interactive>
113 <article><h3>Blogs</h3><p>Thoughts, experiments, and technical notes.</p></article>
114 </zen-card>
115 </a>
116 <a href="/resume">
117 <zen-card interactive>
118 <article><h3>Resume</h3><p>Professional experience and selected work.</p></article>
119 </zen-card>
120 </a>
121 <a href="/tools">
122 <zen-card interactive>
123 <article><h3>Tools</h3><p>Small things I built for myself.</p></article>
124 </zen-card>
125 </a>
126 </div>
89 <canvas id="background"></canvas> 127 <canvas id="background"></canvas>
90 <canvas id="game"></canvas> 128 <canvas id="game"></canvas>
91 <canvas id="gameUI"></canvas> 129 <canvas id="gameUI"></canvas>
92 </main> 130 </main>
93 {{/parts/footer.html}} 131 {{/parts/footer.html}}