@limcpf/everything-is-a-markdown 0.4.3 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limcpf/everything-is-a-markdown",
3
- "version": "0.4.3",
3
+ "version": "0.5.0",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "type": "module",
@@ -62,6 +62,8 @@
62
62
  --accent-strong: #6732ca;
63
63
  --badge-new-bg: var(--latte-red);
64
64
  --badge-new-fg: #ffffff;
65
+ --mobile-toggle-bg: var(--latte-mauve);
66
+ --mobile-toggle-fg: #ffffff;
65
67
  --desktop-sidebar-default: 420px;
66
68
  --desktop-sidebar-min: 320px;
67
69
  --desktop-viewer-min: 680px;
@@ -107,6 +109,8 @@
107
109
  --accent-strong: #dfcbff;
108
110
  --badge-new-bg: var(--mocha-red);
109
111
  --badge-new-fg: var(--mocha-crust);
112
+ --mobile-toggle-bg: var(--mocha-mauve);
113
+ --mobile-toggle-fg: var(--mocha-crust);
110
114
  }
111
115
 
112
116
  * {
@@ -743,8 +747,8 @@ a:hover {
743
747
  gap: 6px;
744
748
  border: 0;
745
749
  border-radius: 999px;
746
- background: var(--latte-mauve);
747
- color: #fff;
750
+ background: var(--mobile-toggle-bg);
751
+ color: var(--mobile-toggle-fg);
748
752
  min-height: 48px;
749
753
  padding: 0 16px;
750
754
  font-size: 0.9rem;
package/src/template.ts CHANGED
@@ -199,7 +199,9 @@ export function renderAppShellHtml(
199
199
  ${headMeta}
200
200
  <link rel="preconnect" href="https://fonts.googleapis.com" />
201
201
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
202
- <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
202
+ <link rel="preload" as="style" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
203
+ <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" media="print" onload="this.media='all'" />
204
+ <noscript><link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" /></noscript>
203
205
  <link rel="stylesheet" href="${escapeHtmlAttribute(assets.cssHref)}" />
204
206
  </head>
205
207
  <body>
@@ -330,7 +332,9 @@ export function render404Html(assets: AppShellAssets = DEFAULT_ASSETS): string {
330
332
  <title>404 - File-System Blog</title>
331
333
  <link rel="preconnect" href="https://fonts.googleapis.com" />
332
334
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
333
- <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
335
+ <link rel="preload" as="style" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
336
+ <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" media="print" onload="this.media='all'" />
337
+ <noscript><link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" /></noscript>
334
338
  <link rel="stylesheet" href="${escapeHtmlAttribute(assets.cssHref)}" />
335
339
  </head>
336
340
  <body>