diff --git a/exampleSite/content/en/features/dark-mode/images/geekdoc-dark.png b/exampleSite/content/en/features/dark-mode/images/geekdoc-dark.png index aa88b411..be1cb9d2 100644 Binary files a/exampleSite/content/en/features/dark-mode/images/geekdoc-dark.png and b/exampleSite/content/en/features/dark-mode/images/geekdoc-dark.png differ diff --git a/exampleSite/content/en/features/multilingual/images/translation-available.png b/exampleSite/content/en/features/multilingual/images/translation-available.png index 838d06e2..2b50363e 100644 Binary files a/exampleSite/content/en/features/multilingual/images/translation-available.png and b/exampleSite/content/en/features/multilingual/images/translation-available.png differ diff --git a/exampleSite/content/en/features/multilingual/images/translation-not-available.png b/exampleSite/content/en/features/multilingual/images/translation-not-available.png index 8220acf0..5d871591 100644 Binary files a/exampleSite/content/en/features/multilingual/images/translation-not-available.png and b/exampleSite/content/en/features/multilingual/images/translation-not-available.png differ diff --git a/exampleSite/content/en/features/theming/_index.md b/exampleSite/content/en/features/theming/_index.md index ec165f88..d443316c 100644 --- a/exampleSite/content/en/features/theming/_index.md +++ b/exampleSite/content/en/features/theming/_index.md @@ -8,7 +8,7 @@ title: Theming If you want to customize the theme's color scheme to give it your individual touch, you are only a few lines of CSS away. Generally, you need to override the default settings. The easiest way to do this is to create a file named `static/custom.css` right at the root of your site. -All the necessary CSS customization properties are listed below. If you want to customize elements that don't use these properties, you can always look up the class name and override it directly. For inspiration, you can also take a look at [https://www.color-hex.com/color-palettes/](https://www.color-hex.com/). In this simple example, we'll use the [_Beach_](https://www.color-hex.com/color-palette/895) color palette. +All the necessary CSS customization properties are listed below. If you want to customize elements that don't use these properties, you can always look up the class name and override it directly. For inspiration, you can also take a look at [https://www.color-hex.com](https://www.color-hex.com/color-palettes/). In this simple example, we'll use the [_Beach_](https://www.color-hex.com/color-palette/895) color palette. [![Beach Color Palette](images/theme-example.png)](images/theme-example.png) diff --git a/exampleSite/content/en/features/theming/images/theme-example.png b/exampleSite/content/en/features/theming/images/theme-example.png index 5074a37a..fb0ec832 100644 Binary files a/exampleSite/content/en/features/theming/images/theme-example.png and b/exampleSite/content/en/features/theming/images/theme-example.png differ diff --git a/exampleSite/content/en/usage/menus.md b/exampleSite/content/en/usage/menus.md index d8f154d6..a9288a88 100644 --- a/exampleSite/content/en/usage/menus.md +++ b/exampleSite/content/en/usage/menus.md @@ -29,8 +29,6 @@ content/ └── level-2-2.md ``` -[![Example file-tree menu](/media/file-tree.png)](/media/file-tree.png) - ## Bundle menu This type of navigation needs to be enabled first by setting `geekdocMenuBundle` to `true` in your [site configuration](/usage/configuration/#site-configuration). After you have activated the bundle menu, you start with an empty navigation. This is intentional because bundle menus have to be defined manually in a data file. While this increases the effort it also offers maximum flexibility in the design. The data file needs to be written in YAML and placed at `data/menu/main.yaml`. @@ -68,8 +66,6 @@ main: As an advantage you can add [icons](/features/icon-sets/) to your menu entries e.g. `icon: "gdoc_notification"`. -[![Example bundle menu](/media/bundle-menu.png)](/media/bundle-menu.png) - ### More menu {{< hint type=tip >}} @@ -97,8 +93,6 @@ more: icon: "gdoc_github" ``` -[![Example bundle menu](/media/more-menu.png)](/media/more-menu.png) - ## Extra Header Menu If you want to customize the header menu, this can be achieved by using a data file written in YAML and placed at `data/menu/extra.yaml`. diff --git a/exampleSite/static/custom.css.example b/exampleSite/static/custom.css.example index 2a974fc4..7f989d04 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: #f8f9fa; + --code-background: #f5f6f8; --code-accent-color: #e3e7eb; --code-accent-color-lite: #eff1f3; --code-font-color: #5f5f5f; - --code-copy-background: #f8f9fa; + --code-copy-background: #f5f6f8; --code-copy-font-color: #6b7784; --code-copy-border-color: #adb4bc; --code-copy-success-color: #00c853; @@ -36,10 +36,10 @@ --control-icons: #b2bac1; - --footer-background: #efefef; - --footer-font-color: #efefef; - --footer-link-color: #efefef; - --footer-link-color-visited: #efefef; + --footer-background: #2f333e; + --footer-font-color: #ffffff; + --footer-link-color: #ffcc5c; + --footer-link-color-visited: #ffcc5c; } @media (prefers-color-scheme: light) { :root { @@ -57,12 +57,12 @@ --link-color: #518169; --link-color-visited: #c54e8a; - --code-background: #f8f9fa; + --code-background: #f5f6f8; --code-accent-color: #e3e7eb; --code-accent-color-lite: #eff1f3; --code-font-color: #5f5f5f; - --code-copy-background: #f8f9fa; + --code-copy-background: #f5f6f8; --code-copy-font-color: #6b7784; --code-copy-border-color: #adb4bc; --code-copy-success-color: #00c853; @@ -72,10 +72,10 @@ --control-icons: #b2bac1; - --footer-background: #112b3c; + --footer-background: #2f333e; --footer-font-color: #ffffff; - --footer-link-color: #f66b0e; - --footer-link-color-visited: #f66b0e; + --footer-link-color: #ffcc5c; + --footer-link-color-visited: #ffcc5c; } } @@ -110,10 +110,10 @@ --control-icons: #b2bac1; - --footer-background: #112b3c; + --footer-background: #2f333e; --footer-font-color: #ffffff; - --footer-link-color: #f66b0e; - --footer-link-color-visited: #f66b0e; + --footer-link-color: #ffcc5c; + --footer-link-color-visited: #ffcc5c; } @media (prefers-color-scheme: dark) { :root { @@ -146,9 +146,9 @@ --control-icons: #b2bac1; - --footer-background: #112b3c; + --footer-background: #2f333e; --footer-font-color: #ffffff; - --footer-link-color: #f66b0e; - --footer-link-color-visited: #f66b0e; + --footer-link-color: #ffcc5c; + --footer-link-color-visited: #ffcc5c; } } diff --git a/exampleSite/static/media/bundle-menu.png b/exampleSite/static/media/bundle-menu.png deleted file mode 100644 index 180d7399..00000000 Binary files a/exampleSite/static/media/bundle-menu.png and /dev/null differ diff --git a/exampleSite/static/media/file-tree.png b/exampleSite/static/media/file-tree.png deleted file mode 100644 index ae170dbf..00000000 Binary files a/exampleSite/static/media/file-tree.png and /dev/null differ diff --git a/exampleSite/static/media/more-menu.png b/exampleSite/static/media/more-menu.png deleted file mode 100644 index a1746db3..00000000 Binary files a/exampleSite/static/media/more-menu.png and /dev/null differ diff --git a/exampleSite/static/socialmedia2.png b/exampleSite/static/socialmedia2.png index 45e7d4e5..59c336aa 100644 Binary files a/exampleSite/static/socialmedia2.png and b/exampleSite/static/socialmedia2.png differ