diff options
| -rw-r--r-- | assets/js/settings.js | 29 | ||||
| -rw-r--r-- | layouts/404.html | 2 | ||||
| -rw-r--r-- | layouts/_partials/items/post.html | 2 | ||||
| -rw-r--r-- | layouts/_shortcodes/bookcard.html | 2 | ||||
| -rw-r--r-- | layouts/blank.html | 2 | ||||
| -rw-r--r-- | layouts/fictions/page.html | 2 | ||||
| -rw-r--r-- | layouts/fictions/section.html | 2 | ||||
| -rw-r--r-- | layouts/highlights.html | 2 | ||||
| -rw-r--r-- | layouts/library/page.html | 2 | ||||
| -rw-r--r-- | layouts/page.html | 2 | ||||
| -rw-r--r-- | layouts/posts/page.html | 2 | ||||
| -rw-r--r-- | layouts/settings.html | 23 |
12 files changed, 11 insertions, 61 deletions
diff --git a/assets/js/settings.js b/assets/js/settings.js index 6aa35cd7..ecc027d2 100644 --- a/assets/js/settings.js +++ b/assets/js/settings.js @@ -1,33 +1,4 @@ (() => { - /** - * =========== - * Font Size - * =========== - */ - - const setFontSize = (size) => { - if (size) localStorage.setItem('geedeapro.ui.fontSize', size); - const fontSizeSelected = size || localStorage.getItem('geedeapro.ui.fontSize') || 'medium'; - - const markdownBodies = document.querySelectorAll('.markdown-body'); - - const fontSizeClass = { - 'small': ['text-size-sm', 'md:text-size-base'], - 'medium': ['text-size-lg', 'md:text-size-xl'], - 'large': ['text-size-xl', 'md:text-size-2xl'] - } - - markdownBodies.forEach((body) => { - // remove existing font size classes - body.classList.remove(...fontSizeClass['small'], - ...fontSizeClass['medium'], - ...fontSizeClass['large']) - // add required font classes - body.classList.add(...fontSizeClass[fontSizeSelected]) - }); - } - setFontSize(); - /** * =========================== * Initialize Settings Page diff --git a/layouts/404.html b/layouts/404.html index 0beea0c1..6f17a145 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -37,7 +37,7 @@ </style> <article class="page-404"> <img src="/img/ghost-window.svg" class="image-404" /> - <div class="markdown-body"> + <div class="markdown-body text-size-lg md:text-size-xl"> <h1 class="title-404">404</h1> <p>Windows 和幽灵偷走了你的页面</p> <p>可恶的微软和能量体生物！</p> diff --git a/layouts/_partials/items/post.html b/layouts/_partials/items/post.html index 5cdec34a..8aefb8a7 100644 --- a/layouts/_partials/items/post.html +++ b/layouts/_partials/items/post.html @@ -32,7 +32,7 @@ {{ end }} </header> {{ if or $showSummary .ctx.Params.description }} - <div class="markdown-body text-size-lg! leading-relaxed" + <div class="markdown-body text-size-lg leading-relaxed" style="view-transition-name: post-content-{{ .File.UniqueID }}"> {{ if $showSummary }} {{ .ctx.Summary }} diff --git a/layouts/_shortcodes/bookcard.html b/layouts/_shortcodes/bookcard.html index d128193b..48e6924c 100644 --- a/layouts/_shortcodes/bookcard.html +++ b/layouts/_shortcodes/bookcard.html @@ -2,7 +2,7 @@ {{- $book := index (where $books "File.BaseFileName" (.Get 0)) 0 -}} {{- if $book }} - <div class="markdown-body"> + <div class="markdown-body text-size-lg md:text-size-xl"> <div class="mx-auto max-w-[50%] "> <img class="block w-full" src="{{ $book.Params.cover }}" /> </div> diff --git a/layouts/blank.html b/layouts/blank.html index 17510827..d2c6c14f 100644 --- a/layouts/blank.html +++ b/layouts/blank.html @@ -2,7 +2,7 @@ <article class="flex flex-col justify-center items-center" style="height: calc(100dvh - var(--page-margin-y) * 2)"> {{ partial "components/logo" (dict "imageClass" "w-20 md:w-[7rem] my-4") }} - <div class="markdown-body font-mono text-sm!"> + <div class="markdown-body font-mono text-sm"> {{ .Content }} </div> <p class="text-secondary font-mono">* * *</p> diff --git a/layouts/fictions/page.html b/layouts/fictions/page.html index 03e9256f..ec67e524 100644 --- a/layouts/fictions/page.html +++ b/layouts/fictions/page.html @@ -16,7 +16,7 @@ </header> <!-- Post Content --> - <div id="post-content" class="post-content markdown-body leading-loose" + <div id="post-content" class="post-content markdown-body text-size-lg md:text-size-xl leading-loose" style="view-transition-name: post-content-{{ .File.UniqueID }}"> {{ .Content }} </div> diff --git a/layouts/fictions/section.html b/layouts/fictions/section.html index e459ce1d..65a4e394 100644 --- a/layouts/fictions/section.html +++ b/layouts/fictions/section.html @@ -2,7 +2,7 @@ <article> {{ partial "header.html" . }} <div class="pagefind-exclude"> - <div class="my-8 markdown-body"> + <div class="my-8 markdown-body text-size-lg md:text-size-xl"> {{ with .Content }}{{ . }}{{ end }} </div> <div class="flex flex-wrap justify-around gap-8"> diff --git a/layouts/highlights.html b/layouts/highlights.html index 12fb1a84..e35872d3 100644 --- a/layouts/highlights.html +++ b/layouts/highlights.html @@ -2,7 +2,7 @@ <article> {{ partial "header" . }} <h1 class="term-title">{{ .Title }}</h1> - <div class="post-content markdown-body"> + <div class="post-content markdown-body text-size-lg md:text-size-xl"> <p>{{ .Content }}</p> </div> <!-- Highlights --> diff --git a/layouts/library/page.html b/layouts/library/page.html index 1e9753a5..bcd36854 100644 --- a/layouts/library/page.html +++ b/layouts/library/page.html @@ -27,7 +27,7 @@ </p> </header> - <div class="markdown-body leading-loose"> + <div class="markdown-body leading-loose text-size-lg md:text-size-xl"> {{ partial "posts/toc" . }} <div>{{ .Content }}</div> {{ partial "posts/endnotes" . }} diff --git a/layouts/page.html b/layouts/page.html index 7b01bf7c..db5fa837 100644 --- a/layouts/page.html +++ b/layouts/page.html @@ -1,7 +1,7 @@ {{ define "main" }} {{ partial "header.html" . }} <article> - <div id="post-content" class="post-content markdown-body leading-loose" + <div id="post-content" class="post-content markdown-body text-size-lg md:text-size-xl leading-loose" style="view-transition-name: post-content-{{ .File.UniqueID }}"> {{ partial "posts/toc" . }} {{ .Content }} diff --git a/layouts/posts/page.html b/layouts/posts/page.html index ef891f7e..0320820d 100644 --- a/layouts/posts/page.html +++ b/layouts/posts/page.html @@ -35,7 +35,7 @@ </header> <!-- Post Content --> - <div class="min-h-[60%] leading-loose mb-8 markdown-body" + <div class="min-h-[60%] leading-loose mb-8 markdown-body text-size-lg md:text-size-xl" style="view-transition-name: post-content-{{ .File.UniqueID }}"> {{ partial "posts/toc" . }} <div id="post-content">{{ .Content }}</div> diff --git a/layouts/settings.html b/layouts/settings.html index a3e6f332..916336b8 100644 --- a/layouts/settings.html +++ b/layouts/settings.html @@ -1,28 +1,7 @@ {{ define "main" }} <article id="settings"> {{ partial "header" . }} - - <div class="text-base"> - {{ .Content }} - </div> - - <h3>{{ T "settings.fontSize" . }}</h3> - <section class="shadow"> - <div id="text-alter-buttons" class="grid grid-cols-3"> - {{ $buttonClass := "font-extrabold bg-neutral-100 dark:bg-neutral-800 hover:bg-neutral-200/50 dark:hover:bg-neutral-700/50 rounded py-5" }} - <button data-text-size="small" class="{{ $buttonClass }} text-sm md:text-base">{{ T "settings.sampleText" }}</button> - <button data-text-size="medium" class="{{ $buttonClass }} text-base md:text-lg">{{ T "settings.sampleText" }}</button> - <button data-text-size="large" class="{{ $buttonClass }} text-lg md:text-xl">{{ T "settings.sampleText" }}</button> - </div> - <div class="leading-relaxed bg-neutral-200/50 dark:bg-neutral-700/50 py-1 px-4 rounded - h-50 overflow-y-auto"> - <p class="markdown-body">{{ T "settings.loremIpsum" . }}</p> - </div> - </section> - - <hr /> - - <h3>{{ T "settings.otherOptions" . }}</h3> + <div class="text-base">{{ .Content }}</div> <section id="checkbox-options" class="text-sm"></section> </article> {{ partial "footer.html" . }} |