diff --git a/.drone.yml b/.drone.yml index b10c0ba..dc82570 100644 --- a/.drone.yml +++ b/.drone.yml @@ -45,7 +45,7 @@ steps: LINK_VALIDATOR_RETRIES: 3 - name: page-validation - image: thegeeklab/lhci + image: thegeeklab/lhci:0.11 commands: - lhci autorun environment: @@ -287,6 +287,6 @@ depends_on: --- kind: signature -hmac: f1a7b521c40a3571acfafe30268d628a4c0fc359988917bcc63953cc1a311707 +hmac: da9896c5892fff7425a4594cea8576d065aeacae177ffa2d411782721e61a1fb ... diff --git a/.lighthouserc.yml b/.lighthouserc.yml index 7297a45..73e31a7 100644 --- a/.lighthouserc.yml +++ b/.lighthouserc.yml @@ -2,21 +2,20 @@ ci: collect: numberOfRuns: 3 - psiStrategy: desktop staticDistDir: exampleSite/public url: - http://localhost/ - http://localhost/404.html - - http://localhost/posts/ + - http://localhost/usage/getting-started/ settings: chromeFlags: "--no-sandbox" - throttling: - cpuSlowdownMultiplier: "2.0" assert: preset: "lighthouse:no-pwa" assertions: uses-long-cache-ttl: off csp-xss: off + # FIXME: https://github.com/GoogleChrome/lighthouse/issues/14957 + bf-cache: off tap-targets: warn unsized-images: warn image-size-responsive: warn diff --git a/exampleSite/content/en/features/theming/_index.md b/exampleSite/content/en/features/theming/_index.md index 5dd8622..ec165f8 100644 --- a/exampleSite/content/en/features/theming/_index.md +++ b/exampleSite/content/en/features/theming/_index.md @@ -53,9 +53,9 @@ If you want to add more Favicon formats you have to [overwrite](https://gohugo.i - - - + + + ``` Happy customizing! diff --git a/exampleSite/static/custom.css.example b/exampleSite/static/custom.css.example index 7f989d0..2a974fc 100644 --- a/exampleSite/static/custom.css.example +++ b/exampleSite/static/custom.css.example @@ -21,12 +21,12 @@ --link-color: #518169; --link-color-visited: #c54e8a; - --code-background: #f5f6f8; + --code-background: #f8f9fa; --code-accent-color: #e3e7eb; --code-accent-color-lite: #eff1f3; --code-font-color: #5f5f5f; - --code-copy-background: #f5f6f8; + --code-copy-background: #f8f9fa; --code-copy-font-color: #6b7784; --code-copy-border-color: #adb4bc; --code-copy-success-color: #00c853; @@ -36,10 +36,10 @@ --control-icons: #b2bac1; - --footer-background: #2f333e; - --footer-font-color: #ffffff; - --footer-link-color: #ffcc5c; - --footer-link-color-visited: #ffcc5c; + --footer-background: #efefef; + --footer-font-color: #efefef; + --footer-link-color: #efefef; + --footer-link-color-visited: #efefef; } @media (prefers-color-scheme: light) { :root { @@ -57,12 +57,12 @@ --link-color: #518169; --link-color-visited: #c54e8a; - --code-background: #f5f6f8; + --code-background: #f8f9fa; --code-accent-color: #e3e7eb; --code-accent-color-lite: #eff1f3; --code-font-color: #5f5f5f; - --code-copy-background: #f5f6f8; + --code-copy-background: #f8f9fa; --code-copy-font-color: #6b7784; --code-copy-border-color: #adb4bc; --code-copy-success-color: #00c853; @@ -72,10 +72,10 @@ --control-icons: #b2bac1; - --footer-background: #2f333e; + --footer-background: #112b3c; --footer-font-color: #ffffff; - --footer-link-color: #ffcc5c; - --footer-link-color-visited: #ffcc5c; + --footer-link-color: #f66b0e; + --footer-link-color-visited: #f66b0e; } } @@ -110,10 +110,10 @@ --control-icons: #b2bac1; - --footer-background: #2f333e; + --footer-background: #112b3c; --footer-font-color: #ffffff; - --footer-link-color: #ffcc5c; - --footer-link-color-visited: #ffcc5c; + --footer-link-color: #f66b0e; + --footer-link-color-visited: #f66b0e; } @media (prefers-color-scheme: dark) { :root { @@ -146,9 +146,9 @@ --control-icons: #b2bac1; - --footer-background: #2f333e; + --footer-background: #112b3c; --footer-font-color: #ffffff; - --footer-link-color: #ffcc5c; - --footer-link-color-visited: #ffcc5c; + --footer-link-color: #f66b0e; + --footer-link-color-visited: #f66b0e; } } diff --git a/images/readme.png b/images/readme.png index d9ce581..10c8ff1 100644 Binary files a/images/readme.png and b/images/readme.png differ diff --git a/images/screenshot.png b/images/screenshot.png index 7ac2579..be1cb9d 100644 Binary files a/images/screenshot.png and b/images/screenshot.png differ diff --git a/images/tn.png b/images/tn.png index b3bb1d3..ee6e42e 100644 Binary files a/images/tn.png and b/images/tn.png differ diff --git a/src/sass/_base.scss b/src/sass/_base.scss index a3562be..650c4fd 100644 --- a/src/sass/_base.scss +++ b/src/sass/_base.scss @@ -162,7 +162,7 @@ img { width: 100%; max-width: $container-max-width; margin: 0 auto; - padding: $padding-16; + padding: $padding-20; } svg.gdoc-icon { @@ -272,7 +272,7 @@ svg.gdoc-icon { } li { - margin: $padding-8 0; + margin: $padding-12 0; } svg.gdoc-icon { @@ -749,6 +749,10 @@ svg.gdoc-icon { .gdoc-toc { margin: $padding-16 0; + li { + margin: $padding-4 0; + } + // Classes to hide nested levels of ToC/Menu &__level--1 ul ul, &__level--2 ul ul ul, diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss index 4f7c5ad..6aa19c7 100644 --- a/src/sass/_defaults.scss +++ b/src/sass/_defaults.scss @@ -2,6 +2,7 @@ $padding-2: 0.125rem !default; $padding-4: 0.25rem !default; $padding-8: 0.5rem !default; +$padding-12: 0.75rem !default; $padding-16: 1rem !default; $padding-20: 1.25rem !default; $padding-24: 1.5rem !default; @@ -42,7 +43,7 @@ $black: rgba(0, 0, 0, 1) !default; $link-color: rgba(10, 83, 154, 1) !default; $link-color-visited: rgba(119, 73, 191, 1) !default; -$link-color-footer: rgba(255, 163, 30, 1) !default; +$link-color-footer: rgba(246, 107, 14, 1) !default; $body-background: white !default; $body-font-color: $gray-800 !default; @@ -52,21 +53,20 @@ $body-min-width: 20rem !default; $code-font-color: rgba(70, 70, 70, 1) !default; $code-font-color-dark: rgba(185, 185, 185, 1) !default; -$body-background-dark: $gray-800 !default; -$body-font-color-dark: $gray-100 !default; - $container-max-width: 82rem !default; -$main-color: rgba(65, 134, 201, 1) !default; -$second-color: rgba(47, 51, 62, 1) !default; +$main-color: rgba(32, 83, 117, 1) !default; +$second-color: rgba(17, 43, 60, 1) !default; $mark-color: rgba(255, 171, 0, 1) !default; $body-background-dark: mix(invert($body-background, 75%), $second-color) !default; +$body-font-color-dark: $gray-100 !default; + $link-color-dark: rgba(110, 168, 212, 1) !default; $link-color-visited-dark: rgba(186, 142, 240) !default; $code-background: $gray-100 !default; -$code-background-dark: darken($body-background-dark, 2) !default; +$code-background-dark: darken($body-background-dark, 3) !default; $header-height: 3.5rem !default; $menu-width: 18rem !default; diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss index 456514f..8b2552e 100644 --- a/src/sass/_markdown.scss +++ b/src/sass/_markdown.scss @@ -1,5 +1,5 @@ .gdoc-markdown { - line-height: $padding-24; + line-height: 1.6rem; h1, h2, diff --git a/src/static/brand.svg b/src/static/brand.svg index e20f9c5..041131a 100644 --- a/src/static/brand.svg +++ b/src/static/brand.svg @@ -1,88 +1,57 @@ - + + sodipodi:docname="brand.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + id="defs1499" /> - - - - image/svg+xml - - - - - + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="agenda-pencil" /> - - - - - + id="g157" + transform="translate(0.06082949)"> + + + diff --git a/src/static/favicon/favicon.svg b/src/static/favicon/favicon.svg index 1aeb79d..bee9aab 100644 --- a/src/static/favicon/favicon.svg +++ b/src/static/favicon/favicon.svg @@ -1,76 +1,57 @@ - + + sodipodi:docname="favicon.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + id="defs1499" /> - - - - image/svg+xml - - - - - + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="agenda-pencil" /> - - - - + id="g157" + transform="translate(0.06082953)"> + + + diff --git a/webpack.config.js b/webpack.config.js index 392f47c..aea3173 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -60,8 +60,8 @@ var config = { new WebpackFavicons({ src: path.resolve("src", "static", "favicon", "favicon.svg"), path: "favicon/", - background: "#2f333e", - theme_color: "#2f333e", + background: "#efefef", + theme_color: "#efefef", icons: { android: { offset: 10 }, appleIcon: { offset: 10 },