diff options
| author | Sebastian Pech <windows@spech.de> | 2020-11-07 23:29:06 +0300 |
|---|---|---|
| committer | Sebastian Pech <windows@spech.de> | 2020-11-07 23:29:06 +0300 |
| commit | c1d4d100f13ed66b5f36822fef4027a8e0f212a4 (patch) | |
| tree | 335482132b2821e6b677de07c80847cf0027948f | |
| parent | ac7a8f0c6bd471637c9281b1b165436d1555f760 (diff) | |
Styles fabs
| -rw-r--r-- | assets/css/main.css | 32 | ||||
| -rw-r--r-- | exampleSite/config.toml | 4 | ||||
| -rw-r--r-- | layouts/partials/_footer.html | 9 | ||||
| -rw-r--r-- | layouts/partials/sidebar.html | 10 |
4 files changed, 41 insertions, 14 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index e431dbf..56fd80b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -89,6 +89,7 @@ h1 { h2 { border-bottom: 1px solid #2E74B5; margin-top: 1.5rem; + margin-bottom: 0.5rem; color: #2E74B5; text-transform: uppercase; } @@ -112,7 +113,7 @@ img { nav { position: sticky; - top: 2rem; + top: 0px; white-space: nowrap; } @@ -136,7 +137,6 @@ nav ul li:hover { body.dark-theme nav ul li:hover { background: #444444; - transition: all 400ms ease-in-out; } nav ul li.active { @@ -146,5 +146,31 @@ nav ul li.active { body.dark-theme nav ul li.active { background: #444444; - transition: all 200ms ease-in-out; +} + +/******************************************************************************* + * fabs + ******************************************************************************/ +.fabs { + position: fixed; + bottom: 0px; + right: 0px; +} + +.fabs .btn { + display: flex; + justify-content: center; + align-items: center; + height: 48px; + width: 48px; + border-radius: 50%; + background: #ffffff; + border: 1px solid #2E74B5; + font-size: 1.5rem; + text-decoration: none; + margin: 4px; +} + +body.dark-theme .fabs .btn { + background: #444444; } diff --git a/exampleSite/config.toml b/exampleSite/config.toml index a608c6e..e7338d3 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -45,12 +45,12 @@ theme="flex-bp-hugo-cv" [languages] [languages.en] - languageName = "English" + languageName = "EN" title = "CV" weight = 1 [languages.en.params] [languages.de] - languageName = "Deutsch" + languageName = "DE" title = "Lebenslauf" weight = 2 [languages.de.params] diff --git a/layouts/partials/_footer.html b/layouts/partials/_footer.html index 63b84a0..09a8509 100644 --- a/layouts/partials/_footer.html +++ b/layouts/partials/_footer.html @@ -1,3 +1,12 @@ +<div class="fabs"> + <button class="btn-toggle-theme btn"><i class="fas fa-adjust"></i></button> + {{ if .IsTranslated }} + {{ range $.Site.Home.AllTranslations }} + <a href="{{ .RelPermalink }}" class="btn">{{ .Language.LanguageName }}</a> + {{ end }} + {{ end }} +</div> + <footer> © {{ now.Format "2006" }} {{ range .Site.Author }}{{ . }}{{ end }}. {{ i18n "themeby" }} <a href="https://www.spech.de" target="_blank" rel="noopener noreferrer">Sebastian Pech</a>. diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 39470c6..146f284 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -8,17 +8,9 @@ <img src="{{ $photoimg.RelPermalink }}" width="{{ $photoimg.Width }}" height="{{ $photoimg.Height }}" alt="{{ $alt }}" /> {{ end }} -<button class="btn-toggle-theme">Toggle Dark Mode</button> - -{{ if .IsTranslated }} - <h5>{{ i18n "translations" }}</h5> - {{ range $.Site.Home.AllTranslations }} - <a href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a> - {{ end }} -{{ end }} - <nav> <ul> + <li><a href="#">Zombie 2</a></li> <li><a href="#section-test-2">Zombie 2</a></li> <li><a href="#section-test-7">Zombie 7</a></li> <li><a href="#section-test-10">Zombie 10</a></li> |