Fork of Chiri for Astro for my blog
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: clean up

the3ash c08504dd 44db7a75

+18 -32
+1 -1
src/components/examples/CounterButton.astro
··· 46 46 background-color: var(--text-primary); 47 47 color: var(--bg); 48 48 border: none; 49 - font-family: var(--font-mono); 49 + font-family: var(--mono); 50 50 font-size: var(--font-size-s); 51 51 border-radius: 12px; 52 52 cursor: pointer;
+2 -2
src/components/examples/Tag.astro
··· 304 304 outline: none; 305 305 color: var(--text-primary); 306 306 font-size: 0.9rem; 307 - font-family: var(--font-mono); 307 + font-family: var(--mono); 308 308 min-width: 4rem; 309 309 padding: 0.25rem 0.5rem; 310 310 opacity: 0; ··· 432 432 .tag-text { 433 433 color: var(--text-primary); 434 434 font-size: 0.9rem; 435 - font-family: var(--font-mono); 435 + font-family: var(--mono); 436 436 } 437 437 438 438 .delete-button {
-8
src/components/layout/Header.astro
··· 6 6 <header> 7 7 <nav> 8 8 <div class="logo-container"> 9 - {themeConfig.general.favicon && <img src="/favicon.svg" alt="favicon" class="favicon" />} 10 9 <a href="/">{themeConfig.site.title}</a> 11 10 </div> 12 11 <ThemeToggle /> ··· 30 29 } 31 30 .logo-container { 32 31 position: relative; 33 - } 34 - .favicon { 35 - position: absolute; 36 - width: 1.125rem; 37 - height: 1.125rem; 38 - bottom: calc(100% + 3.5rem); 39 - left: 0; 40 32 } 41 33 </style>
+1 -1
src/components/ui/BackButton.astro
··· 78 78 display: inline-flex; 79 79 align-items: center; 80 80 gap: 0.375rem; 81 - font-family: var(--font-serif); 81 + font-family: var(--serif); 82 82 font-size: var(--font-size-m); 83 83 font-style: italic; 84 84 letter-spacing: 0;
+2 -4
src/components/ui/TableOfContents.astro
··· 268 268 } 269 269 270 270 .toc-nav { 271 - font-family: var(--font-serif); 272 - font-size: var(--font-size-s); 273 - line-height: 1.5; 271 + font-family: var(--sans); 274 272 } 275 273 276 274 .toc-list, ··· 323 321 position: absolute; 324 322 left: -0.5rem; 325 323 top: 0; 326 - font-family: var(--font-sans); 324 + font-family: var(--sans); 327 325 font-size: var(--font-size-s); 328 326 letter-spacing: var(--spacing-m); 329 327 line-height: 1.125rem;
-1
src/config.ts
··· 14 14 general: { 15 15 contentWidth: '35rem', // Content area width 16 16 centeredLayout: true, // Use centered layout (false for left-aligned) 17 - favicon: false, // Show favicon on index page 18 17 themeToggle: false, // Show theme toggle button (uses system theme by default) 19 18 footer: true, // Show footer 20 19 fadeAnimation: true // Enable fade animations
src/content/posts/_assets/date-on-left.png

This is a binary file and will not be displayed.

src/content/posts/_assets/theme-toggle.png

This is a binary file and will not be displayed.

src/content/posts/_assets/toc.png

This is a binary file and will not be displayed.

src/content/posts/_assets/tr-808.jpg

This is a binary file and will not be displayed.

src/content/posts/_assets/tr-808.png

This is a binary file and will not be displayed.

+1 -1
src/content/posts/the-tr-808-story.md
··· 3 3 pubDate: '2025-05-10' 4 4 --- 5 5 6 - ![_tr-808](./_assets/tr-808.png) 6 + ![_tr-808](./_assets/tr-808.jpg) 7 7 8 8 The Roland TR-808 Rhythm Composer, often simply called the "808," is one of the most influential electronic instruments ever created. Despite its initial commercial failure, this drum machine went on to shape entire genres of music and become a cultural icon. This is the story of how a machine designed to replace drummers ended up revolutionizing music production. 9 9
-2
src/content/posts/theme-guide.md
··· 43 43 contentWidth: '35rem', 44 44 // Use centered layout (false for left-aligned) 45 45 centeredLayout: true, 46 - // Show favicon on index page 47 - favicon: false, 48 46 // Show theme toggle button (uses system theme by default) 49 47 themeToggle: false, 50 48 // Show footer
+4 -4
src/styles/global.css
··· 6 6 --content-width: 25rem; 7 7 8 8 /* Typography */ 9 - --font-sans: 9 + --sans: 10 10 Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, 11 11 Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 12 - --font-serif: Besley, Baskerville, Georgia, Cambria, 'Times New Roman', Times, serif; 13 - --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; 12 + --serif: Besley, Baskerville, Georgia, Cambria, 'Times New Roman', Times, serif; 13 + --mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; 14 14 15 15 --font-size-s: 0.8125rem; 16 16 --font-size-m: 0.9375rem; ··· 106 106 } 107 107 108 108 body { 109 - font-family: var(--font-sans); 109 + font-family: var(--sans); 110 110 font-feature-settings: 'ss03' 1; 111 111 font-size: var(--font-size-m); 112 112 text-autospace: normal;
+7 -7
src/styles/post.css
··· 39 39 40 40 /* Italic text */ 41 41 .prose em { 42 - font-family: var(--font-serif); 42 + font-family: var(--serif); 43 43 font-style: italic; 44 44 letter-spacing: 0; 45 45 } ··· 174 174 border-radius: 6px; 175 175 background-color: var(--code-bg); 176 176 border: 0.5px solid var(--border); 177 - font-family: var(--font-mono); 177 + font-family: var(--mono); 178 178 font-size: 0.9em; 179 179 font-feature-settings: 180 180 'liga' 0, ··· 325 325 326 326 .prose ul.contains-task-list li.task-list-item input[type='checkbox']:checked::before { 327 327 content: '✓'; 328 - font-family: var(--font-sans); 328 + font-family: var(--sans); 329 329 color: var(--text-primary); 330 330 opacity: 0.75; 331 331 font-weight: var(--font-weight-bold); ··· 368 368 369 369 .prose hr::before { 370 370 content: '***'; 371 - font-family: var(--font-mono); 371 + font-family: var(--mono); 372 372 color: var(--text-tertiary); 373 373 font-size: 0.875em; 374 374 letter-spacing: 0.25em; ··· 376 376 377 377 /* Keyboard input */ 378 378 .prose kbd { 379 - font-family: var(--font-mono); 379 + font-family: var(--mono); 380 380 font-size: var(--font-size-s); 381 381 border: 1px solid var(--text-tertiary); 382 382 padding: 1px 4px; ··· 418 418 /* Footnote references */ 419 419 .prose [data-footnote-backref] { 420 420 position: relative; 421 - font-family: var(--font-mono); 421 + font-family: var(--mono); 422 422 font-size: var(--font-size-l); 423 423 top: -0.05em; 424 424 } ··· 467 467 } 468 468 469 469 .prose pre > code { 470 - font-family: var(--font-mono); 470 + font-family: var(--mono); 471 471 font-feature-settings: 472 472 'liga' 0, 473 473 'calt' 0;
-1
src/types/config.types.ts
··· 19 19 export interface GeneralSettings { 20 20 contentWidth: string 21 21 centeredLayout: boolean 22 - favicon: boolean 23 22 themeToggle: boolean 24 23 footer: boolean 25 24 fadeAnimation: boolean