Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 167d43d

Browse files
KieranKaelinKieranKaelin
committedAug 26, 2024·
chore: add .idea to gitignore
feat: add custom `hugo.toml` feat: add products to more menu feat: add `A product of CYBERTEC` at the bottom of pages wip ci: add release workflow ci: add `runs-on` directive ci: fix tar command ci: remove tar after extract ci: fix directory ci: put source on `dev` and push dist to `main` ci: squash history on main branch ci: fix dist folder docs: update readme
1 parent d5952d7 commit 167d43d

32 files changed

+961
-215
lines changed
 

‎.github/workflows/release.yaml

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
name: Release
2+
3+
on:
4+
push:
5+
branches:
6+
- dev
7+
8+
env:
9+
RELEASE_TAR: ./dist/hugo-geekdoc.tar.gz
10+
11+
jobs:
12+
release:
13+
runs-on: ubuntu-latest
14+
steps:
15+
- uses: actions/checkout@v4
16+
17+
- uses: actions/setup-node@v4
18+
with:
19+
node-version: 20
20+
cache: 'npm'
21+
22+
- name: Install dependencies
23+
run: npm ci
24+
25+
- name: Build assets
26+
run: npm run build
27+
28+
- name: Pack
29+
run: npm run pack
30+
31+
- name: Extract release to directory
32+
run: |
33+
tar -xf ./dist/hugo-geekdoc.tar.gz -C ./dist; rm ./dist/hugo-geekdoc.tar.gz
34+
35+
- name: Push to main branch
36+
uses: s0/git-publish-subdir-action@develop
37+
env:
38+
REPO: self
39+
BRANCH: main
40+
FOLDER: dist
41+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
42+
SQUASH_HISTORY: true

‎.gitignore

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# local environments
2+
.idea
23
.swp
34
.env*
45
/dist/
@@ -15,9 +16,8 @@ VERSION
1516
exampleSite/content/de
1617

1718
# auto-generated files
18-
/data/
19+
/data/assets.json
1920
/static/
20-
/assets/sprites/
2121
/resources/
2222
/exampleSite/resources/
2323
/exampleSite/data/sprites/

‎.tarignore

+1
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ local*
2020
dist
2121
src
2222
build
23+
images
2324
renovate*
2425
resources
2526
CONTRIBUTING.md

‎README.md

+67-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,70 @@
1-
# Geekdoc
1+
# CYBERTEC Geekdoc
2+
3+
A CYBERTEC themed fork of [geekdoc](https://github.com/thegeeklab/hugo-geekdoc), a Hugo theme made for documentation.
4+
5+
---
6+
7+
## Requirements
8+
9+
- [`go`](https://go.dev/doc/install)
10+
- [`hugo`](https://gohugo.io/installation/)
11+
12+
## Usage
13+
14+
Initialize a new hugo site:
15+
16+
```shell
17+
hugo new site <site-name>
18+
cd <site-name>
19+
```
20+
21+
Initialize the site as a go module:
22+
23+
```shell
24+
hugo mod init github.com/cybertec-postgresql/<repository-name>
25+
```
26+
27+
Add the following to your `hugo.toml` to use this theme, including functional code-highlighting:
28+
29+
```toml
30+
# hugo.toml
31+
pygmentsCodeFences = true
32+
pygmentsUseClasses = true
33+
34+
[module]
35+
[[module.imports]]
36+
path = 'github.com/cybertec-postgresql/hugo-geekdoc'
37+
```
38+
39+
Fetch the module
40+
41+
```shell
42+
hugo mod get -u
43+
```
44+
45+
Build your page
46+
```shell
47+
hugo --minify
48+
# You may optionally overwrite the `baseURL`
49+
hugo --minify -b "/docs/"
50+
```
51+
52+
## Update
53+
54+
To retrieve the latest version of this theme, simply run
55+
56+
```shell
57+
hugo mod get -u
58+
hugo mod tidy
59+
```
60+
61+
## Development
62+
63+
The fork and source code is located inside the `dev` branch. On push, a GitHub Actions workflow will build and push the release to the `main` branch.
64+
65+
The contents below are from the original Geekdoc README.
66+
67+
---
268

369
[![Build Status](https://ci.thegeeklab.de/api/badges/thegeeklab/hugo-geekdoc/status.svg)](https://ci.thegeeklab.de/repos/thegeeklab/hugo-geekdoc)
470
[![Hugo Version](https://img.shields.io/badge/hugo-0.112-blue.svg)](https://gohugo.io)

‎assets/sprites/cpo.svg

+44
Loading

‎assets/sprites/cybertec.svg

+67
Loading

‎assets/sprites/cypex.svg

+61
Loading

‎assets/sprites/geekdoc.svg

+1
Loading

‎assets/sprites/migrator.svg

+48
Loading

‎assets/sprites/pgwatch.svg

+23
Loading

‎assets/sprites/scalefield.svg

+108
Loading

‎config/_default/hugo.toml

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
disablePathToLower = true
2+
enableGitInfo = true
3+
enableRobotsTXT = true
4+
5+
[taxonomies]
6+
tag = "tags"
7+
8+
[params]
9+
geekdocCollapseAllSections = true

‎data/menu/more.yaml

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
---
2+
more:
3+
- name: CYBERTEC
4+
icon: "cybertec"
5+
ref: "https://www.cybertec-postgresql.com"
6+
external: true
7+
- name: CPO
8+
icon: "cpo"
9+
ref: "https://github.com/cybertec-postgresql/CYBERTEC-pg-operator"
10+
external: true
11+
- name: CYPEX
12+
icon: "cypex"
13+
ref: "https://www.cybertec-postgresql.com/en/products/cypex/"
14+
external: true
15+
- name: Migrator
16+
icon: "migrator"
17+
ref: "https://www.cybertec-postgresql.com/en/products/cybertec-migrator/"
18+
external: true
19+
- name: Scalefield
20+
icon: "scalefield"
21+
ref: "https://www.cybertec-postgresql.com/en/products/scalefield/"
22+
external: true
23+
- name: pgwatch
24+
icon: "pgwatch"
25+
ref: "https://pgwatch.com/"
26+
external: true

‎go.mod

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
module github.com/cybertec-postgresql/hugo-geekdoc
2+
3+
go 1.22.5

‎i18n/de.yaml

+4-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ edit_page: Seite bearbeiten
33

44
nav_navigation: Navigation
55
nav_tags: Tags
6-
nav_more: Weitere
6+
nav_more: Weiteres
77
nav_top: Nach oben
88

99
form_placeholder_search: Suchen
@@ -51,3 +51,6 @@ propertylist_default: Standardwert
5151
pagination_page_prev: vorher
5252
pagination_page_next: weiter
5353
pagination_page_state: "{{ .PageNumber }}/{{ .TotalPages }}"
54+
55+
custom_product_of_cybertec: Ein Produkt von CYBERTEC
56+
custom_support_button: Support

‎i18n/en.yaml

+3
Original file line numberDiff line numberDiff line change
@@ -51,3 +51,6 @@ propertylist_default: default
5151
pagination_page_prev: prev
5252
pagination_page_next: next
5353
pagination_page_state: "{{ .PageNumber }}/{{ .TotalPages }}"
54+
55+
custom_product_of_cybertec: A product of CYBERTEC
56+
custom_support_button: Support

‎layouts/_default/list.html

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
{{ define "main" }}
22
{{ partial "page-header" . }}
33

4+
<section class="gdoc-markdown__title">
5+
<h1>{{ partial "utils/title" . }}</h1>
6+
</section>
47

58
<article
69
class="gdoc-markdown gdoc-markdown__align--{{ default "left" (.Page.Params.geekdocAlign | lower) }}"
710
>
8-
<h1>{{ partial "utils/title" . }}</h1>
911
{{ partial "utils/content" . }}
1012
</article>
1113
{{ end }}

‎layouts/_default/single.html

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
{{ define "main" }}
22
{{ partial "page-header" . }}
33

4-
4+
<section class="gdoc-markdown__title">
5+
<h1>{{ partial "utils/title" . }}</h1>
6+
</section>
57
<article
68
class="gdoc-markdown gdoc-markdown__align--{{ default "left" (.Page.Params.geekdocAlign | lower) }}"
79
>
8-
<h1>{{ partial "utils/title" . }}</h1>
910
{{ partial "utils/content" . }}
1011
</article>
1112
{{ end }}

‎layouts/partials/head/favicons.html

+9-13
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,9 @@
1-
<link rel="icon" type="image/svg+xml" href="{{ "favicon/favicon.svg" | relURL }}" />
2-
<link
3-
rel="icon"
4-
type="image/png"
5-
sizes="32x32"
6-
href="{{ "favicon/favicon-32x32.png" | relURL }}"
7-
/>
8-
<link
9-
rel="icon"
10-
type="image/png"
11-
sizes="16x16"
12-
href="{{ "favicon/favicon-16x16.png" | relURL }}"
13-
/>
1+
<link rel="apple-touch-icon" sizes="180x180" href="{{ "favicon/apple-touch-icon.png" | relURL }}">
2+
<link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon/favicon-32x32.png" | relURL }}">
3+
<link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon/favicon-16x16.png" | relURL }}">
4+
<link rel="manifest" href="{{ "favicon/site.webmanifest" | relURL }}">
5+
<link rel="mask-icon" color="#5bbad5" href="{{ "favicon/safari-pinned-tab.svg" | relURL }}">
6+
<link rel="shortcut icon" href="{{ "favicon/favicon.ico" | relURL }}">
7+
<meta name="msapplication-TileColor" content="#da532c">
8+
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
9+
<meta name="theme-color" content="#ffffff">

‎layouts/partials/head/others.html

-15
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,6 @@
33
{{- end }}
44
<script src="{{ index (index .Site.Data.assets "main.js") "src" | relURL }}"></script>
55

6-
<link
7-
rel="preload"
8-
as="font"
9-
href="{{ "fonts/Metropolis.woff2" | relURL }}"
10-
type="font/woff2"
11-
crossorigin="anonymous"
12-
/>
13-
<link
14-
rel="preload"
15-
as="font"
16-
href="{{ "fonts/LiberationSans.woff2" | relURL }}"
17-
type="font/woff2"
18-
crossorigin="anonymous"
19-
/>
20-
216
<link
227
rel="preload"
238
href="{{ index (index .Site.Data.assets "main.scss") "src" | relURL }}"

‎layouts/partials/menu-filetree-np.html

+1
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,7 @@
9393
</a>
9494
{{ end }}
9595
</span>
96+
<span class="gdoc-page__nav__product">{{ i18n "custom_product_of_cybertec" }}</span>
9697
<span class="gdoc-page__nav">
9798
{{ with ($current.Scratch.Get "nextPage") }}
9899
<a

‎layouts/partials/menu.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44

55
<section class="gdoc-nav--main">
6-
<h2>{{ i18n "nav_navigation" }}</h2>
6+
<h4>{{ i18n "nav_navigation" }}</h4>
77
{{ if .Site.Params.geekdocMenuBundle }}
88
{{ partial "menu-bundle" (dict "current" . "source" .Site.Data.menu.main.main) }}
99
{{ else }}
@@ -37,7 +37,7 @@ <h2>{{ i18n "nav_tags" }}</h2>
3737

3838
<section class="gdoc-nav--more">
3939
{{ if .Site.Data.menu.more.more }}
40-
<h2>{{ i18n "nav_more" }}</h2>
40+
<h4>{{ i18n "nav_more" }}</h4>
4141
{{ partial "menu-bundle" (dict "current" . "source" .Site.Data.menu.more.more) }}
4242
{{ end }}
4343
</section>

‎layouts/partials/site-footer.html

+15-42
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,18 @@
11
<footer class="gdoc-footer">
2-
<nav class="container flex">
3-
<div>
4-
<section class="flex flex-wrap align-center">
5-
<span class="gdoc-footer__item gdoc-footer__item--row">
6-
{{ i18n "footer_build_with" | safeHTML }}
7-
</span>
8-
{{ with .Site.Params.geekdocLegalNotice }}
9-
<span class="gdoc-footer__item gdoc-footer__item--row">
10-
<a href="{{ . | relURL }}" class="gdoc-footer__link">
11-
{{ i18n "footer_legal_notice" }}
12-
</a>
13-
</span>
14-
{{ end }}
15-
{{ with .Site.Params.geekdocPrivacyPolicy }}
16-
<span class="gdoc-footer__item gdoc-footer__item--row">
17-
<a href="{{ . | relURL }}" class="gdoc-footer__link">
18-
{{ i18n "footer_privacy_policy" }}
19-
</a>
20-
</span>
21-
{{ end }}
22-
</section>
23-
{{ with .Site.Params.geekdocContentLicense }}
24-
<section class="flex flex-wrap align-center">
25-
<span class="gdoc-footer__item">
26-
{{ i18n "footer_content_license_prefix" }}
27-
<a href="{{ .link }}" class="gdoc-footer__link no-wrap">{{ .name }}</a>
28-
</span>
29-
</section>
30-
{{ end }}
31-
</div>
32-
{{ if (default true .Site.Params.geekdocBackToTop) }}
33-
<div class="flex flex-25 justify-end">
34-
<span class="gdoc-footer__item text-right">
35-
<a class="gdoc-footer__link fake-link" href="#" aria-label="{{ i18n "nav_top" }}">
36-
<svg class="gdoc-icon gdoc_keyboard_arrow_up">
37-
<use xlink:href="#gdoc_keyboard_arrow_up"></use>
38-
</svg>
39-
<span class="hidden-mobile">{{ i18n "nav_top" }}</span>
40-
</a>
41-
</span>
2+
<div class="gdoc-footer__wrapper">
3+
<div class="gdoc-footer__line">
4+
<div class="gdoc-footer__item">
5+
<svg class="gdoc-footer__item__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
6+
<a href="tel:+43 (0) 2622 93022-0" class="gdoc-footer__link no-wrap">+43 (0) 2622 93022-0</a>
7+
</div>
8+
<div class="gdoc-footer__item">
9+
<svg class="gdoc-footer__item__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
10+
<a href="mailto:office@cybertec-postgresql.com" class="gdoc-footer__link no-wrap">office@cybertec-postgresql.com</a>
4211
</div>
43-
{{ end }}
44-
</nav>
12+
<div class="gdoc-footer__item">
13+
<svg class="gdoc-footer__item__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>
14+
<a href="https://www.cybertec-postgresql.com" class="gdoc-footer__link no-wrap" target="_blank" rel="noopener noreferrer">www.cybertec-postgresql.com</a>
15+
</div>
16+
</div>
17+
</div>
4518
</footer>

‎layouts/partials/site-header.html

+3
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,9 @@
5757

5858
{{ partial "language" .Root }}
5959

60+
<span class="gdoc-support__button">
61+
<a href="https://cybertec.atlassian.net/servicedesk/customer/portals" target="_blank" rel="noopener noreferrer">{{ i18n "custom_support_button" }}</a>
62+
</span>
6063

6164
<span class="gdoc-menu-header__control">
6265
<label for="menu-header-control">

‎src/static/brand.svg

+36-69
Loading

‎src/static/custom.css

+342-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,342 @@
1-
/* You can add custom styles here. */
1+
/* Custom variables */
2+
:root {
3+
--ci-color-primary: #153558;
4+
--ci-color-secondary: #4ec1ec;
5+
--ci-color-tertiary: #3880ad;
6+
--ci-color-text: #40424a;
7+
--ci-color-success: #006600;
8+
--ci-color-error1: #cc3333;
9+
--ci-color-error2: #f52222;
10+
--ci-lightest-of-blues: #eaf4ff;
11+
--ci-color-white: #ffffff;
12+
13+
--custom-border-radius: 3px;
14+
--custom-color-heading-color-alternative: var(--ci-color-tertiary);
15+
--custom-color-heading-color: var(--ci-color-primary);
16+
--custom-footer-link-color: var(--ci-color-white);
17+
--custom-header-height: 80px;
18+
--custom-header-margin: 2rem;
19+
--custom-link-color: var(--ci-color-tertiary);
20+
--custom-paper-color: #ffffff;
21+
}
22+
23+
/* Light mode (modify both object at the same time) */
24+
:root[color-theme="light"] {
25+
--accent-color: unset;
26+
--body-background: var(--ci-lightest-of-blues);
27+
--body-font-color: var(--ci-color-text);
28+
--code-copy-success-color: var(--ci-color-success);
29+
--custom-color-heading-color-alternative: var(--ci-color-tertiary);
30+
--custom-color-heading-color: var(--ci-color-primary);
31+
--custom-paper-color: var(--ci-color-white);
32+
--footer-background: var(--ci-color-primary);
33+
--header-background: var(--ci-color-primary);
34+
}
35+
36+
@media (prefers-color-scheme: light) {
37+
:root {
38+
--accent-color: unset;
39+
--body-background: var(--ci-lightest-of-blues);
40+
--body-font-color: var(--ci-color-text);
41+
--code-copy-success-color: var(--ci-color-success);
42+
--custom-color-heading-color-alternative: var(--ci-color-tertiary);
43+
--custom-color-heading-color: var(--ci-color-primary);
44+
--custom-paper-color: var(--ci-color-white);
45+
--footer-background: var(--ci-color-primary);
46+
--header-background: var(--ci-color-primary);
47+
}
48+
}
49+
50+
51+
/* Dark mode (modify both object at the same time) */
52+
:root[color-theme="dark"] {
53+
--accent-color: unset;
54+
--body-background: #0b223a;
55+
--custom-color-heading-color-alternative: var(--ci-color-secondary);
56+
--custom-color-heading-color: var(--ci-color-white);
57+
--custom-paper-color: var(--ci-color-primary);
58+
--header-background: var(--ci-color-primary);
59+
/* Fix the $$ highlighting */
60+
.chroma .err {
61+
color: inherit;
62+
background-color: inherit;
63+
}
64+
}
65+
66+
@media (prefers-color-scheme: dark) {
67+
:root {
68+
--accent-color: unset;
69+
--body-background: #0b223a;
70+
--custom-color-heading-color-alternative: var(--ci-color-secondary);
71+
--custom-color-heading-color: var(--ci-color-white);
72+
--custom-paper-color: var(--ci-color-primary);
73+
--header-background: var(--ci-color-primary);
74+
/* Fix the $$ highlighting */
75+
.chroma .err {
76+
color: inherit;
77+
background-color: inherit;
78+
}
79+
}
80+
}
81+
82+
/* Custom fonts */
83+
@font-face {
84+
font-family: "Roboto";
85+
src: url("fonts/Roboto.ttf") format('truetype');
86+
}
87+
88+
@font-face {
89+
font-family: "Roboto";
90+
src: url("fonts/Roboto-Bold.ttf") format('truetype');
91+
font-weight: bold;
92+
}
93+
94+
@font-face {
95+
font-family: "Roboto";
96+
src: url("fonts/Roboto-Italic.ttf") format('truetype');
97+
font-style: italic;
98+
}
99+
100+
@font-face {
101+
font-family: "Source Code Pro";
102+
src: url("fonts/SourceCodePro.ttf") format('truetype');
103+
}
104+
105+
html, body, .gdoc-header {
106+
font-family: "Roboto", sans-serif;
107+
}
108+
109+
code {
110+
font-family: "Source Code Pro", monospace;
111+
overflow: auto;
112+
}
113+
114+
/* Make the logo a little bit bigger */
115+
.gdoc-brand__img {
116+
width: auto;
117+
}
118+
119+
/* Make the arrows in the navigation look to the right if the menu entry is collapsed */
120+
.gdoc_keyboard_arrow_left {
121+
transform: rotate(180deg);
122+
}
123+
124+
/* Use a solid underline for links within the navigation */
125+
.gdoc-nav__entry:hover, .gdoc-nav__entry.is-active {
126+
text-decoration: underline !important;
127+
}
128+
129+
/* Fix the header to the top of the screen */
130+
.gdoc-header {
131+
position: fixed;
132+
top: 0;
133+
left: 0;
134+
right: 0;
135+
z-index: 1;
136+
height: var(--custom-header-height);
137+
display: flex;
138+
align-items: center;
139+
}
140+
141+
/* Center items within header */
142+
.gdoc-menu-header__items {
143+
align-items: center;
144+
}
145+
146+
/* Increase the margin between header items */
147+
.gdoc-menu-header__items > span {
148+
margin-left: 0.75rem;
149+
}
150+
151+
.gdoc-language {
152+
margin-right: 0.25rem;
153+
}
154+
155+
/* Style the support button */
156+
.gdoc-support__button {
157+
background-color: var(--ci-color-secondary);
158+
padding-left: 8px;
159+
padding-right: 8px;
160+
height: 40px;
161+
display: flex;
162+
align-items: center;
163+
border-radius: var(--custom-border-radius);
164+
165+
a {
166+
color: var(--ci-color-white);
167+
text-transform: uppercase;
168+
font-weight: bold;
169+
}
170+
}
171+
172+
/* Ensure the content is leaving enough space to the top so it's not hidden beneath the fixed header */
173+
main {
174+
margin-top: var(--custom-header-margin) !important;
175+
}
176+
177+
/* Increase the height of the Search and Breadcrumbs while centering their content */
178+
.gdoc-search__input, .gdoc-page__header {
179+
height: 40px;
180+
align-items: center;
181+
}
182+
183+
/* Ensure a uniform distance between the main components */
184+
.gdoc-page__header {
185+
margin-bottom: var(--custom-header-margin);
186+
}
187+
188+
.gdoc-nav--main {
189+
margin-top: var(--custom-header-margin);
190+
}
191+
192+
/* Add a border radius and drop shadow to the main components */
193+
.gdoc-markdown, .gdoc-nav--main, .gdoc-nav--more {
194+
padding: 0 2rem 0.5rem 2rem;
195+
border-radius: var(--custom-border-radius);
196+
border: 1px solid var(--custom-paper-color);
197+
box-shadow: 0 2px 20px -10px rgba(64, 66, 74, 0.2);
198+
}
199+
200+
/* Ensure proper fit between markdown title and body */
201+
.gdoc-markdown {
202+
border-top-left-radius: 0;
203+
border-top-right-radius: 0;
204+
}
205+
206+
/* Add paper background to main components */
207+
.gdoc-markdown, .gdoc-nav--main, .gdoc-search__input, .gdoc-search__list, .gdoc-page__header, .gdoc-language__list, .gdoc-nav--more {
208+
background-color: var(--custom-paper-color);
209+
}
210+
211+
/* Use custom CI colors for warning */
212+
.gdoc-hint.warning, .gdoc-hint__title i.fa.warning {
213+
background-color: var(--ci-color-error1);
214+
color: #fff;
215+
filter: unset
216+
}
217+
218+
/* Style headings according to our CI */
219+
h1, h2, h3, h4, h5, h6 {
220+
text-transform: uppercase;
221+
letter-spacing: 0.75px;
222+
font-weight: 600;
223+
line-height: 1.2em;
224+
}
225+
226+
h1, h3, h5 {
227+
color: var(--custom-color-heading-color);
228+
}
229+
230+
h2, h4, h6 {
231+
color: var(--custom-color-heading-color-alternative);
232+
}
233+
234+
h1 {
235+
font-size: 42px !important;
236+
}
237+
238+
h2 {
239+
font-size: 27px !important;
240+
}
241+
242+
h3 {
243+
font-size: 21px !important;
244+
}
245+
246+
h4 {
247+
font-size: 20px !important;
248+
}
249+
250+
h5 {
251+
font-size: 18px !important;
252+
}
253+
254+
h6 {
255+
font-size: 16px !important;
256+
}
257+
258+
/* Format links according to CI */
259+
.gdoc-markdown__link:link {
260+
color: var(--custom-link-color);
261+
}
262+
263+
/* Add a blue background and the big-data-circle to each page title */
264+
.gdoc-markdown__title {
265+
padding-top: 0;
266+
padding-bottom: 0;
267+
margin-bottom: 0;
268+
background-color: var(--ci-color-primary);
269+
270+
background-image: linear-gradient(var(--ci-color-primary), var(--ci-color-primary)), url(img/big-data-circle.svg);
271+
background-size: auto, 50% 650px;
272+
background-repeat: no-repeat;
273+
min-height: 150px;
274+
background-position: 140% -300px;
275+
border-top-left-radius: var(--custom-border-radius);
276+
border-top-right-radius: var(--custom-border-radius);
277+
278+
display: flex;
279+
flex-direction: column;
280+
justify-content: center;
281+
282+
h1 {
283+
color: var(--ci-color-white);
284+
margin: 0 2rem 0 2rem;
285+
}
286+
}
287+
288+
289+
/* Shade the `A product of CYBERTEC` */
290+
.gdoc-page__nav__product {
291+
color: #888;
292+
}
293+
294+
/* Customize the footer */
295+
.gdoc-footer {
296+
display: flex;
297+
justify-content: center;
298+
align-items: center;
299+
min-height: var(--custom-header-height);
300+
301+
.gdoc-footer__wrapper {
302+
display: flex;
303+
flex-direction: column;
304+
gap: 1rem;
305+
max-width: 82rem;
306+
width: 100%;
307+
}
308+
309+
.gdoc-footer__line {
310+
display: flex;
311+
flex-direction: row;
312+
justify-content: space-between;
313+
align-items: center;
314+
flex-wrap: wrap;
315+
gap: 1rem;
316+
padding: 1.25rem;
317+
width: 100%;
318+
height: 100%;
319+
320+
}
321+
322+
.gdoc-footer__item {
323+
align-items: center;
324+
display: flex;
325+
gap: 0.5rem;
326+
}
327+
328+
.gdoc-footer__item__icon {
329+
height: 24px;
330+
fill: var(--ci-color-secondary)
331+
}
332+
333+
.gdoc-footer__link {
334+
color: var(--custom-footer-link-color);
335+
text-decoration: none;
336+
337+
&:hover {
338+
text-decoration: underline;
339+
}
340+
}
341+
342+
}

‎src/static/favicon/favicon.svg

+36-66
Loading

‎src/static/fonts/Roboto-Bold.ttf

133 KB
Binary file not shown.

‎src/static/fonts/Roboto-Italic.ttf

145 KB
Binary file not shown.

‎src/static/fonts/Roboto.ttf

164 KB
Binary file not shown.

‎src/static/fonts/SourceCodePro.ttf

118 KB
Binary file not shown.

‎src/static/img/big-data-circle.svg

+2
Loading

0 commit comments

Comments
 (0)
Please sign in to comment.