diff --git a/.github/workflows/build-check.yml b/.github/workflows/build-check.yml index 2a0a843998..3f239dd24f 100644 --- a/.github/workflows/build-check.yml +++ b/.github/workflows/build-check.yml @@ -42,7 +42,7 @@ jobs: && sudo dpkg -i ${{ runner.temp }}/hugo.deb - name: Checkout - uses: actions/checkout@v4 + uses: actions/checkout@v6 with: ref: exampleSite diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml index 8378a371e5..7f84d9403d 100644 --- a/.github/workflows/gh-pages.yml +++ b/.github/workflows/gh-pages.yml @@ -47,12 +47,12 @@ jobs: wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_${HUGO_VERSION}_linux-amd64.deb \ && sudo dpkg -i ${{ runner.temp }}/hugo.deb - name: Checkout - uses: actions/checkout@v4 + uses: actions/checkout@v6 with: ref: exampleSite - name: Setup Pages id: pages - uses: actions/configure-pages@v5 + uses: actions/configure-pages@v6 - name: Get Theme run: git submodule update --init --recursive - name: Update theme to Latest commit @@ -63,7 +63,7 @@ jobs: --buildDrafts --gc \ --baseURL ${{ steps.pages.outputs.base_url }} - name: Upload artifact - uses: actions/upload-pages-artifact@v3 + uses: actions/upload-pages-artifact@v5 with: path: ./public # Deployment job @@ -79,4 +79,4 @@ jobs: steps: - name: Deploy to GitHub Pages id: deployment - uses: actions/deploy-pages@v4 + uses: actions/deploy-pages@v5 diff --git a/assets/css/common/header.css b/assets/css/common/header.css index 49a2ff6c93..c9edb8fe09 100644 --- a/assets/css/common/header.css +++ b/assets/css/common/header.css @@ -3,9 +3,10 @@ flex-wrap: wrap; justify-content: space-between; max-width: calc(var(--nav-width) + var(--gap) * 2); - margin-inline-start: auto; - margin-inline-end: auto; + margin: auto; line-height: var(--header-height); + padding: 0 var(--gap); + column-gap: var(--gap); } .header-nav a { @@ -15,7 +16,6 @@ .logo, .menu { display: flex; - margin: auto var(--gap); } .logo { @@ -82,10 +82,7 @@ word-break: keep-all; overflow-x: auto; white-space: nowrap; -} - -.menu li+li { - margin-inline-start: var(--gap); + column-gap: var(--gap); } .menu a { @@ -94,5 +91,7 @@ .menu .active { font-weight: 500; - border-bottom: 2px solid currentColor; + text-decoration: underline; + text-underline-offset: 0.3rem; + text-decoration-thickness: 2px; } diff --git a/assets/css/common/md-content.css b/assets/css/common/md-content.css index 9087384919..bac29bb4bf 100644 --- a/assets/css/common/md-content.css +++ b/assets/css/common/md-content.css @@ -31,7 +31,7 @@ font-size: 12px; } -.md-content a { +.md-content a:not(.anchor) { text-underline-offset: 0.3rem; text-decoration: underline; } @@ -40,21 +40,21 @@ text-decoration: line-through; } -.md-content dl, -.md-content ol, -.md-content p, -.md-content figure, -.md-content ul { +.md-content dl:not(:last-child), +.md-content ol:not(:last-child), +.md-content p:not(:last-child), +.md-content figure:not(:last-child), +.md-content ul:not(:last-child) { margin-bottom: var(--content-gap); } .md-content ol, .md-content ul { - padding-inline-start: 20px; + padding-inline-start: 1.25rem; } .md-content li { - margin-top: 5px; + margin-top: 0.3rem; } .md-content li p { @@ -90,9 +90,9 @@ .md-content table th, .md-content table:not(.highlighttable, .highlight table, .gist .highlight) td { min-width: 80px; - padding: 8px 5px; + padding: 6px 13px; line-height: 1.5; - border-bottom: 1px solid var(--border); + border: 1px solid var(--border); } .md-content table th { @@ -165,7 +165,7 @@ .md-content blockquote { margin: 1rem 0; padding-inline-start: 1rem; - border-inline-start: 0.3rem solid var(--primary); + border-inline-start: 0.3rem solid var(--content); } .md-content hr { @@ -213,11 +213,14 @@ .md-content h6:hover .anchor { display: inline-flex; color: var(--secondary); - margin-inline-start: 8px; + margin-inline-start: 0.5em; font-weight: 500; user-select: none; } +.anchor:hover { + color: var(--content) !important; +} .md-content img.in-text { display: inline; diff --git a/assets/css/common/post-entry.css b/assets/css/common/post-entry.css index 4809c7041b..8422455788 100644 --- a/assets/css/common/post-entry.css +++ b/assets/css/common/post-entry.css @@ -34,6 +34,7 @@ } .home-info .entry-content { + --content-gap: 0.5rem; -webkit-line-clamp: unset; margin: 0; } @@ -49,12 +50,14 @@ padding: var(--gap); background: var(--entry); border-radius: var(--radius); - transition: transform 0.1s; + transition: transform 0.25s ease; border: 1px solid var(--border); } -.post-entry:active { - transform: scale(0.96); +.post-entry:hover, +.post-entry:focus-within { + transform: translateY(-2px); + border-color: var(--tertiary); } .tag-entry .entry-cover { @@ -93,6 +96,7 @@ right: 0; top: 0; bottom: 0; + border-radius: var(--radius); } .entry-hint { @@ -108,7 +112,6 @@ font-size: 14px; margin-bottom: var(--gap); text-align: center; - border-radius: var(--radius); display: flex; flex-direction: column; gap: .5rem; diff --git a/assets/css/common/search.css b/assets/css/common/search.css index 5ea9d3b036..b14dfc4173 100644 --- a/assets/css/common/search.css +++ b/assets/css/common/search.css @@ -7,38 +7,35 @@ border-radius: var(--radius); } -.searchbox input:focus { - border-color: var(--secondary); -} - .searchResults li { list-style: none; border-radius: var(--radius); - padding: 10px; - margin: 10px 0; + padding: 10px 15px; position: relative; font-weight: 500; + display: flex; + align-items: center; + justify-content: space-between; + background: var(--entry); + transition: transform .25s ease; + border: 1px solid var(--border); } .searchResults { - margin: 10px 0; + margin: var(--content-gap) 0; width: 100%; + display: flex; + flex-direction: column; + gap: 10px; } -.searchResults li:active { - transition: transform 0.1s; - transform: scale(0.98); -} - -.searchResults a { - position: absolute; - width: 100%; - height: 100%; - top: 0px; - left: 0px; +.searchResults li:hover, +.searchResults li:focus-within { + transform: translateY(-2px); + border-color: var(--tertiary); } -.searchResults .focus { - transform: scale(0.98); - border: 2px solid var(--tertiary); +.searchResults li .entry-link:focus { + outline: 2px solid var(--secondary); + outline-offset: -2px; } diff --git a/assets/css/common/terms.css b/assets/css/common/terms.css index d04c603548..017bf3434b 100644 --- a/assets/css/common/terms.css +++ b/assets/css/common/terms.css @@ -1,7 +1,7 @@ .terms-tags { display: flex; flex-wrap: wrap; - gap: 20px; + gap: 1em; margin-top: var(--content-gap); } @@ -14,11 +14,6 @@ display: block; padding: 4px 10px; background: var(--tertiary); - border-radius: 6px; + border-radius: var(--radius); transition: transform 0.1s; } - -.terms-tags a:active { - background: var(--tertiary); - transform: scale(0.96); -} diff --git a/assets/js/fastsearch.js b/assets/js/fastsearch.js index 9484e751b9..53364d1095 100644 --- a/assets/js/fastsearch.js +++ b/assets/js/fastsearch.js @@ -79,7 +79,7 @@ sInput.onkeyup = function (e) { if (fuse) { let results; if (params.fuseOpts) { - results = fuse.search(this.value.trim(), {limit: params.fuseOpts.limit}); // the actual query being run using fuse.js along with options + results = fuse.search(this.value.trim(), { limit: params.fuseOpts.limit }); // the actual query being run using fuse.js along with options } else { results = fuse.search(this.value.trim()); // the actual query being run using fuse.js } @@ -88,8 +88,12 @@ sInput.onkeyup = function (e) { let resultSet = ''; // our results bucket for (let item in results) { - resultSet += `