Compare commits
No commits in common. "master" and "gh-pages" have entirely different histories.
263 changed files with 12974 additions and 3270 deletions
14
.github/dependabot.yml
vendored
14
.github/dependabot.yml
vendored
|
|
@ -1,14 +0,0 @@
|
|||
# see https://docs.github.com/en/github/administering-a-repository/configuration-options-for-dependency-updates
|
||||
version: 2
|
||||
updates:
|
||||
# Maintain dependencies for GitHub Actions
|
||||
- package-ecosystem: "github-actions"
|
||||
directory: "/"
|
||||
schedule:
|
||||
interval: "daily"
|
||||
|
||||
# Maintain dependencies for npm
|
||||
- package-ecosystem: "npm"
|
||||
directory: "/"
|
||||
schedule:
|
||||
interval: "daily"
|
||||
18
.github/stale.yml
vendored
18
.github/stale.yml
vendored
|
|
@ -1,18 +0,0 @@
|
|||
# Number of days of inactivity before an issue becomes stale
|
||||
daysUntilStale: 90
|
||||
# Number of days of inactivity before a stale issue is closed
|
||||
daysUntilClose: 30
|
||||
# Issues with these labels will never be considered stale
|
||||
exemptLabels:
|
||||
- pinned
|
||||
- security
|
||||
- bug
|
||||
- priority-high
|
||||
exemptProjects: true
|
||||
exemptMilestones: true
|
||||
# Label to use when marking an issue as stale
|
||||
staleLabel: no-activity
|
||||
# Comment to post when marking an issue as stale. Set to `false` to disable
|
||||
markComment: false
|
||||
# Comment to post when closing a stale issue. Set to `false` to disable
|
||||
closeComment: false
|
||||
33
.github/workflows/ci.yml
vendored
33
.github/workflows/ci.yml
vendored
|
|
@ -1,33 +0,0 @@
|
|||
name: CI
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
pull_request:
|
||||
branches:
|
||||
- master
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-22.04
|
||||
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: Setup Hugo
|
||||
uses: peaceiris/actions-hugo@v3.0.0
|
||||
with:
|
||||
hugo-version: latest
|
||||
extended: true
|
||||
|
||||
- name: Build local ./exampleSite
|
||||
run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://zjedi.github.io/hugo-scroll/
|
||||
|
||||
- name: Deploy to GitHub Pages
|
||||
if: github.event_name == 'push'
|
||||
uses: peaceiris/actions-gh-pages@v4.0.0
|
||||
with:
|
||||
github_token: ${{ secrets.GITHUB_TOKEN }}
|
||||
publish_dir: ./public
|
||||
6
.gitignore
vendored
6
.gitignore
vendored
|
|
@ -1,6 +0,0 @@
|
|||
public
|
||||
exampleSite/public
|
||||
exampleSite/resources
|
||||
node_modules
|
||||
*.lock
|
||||
hugo-scroll.code-workspace
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
assets/css/fontawesome
|
||||
assets/css/normalize.css
|
||||
layouts/_default/index.html
|
||||
public
|
||||
resources
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
{
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.html"],
|
||||
"options": {
|
||||
"parser": "go-template"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
6
404.html
Normal file
6
404.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!doctype html><html><meta http-equiv=content-type content="text/html" charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge,chrome=1"><title>404 Page not found</title><link rel="shortcut icon" href=https://janraasch.github.io/hugo-scroll/images/favicon.png type=image/png><meta name=description content="Nutrition Coach & Chef Consultant"><meta name=keywords content="some,keywords,for,seo,you,know,google,duckduckgo,and,such"><meta name=referrer content="no-referrer-when-downgrade"><meta name=HandheldFriendly content="True"><meta name=MobileOptimized content="320"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet href=https://janraasch.github.io/hugo-scroll/css/screen.css><link rel=stylesheet href=https://janraasch.github.io/hugo-scroll/css/fonts.css type=text/css><link rel=stylesheet href=https://janraasch.github.io/hugo-scroll/fork-awesome/css/fork-awesome.min.css type=text/css><meta property="og:title" content="404 Page not found"><meta property="og:description" content="Nutrition Coach & Chef Consultant"><meta property="og:type" content="website"><meta property="og:url" content="https://janraasch.github.io/hugo-scroll/404.html"><meta property="og:image" content="https://janraasch.github.io/hugo-scroll/images/cover-image.jpg"><meta property="og:site_name" content="Jane Doe - Nutrition Coach & Chef Consultant"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://janraasch.github.io/hugo-scroll/images/cover-image.jpg"><meta name=twitter:title content="404 Page not found"><meta name=twitter:description content="Nutrition Coach & Chef Consultant"><meta itemprop=name content="404 Page not found"><meta itemprop=description content="Nutrition Coach & Chef Consultant"><link rel=apple-touch-icon sizes=180x180 href=https://janraasch.github.io/hugo-scroll/images/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=https://janraasch.github.io/hugo-scroll/images/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=https://janraasch.github.io/hugo-scroll/images/favicon-16x16.png><body><main class="content page-template 404" role=main><article class="post page"><header class=post-header><a id=blog-logo href=/hugo-scroll/>Jane Doe - Nutrition Coach & Chef Consultant</a></header><h1 class=post-title>404 - Page Not Found</h1><section class=post-content>Give it another try:
|
||||
<a href=/hugo-scroll/ alt=Homepage>Back to the homepage</a>.</section></article></main><footer class=site-footer><div class=inner><section class=copyright>© Jane Doe</section><section></section><section><a href=https://themes.gohugo.io/hugo-scroll/>Design</a> template
|
||||
built with ♥️ by
|
||||
<a href=https://www.janraasch.com title="Jan Raasch">Jan Raasch</a></section></div></footer><script type=text/javascript src=https://janraasch.github.io/hugo-scroll/js/jquery-1.11.3.min.js></script>
|
||||
<script type=text/javascript src=https://janraasch.github.io/hugo-scroll/js/icons.js></script>
|
||||
<script type=text/javascript src=https://janraasch.github.io/hugo-scroll/js/index.js></script></body></html>
|
||||
37
CHANGELOG.md
37
CHANGELOG.md
|
|
@ -1,37 +0,0 @@
|
|||
# Changelog
|
||||
|
||||
All notable changes to this project will be documented in this file.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
* Added for new features.
|
||||
* Changed for changes in existing functionality.
|
||||
* Deprecated for soon-to-be removed features.
|
||||
* Removed for now removed features.
|
||||
* Fixed for any bug fixes.
|
||||
* Security in case of vulnerabilities.
|
||||
|
||||
## [Unreleased](https://github.com/zjedi/hugo-scroll/compare/v.1.0.0...master)
|
||||
|
||||
* **JS cleanup / CSS refactoring**, possibly causing some pain if you have extensive CSS customisations in screen.css #4, #61, #102. For backwards compatibility, a released tag `v1.0.0` was created just in case some projects needed to fix the legacy version. However, I won't actively support the legacy branch.
|
||||
* New features: #70 , #46 , #118
|
||||
* More features #116 , #119
|
||||
|
||||
## [1.0.0 Legacy Snapshot](https://github.com/zjedi/hugo-scroll/releases/tag/v.1.0.0)
|
||||
|
||||
## Template for new releases
|
||||
|
||||
## [x.y.z](https://github.com/zjedi/hugo-scroll/compare/v1.0.0...vx.y.z)
|
||||
|
||||
### Added
|
||||
|
||||
### Changed
|
||||
|
||||
### Deprecated
|
||||
|
||||
### Removed
|
||||
|
||||
### Fixed
|
||||
|
||||
### Security
|
||||
20
LICENSE
20
LICENSE
|
|
@ -1,20 +0,0 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2020 Jan Raasch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
144
README.md
144
README.md
|
|
@ -1,144 +0,0 @@
|
|||
<h1 align=center>Hugo Scroll 📜 <a href="https://zjedi.github.io/hugo-scroll/" rel="nofollow">Demo</a></h1>
|
||||
|
||||
Clean, responsive, single-page [Hugo](https://gohugo.io/) website theme.
|
||||
|
||||
[](https://themes.gohugo.io/themes/hugo-scroll/)
|
||||
|
||||
[](https://app.netlify.com/sites/hugo-scroll/deploys)
|
||||
[](https://github.com/zjedi/hugo-scroll/blob/master/LICENSE)
|
||||
|
||||
|
||||
Promo image which may be a bit outdated:<br/>
|
||||
|
||||
|
||||
## ⭐ Feature highlights
|
||||
|
||||
- Responsive to screen size/shape
|
||||
- SEO friendly
|
||||
- Customizable
|
||||
- Video cover
|
||||
- [Font Awesome v6.6.0 Icons][font-awesome-icons] out of the box
|
||||
- Header logo
|
||||
- Visual guards to guarantee readability
|
||||
- External links
|
||||
- JS/CSS Assets optimized (Minification, Fingerprinting, pipeline-processed
|
||||
into single file)
|
||||
- git info in footer (opt-in)
|
||||
|
||||
## 🔑 Installation
|
||||
|
||||
You need to install Hugo extended version.
|
||||
If you already have a Hugo site on your machine, you can simply add this theme via
|
||||
|
||||
```cli
|
||||
git submodule add https://github.com/zjedi/hugo-scroll.git themes/hugo-scroll
|
||||
```
|
||||
|
||||
Then, adjust the `hugo.toml` as detailed below & in the file comments.
|
||||
|
||||
### Playing around with our example site
|
||||
|
||||
If you simply want to check out the `exampleSite`, you can run
|
||||
|
||||
```cli
|
||||
git clone https://github.com/zjedi/hugo-scroll.git hugo-scroll
|
||||
cd hugo-scroll
|
||||
hugo server --source=exampleSite --themesDir=../..
|
||||
```
|
||||
|
||||
For more information, read the official [Hugo setup guide][hugo-setup-guide].
|
||||
|
||||
If you are starting fresh, simply copy over the contents of the `exampleSite`-directory included in this theme to your source directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.
|
||||
|
||||
Please check out the [hugo.toml](https://github.com/zjedi/hugo-scroll/blob/master/exampleSite/hugo.toml) included in the [exampleSite](https://github.com/zjedi/hugo-scroll/tree/master/exampleSite) of this theme.
|
||||
|
||||
You can add **a new section to the homepage** by running `hugo new homepage/my-new-content.md` (or craft the file manually)
|
||||
|
||||
To create **a page separate from the homepage**, run `hugo new my-new-page.md`
|
||||
|
||||
## 🔧 Feature details 🔨
|
||||
|
||||
### Customizing CSS
|
||||
|
||||
Add a [`custom_head.html`](https://github.com/zjedi/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html) file to your `layouts/partials` directory.
|
||||
|
||||
- You can use `<style>` tag to embed the overrides (better performance-wise)
|
||||
- Alternatively you can `<link>` your own `custom.css`
|
||||
|
||||
`CSS` variables `var(--some-var-name)` from `assets\css\variables.scss` can be overridden by adding
|
||||
|
||||
```scss
|
||||
:root {
|
||||
--some-var-name: blue!important;
|
||||
}
|
||||
```
|
||||
|
||||
### Icons
|
||||
|
||||
This theme includes the full set of [Font Awesome v6.6.0 icons][font-awesome-icons]. Use the `{{< icon >}}` [shortcode][hugo-shortcodes] with the respective `name` to use an icon directly in your `.md` files. For example:
|
||||
|
||||
```html
|
||||
{{< icon name="envelope" >}}
|
||||
```
|
||||
|
||||
If you want to use one of Font Awesome's brand icons—the ones that have a trademark warning and the `fa-brands` class—add `brand=true`. For example:
|
||||
|
||||
```html
|
||||
{{< icon name="github" brand=true >}}
|
||||
```
|
||||
|
||||
If you want to use these branded icons in your contact list, use the full class names in your `hugo.toml`:
|
||||
|
||||
```toml
|
||||
[[params.contacts]]
|
||||
label = "GitHub"
|
||||
value = "github.com/zjedi/hugo-scroll"
|
||||
url = "https://github.com/zjedi/hugo-scroll"
|
||||
icon = "fa-brands fa-github"
|
||||
```
|
||||
|
||||
### Header logo
|
||||
|
||||
Configured in `_index.md`, see `exampleSite`: `header_logo: "images/chef-hat.png"`
|
||||
|
||||
### Video cover
|
||||
|
||||
Set `header_use_video: true` in `/exampleSite/content/_index.md` and define video source via custom partial, such as `exampleSite/layouts/partials/custom_header_video.html`.
|
||||
|
||||
### Footer version information
|
||||
|
||||
In order to see technical version information (extracted from Hugo's [GitInfo](https://gohugo.io/variables/git/))) set the following general option in your hugo.toml: `enableGitInfo = true`
|
||||
|
||||
### External links
|
||||
|
||||
You can add an external link in the menu, see `external.md` in the `exampleSite`.
|
||||
|
||||
You can also use `extlink` shortcode to create a link opening in a new tab:
|
||||
|
||||
```markdown
|
||||
Visit us at {{<extlink text="Instagram" href="https://www.instagram.com/yourInstagramName/">}}
|
||||
```
|
||||
|
||||
Referencing and showing icons in front of the link text is possible with a new parameter `icon`:
|
||||
|
||||
```markdown
|
||||
Visit us at {{<extlink icon="fa fa-instagram" text="Instagram" href="https://www.instagram.com/yourInstagramName/">}}
|
||||
```
|
||||
|
||||
## 🐛 Issues / 💡 Feedback / 👑 Contributing
|
||||
|
||||
[Discussion](https://github.com/zjedi/hugo-scroll/discussions) for Q&A (when unsure),
|
||||
[Issues](https://github.com/zjedi/hugo-scroll/issues) for tracking,
|
||||
[Pull Requests](https://github.com/zjedi/hugo-scroll/pulls) for contributions.
|
||||
|
||||
See [contributing guideline](https://github.com/zjedi/hugo-scroll/blob/master/contributing.md) for more.
|
||||
|
||||
## 👏 Special Thanks
|
||||
|
||||
- [Jan Raasch](https://www.janraasch.com), original author of theme
|
||||
- [Yonatan Wolowelsky](https://github.com/grmmph), author of [GhostScroll](https://github.com/grmmph/GhostScroll) theme, which formed the basis of this [Hugo](https://gohugo.io/) theme.
|
||||
- [Pexels](https://www.pexels.com), for supplying _free_ stock photos.
|
||||
|
||||
[hugo-setup-guide]: https://gohugo.io/getting-started/installing
|
||||
[font-awesome-icons]: https://fontawesome.com/icons
|
||||
[hugo-shortcodes]: https://gohugo.io/content-management/shortcodes/
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
---
|
||||
title: '{{ replace .Name "-" " " | title }}'
|
||||
---
|
||||
|
||||
This is a page about »{{ replace .Name "-" " " | title }}«.
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
title: '{{ replace .Name "-" " " | title }}'
|
||||
|
||||
# The "header_menu_title" value will be used as text for header buttons.
|
||||
# The "title" value will be used if value for "header_menu_title" is not provided.
|
||||
#header_menu_title: 'Short Menu Title'
|
||||
|
||||
# The "navigation_menu_title" value will be used as text for fixed menu items.
|
||||
# The "title" value will be used if value for "navigation_menu_title" is not provided.
|
||||
#navigation_menu_title: 'Short Menu Title'
|
||||
|
||||
# The "weight" will determine where this section appears on the "homepage".
|
||||
# A bigger weight will place the content more towards the bottom of the page.
|
||||
# It's like gravity ;-).
|
||||
weight: 5
|
||||
|
||||
# If "header_menu" is true, then a button linking to this section will be placed
|
||||
# into the header menu at the top of the homepage.
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
This is just another section to appear on the homepage.
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
// CSS variables
|
||||
@import "./variables.scss";
|
||||
|
||||
// Theme layout and skelet styling
|
||||
@import "./theme.scss";
|
||||
|
||||
// Content-related styles
|
||||
@import "./content.scss";
|
||||
|
||||
// Media queries for responsiveness (optimizations for various screen sizes)
|
||||
@import "./responsiveness.scss"
|
||||
|
|
@ -1,291 +0,0 @@
|
|||
html {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
font-size: 62.5%;
|
||||
overflow-x: hidden;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
font-family: "Roboto Slab", serif;
|
||||
font-size: 2rem;
|
||||
line-height: 1.6em;
|
||||
color: var(--section-light-text-color);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: #222;
|
||||
background: #d6edff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: #222;
|
||||
background: #d6edff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/** =========== Headings =========== */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
text-rendering: optimizeLegibility;
|
||||
line-height: 1;
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
h3,h4,h5,h6 {
|
||||
text-rendering: optimizeLegibility;
|
||||
line-height: 120%;
|
||||
margin-top: 0;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
margin-bottom: 0%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
line-height: 1.2em;
|
||||
letter-spacing: -2px;
|
||||
text-indent: -3px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 4rem;
|
||||
line-height: 1.2em;
|
||||
letter-spacing: -1px;
|
||||
text-indent: -2px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
p{
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/** ======== Links ========= */
|
||||
a {
|
||||
color: inherit;
|
||||
transition: all ease 0.3s;
|
||||
-webkit-transition: all ease 0.3s;
|
||||
-moz-transition: all ease 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: var(--sticky-menu-text-color);
|
||||
}
|
||||
|
||||
// Fix font awesome icons
|
||||
&.fa {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
/** ======== Lists ====================== */
|
||||
dl {
|
||||
margin: 1.6em 0;
|
||||
|
||||
dt {
|
||||
float: left;
|
||||
width: 180px;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 200px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin: 1em 0;
|
||||
|
||||
// Second level of lists
|
||||
ol, ul {
|
||||
margin: 0.4em 0;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
/** ======== Content semantics ============= */
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid var(--color-text);
|
||||
margin: 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/** Helper to be inserted by JS before quotations*/
|
||||
.quo {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1em 0 1em -2.2em;
|
||||
padding: 0 0 0 1em;
|
||||
color: var(--section-uni-quote);
|
||||
|
||||
p {
|
||||
margin: 0.8em 0;
|
||||
}
|
||||
|
||||
small {
|
||||
display: inline-block;
|
||||
margin: 0.8em 0 0.8em 1.5em;
|
||||
font-size: 0.9em;
|
||||
color: #ccc;
|
||||
|
||||
&:before {
|
||||
content: "\2014 \00A0";
|
||||
}
|
||||
}
|
||||
|
||||
cite {
|
||||
font-weight: bold;
|
||||
|
||||
a {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: var(--sticky-menu-text-color);
|
||||
filter: brightness(125%);
|
||||
}
|
||||
|
||||
code, tt {
|
||||
color: var(--section-light-text-color);
|
||||
background-color: var(--section-uni-code-bg-color);
|
||||
border-radius: 3px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.75em;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
code {
|
||||
color: var(--section-light-text-color);
|
||||
background-color: var(--section-uni-code-bg-color);
|
||||
border-radius: 3px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.75em;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: var(--section-light-text-color);
|
||||
color: #e2e2e2;
|
||||
border: 1px solid #343434;
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.9em;
|
||||
margin: 1.6em 0;
|
||||
padding: 10px;
|
||||
white-space: pre;
|
||||
overflow-x: scroll;
|
||||
width: 100%;
|
||||
|
||||
code, tt {
|
||||
color: inherit;
|
||||
background: transparent;
|
||||
font-size: inherit;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: pre-wrap;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
kbd {
|
||||
color: var(--section-light-text-color);
|
||||
background: var(--section-uni-code-bg-color);
|
||||
border: var(--section-light-text-color) 1px solid;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.4em;
|
||||
padding: 1px 8px;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
|
||||
}
|
||||
|
||||
/** ======== Tables ========= */
|
||||
table {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-spacing: 0;
|
||||
margin: 1.6em 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
thead {
|
||||
th,
|
||||
td {
|
||||
border-bottom: 1px solid var(--color-text);
|
||||
}
|
||||
}
|
||||
|
||||
tbody>tr:nth-child(even) {
|
||||
background-color: #fff5;
|
||||
background-blend-mode: lighten;
|
||||
}
|
||||
|
||||
&.plain tbody>tr:nth-child(odd)>td,
|
||||
&.plain tbody>tr:nth-child(odd)>th {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
/** ======== Github integration ========= */
|
||||
.gist {
|
||||
table {
|
||||
margin: 0;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.line-number {
|
||||
min-width: 25px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,165 +0,0 @@
|
|||
Fonticons, Inc. (https://fontawesome.com)
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
Font Awesome Free License
|
||||
|
||||
Font Awesome Free is free, open source, and GPL friendly. You can use it for
|
||||
commercial projects, open source projects, or really almost whatever you want.
|
||||
Full Font Awesome Free license: https://fontawesome.com/license/free.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
|
||||
|
||||
The Font Awesome Free download is licensed under a Creative Commons
|
||||
Attribution 4.0 International License and applies to all icons packaged
|
||||
as SVG and JS file types.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
# Fonts: SIL OFL 1.1 License
|
||||
|
||||
In the Font Awesome Free download, the SIL OFL license applies to all icons
|
||||
packaged as web and desktop font files.
|
||||
|
||||
Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
|
||||
with Reserved Font Name: "Font Awesome".
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
SIL OPEN FONT LICENSE
|
||||
Version 1.1 - 26 February 2007
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting — in part or in whole — any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
# Code: MIT License (https://opensource.org/licenses/MIT)
|
||||
|
||||
In the Font Awesome Free download, the MIT license applies to all non-font and
|
||||
non-icon files.
|
||||
|
||||
Copyright 2024 Fonticons, Inc.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in the
|
||||
Software without restriction, including without limitation the rights to use, copy,
|
||||
modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
|
||||
and to permit persons to whom the Software is furnished to do so, subject to the
|
||||
following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
||||
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
|
||||
PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
# Attribution
|
||||
|
||||
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
|
||||
Awesome Free files already contain embedded comments with sufficient
|
||||
attribution, so you shouldn't need to do anything additional when using these
|
||||
files normally.
|
||||
|
||||
We've kept attribution comments terse, so we ask that you do not actively work
|
||||
to remove them from files, especially code. They're a great way for folks to
|
||||
learn about Font Awesome.
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
# Brand Icons
|
||||
|
||||
All brand icons are trademarks of their respective owners. The use of these
|
||||
trademarks does not indicate endorsement of the trademark holder by Font
|
||||
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
|
||||
to represent the company, product, or service to which they refer.**
|
||||
6
assets/css/fontawesome/brands.min.css
vendored
6
assets/css/fontawesome/brands.min.css
vendored
File diff suppressed because one or more lines are too long
9
assets/css/fontawesome/fontawesome.min.css
vendored
9
assets/css/fontawesome/fontawesome.min.css
vendored
File diff suppressed because one or more lines are too long
6
assets/css/fontawesome/solid.min.css
vendored
6
assets/css/fontawesome/solid.min.css
vendored
|
|
@ -1,6 +0,0 @@
|
|||
/*!
|
||||
* Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
* Copyright 2024 Fonticons, Inc.
|
||||
*/
|
||||
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
|
||||
|
|
@ -1,328 +0,0 @@
|
|||
/* ==========================================================================
|
||||
Table of Contents
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
|
||||
1. Open Sans 300italic,400italic,600italic,700italic,800italic,300,400,600,700,800
|
||||
2. Open Sans Condensed 300,300italic,700
|
||||
3. Oswald 300,400,700
|
||||
4. Roboto Slab 100,300,400,700
|
||||
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
1. Open Sans
|
||||
========================================================================== */
|
||||
|
||||
/* open-sans-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-600 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-800 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-300italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-600italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-800italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-v27-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
2. Open Sans Condensed
|
||||
========================================================================== */
|
||||
|
||||
/* open-sans-condensed-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-condensed-v21-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-condensed-300italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
font-weight: 300;
|
||||
src: url('../webfonts/open-sans-condensed-v21-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-condensed-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/open-sans-condensed-v21-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/open-sans-condensed-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/open-sans-condensed-v21-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
3. Oswald
|
||||
========================================================================== */
|
||||
|
||||
/* oswald-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/oswald-v40-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/oswald-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/oswald-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/oswald-v40-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* oswald-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/oswald-v40-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/oswald-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/oswald-v40-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* oswald-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/oswald-v40-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/oswald-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/oswald-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/oswald-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/oswald-v40-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
4. Roboto Slab
|
||||
========================================================================== */
|
||||
|
||||
/* roboto-slab-100 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/roboto-slab-v16-latin-100.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/roboto-slab-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/roboto-slab-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-100.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/roboto-slab-v16-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/roboto-slab-v16-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/roboto-slab-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/roboto-slab-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/roboto-slab-v16-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url('../webfonts/roboto-slab-v16-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../webfonts/roboto-slab-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../webfonts/roboto-slab-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../webfonts/roboto-slab-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../webfonts/roboto-slab-v16-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
/* Utilities - These things get used a lot */
|
||||
|
||||
/**
|
||||
Hides stuff
|
||||
*/
|
||||
.hidden {
|
||||
text-indent: -9999px;
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
Creates a responsive wrapper that makes our content scale nicely
|
||||
*/
|
||||
.inner {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/**
|
||||
Centres vertically yo. (IE8+)
|
||||
*/
|
||||
.vertical {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/**
|
||||
Floating tools
|
||||
*/
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
349
assets/css/normalize.css
vendored
349
assets/css/normalize.css
vendored
|
|
@ -1,349 +0,0 @@
|
|||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,167 +0,0 @@
|
|||
|
||||
/* ==========================================================================
|
||||
8. Media Queries - Smaller than 1130px
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (max-width: 1130px) {
|
||||
/* makes it a top sticky menu */
|
||||
.fixed-nav {
|
||||
opacity: 1;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
width: 100vw;
|
||||
z-index: 99999;
|
||||
background: var(--color-background);
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
a.fn-item {
|
||||
display: inline;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.post-holder {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#site-head {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-height: 240px;
|
||||
padding: 15% 0;
|
||||
height: 100%;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 4rem;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 2.2rem;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.post {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
/* skip the top menu when scrolling */
|
||||
.post-holder .post {
|
||||
scroll-margin-top: 48px;
|
||||
}
|
||||
|
||||
.post-template .post {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.post-template .post-header {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4.8rem;
|
||||
text-indent: -2px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3.8rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 3.3rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
9. Media Queries - Smaller than 500px
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.post-holder {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#blog-logo {
|
||||
max-height: 80px;
|
||||
}
|
||||
|
||||
.inner,
|
||||
.pagination {
|
||||
width: auto;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.post {
|
||||
width: auto;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
#site-head {
|
||||
padding: 10% 0;
|
||||
height: 65%;
|
||||
}
|
||||
|
||||
#header-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
line-height: 1.1em;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
|
||||
.post-template .post {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.post-template .post-header {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,325 +0,0 @@
|
|||
body {
|
||||
--color-text: var(--section-light-text-color);
|
||||
--color-background: var(--section-light-bg-color);
|
||||
}
|
||||
/* ===== Cover =======*/
|
||||
|
||||
#blog-logo {
|
||||
display: block;
|
||||
max-height: 100px;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
#site-head.withCenteredImage{
|
||||
/* can't be used together with video */
|
||||
background: var(--section-light-bg-color) no-repeat center center;
|
||||
}
|
||||
|
||||
#site-head, #site-head.withCenteredImage {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 0rem;
|
||||
text-align: center;
|
||||
color: var(--cover-text-color);
|
||||
background-size: cover;
|
||||
|
||||
/* Big cover video at the landing area */
|
||||
video {
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
min-width: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: auto;
|
||||
z-index: -100;
|
||||
}
|
||||
|
||||
.title-and-description-guard {
|
||||
margin: auto;
|
||||
padding: 0.6em;
|
||||
background-color: var(--cover-title-and-description-guard-bg-color);
|
||||
border-radius: 25px;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
margin: 10px 0 10px 0;
|
||||
font-size: 5rem;
|
||||
letter-spacing: -1px;
|
||||
text-shadow: var(--cover-title-text-shadow);
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
margin: 0;
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.5em;
|
||||
font-weight: 400;
|
||||
font-family: "Roboto Slab", serif;
|
||||
letter-spacing: 0;
|
||||
text-shadow: var(--cover-title-text-shadow);
|
||||
}
|
||||
|
||||
#site-languages {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#site-languages .btn-lang {
|
||||
text-decoration: none;
|
||||
background-color: var(--highlight);
|
||||
color: var(--highlight-contrast);
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
display: inline-block;
|
||||
font-size: 70%;
|
||||
margin: 0 0 0 0.7rem;
|
||||
padding: 0.3rem 0.7rem;
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
|
||||
&.active,
|
||||
&:hover {
|
||||
color: var(--highlight-inverse-contrast);
|
||||
background-color: var(--highlight-inverse);
|
||||
}
|
||||
}
|
||||
|
||||
// Landing screen menu
|
||||
a.btn, #site-languages .btn-lang {
|
||||
font-family: "Oswald", sans-serif;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
text-decoration: none;
|
||||
background-color: var(--highlight);
|
||||
color: var(--highlight-contrast);
|
||||
border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
padding: 10px 20px 10px 20px;
|
||||
position: relative;
|
||||
margin-top: 2rem;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
font-weight: lighter;
|
||||
|
||||
&:hover {
|
||||
color: var(--highlight-inverse-contrast);
|
||||
background-color: var(--highlight-inverse);
|
||||
}
|
||||
}
|
||||
|
||||
/** The arrow button to scroll to content */
|
||||
#header-arrow {
|
||||
font-size: 140px;
|
||||
margin: -10px auto;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: -120px;
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
transition: all ease 0.3s;
|
||||
-webkit-transition: all ease 0.3s;
|
||||
-moz-transition: all ease 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========== Sticky menus ===========
|
||||
/* Left sticky menu */
|
||||
.fixed-nav {
|
||||
background-color: var(--section-light-bg-color);
|
||||
border-radius: 0 25px 20px 0;
|
||||
padding: 1em 1.5em;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
z-index: 99999;
|
||||
font-family: "Open Sans Condensed", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
line-height: 130%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a.fn-item {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&.active {
|
||||
color: var(--sticky-menu-text-color);
|
||||
}
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========= Content ==========*/
|
||||
.post-title {
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post-holder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-text);
|
||||
position: relative;
|
||||
|
||||
&.dark {
|
||||
// override variables for alternative style
|
||||
--color-text: var(--section-dark-text-color);
|
||||
--color-background: var(--section-dark-bg-color);
|
||||
|
||||
background-color: var(--section-dark-bg-color);
|
||||
color: var(--section-dark-text-color);
|
||||
|
||||
// Fix <hr> color
|
||||
hr {
|
||||
border-color: var(--section-dark-text-color);
|
||||
}
|
||||
|
||||
// On alt posts move the triangle to the right and match the background the color
|
||||
.post-after {
|
||||
left: unset;
|
||||
right: 6%;
|
||||
border-top-color: var(--section-dark-bg-color);
|
||||
}
|
||||
}
|
||||
|
||||
/* The triangular parts between posts */
|
||||
.post-after {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
z-index: 1;
|
||||
left: 6%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 60px solid transparent;
|
||||
border-right: 60px solid transparent;
|
||||
border-top: 50px solid var(--color-background);
|
||||
border-radius: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Every post, on every page, gets this style on its <article> tag
|
||||
Not inside the post holder as this also applies for single pages
|
||||
*/
|
||||
.post {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
max-width: 700px;
|
||||
margin: 0rem auto;
|
||||
padding-bottom: 4rem;
|
||||
padding-top: 4rem;
|
||||
height: 70%;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
/* ======= Single pages =========== */
|
||||
.page-template {
|
||||
|
||||
background-color: var(--single-page-bg-color);
|
||||
color: var(--single-page-text-color);
|
||||
// to remove the white space after the footer on pages shorter
|
||||
// than actually would fit into the browser window
|
||||
min-height: calc(100vh - 2em);
|
||||
|
||||
// Tweak the .post wrapper style
|
||||
.post {
|
||||
margin-top: 0;
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
// to account for the margin of content elements
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
// Kill that stylish little circle that was on the border
|
||||
.post:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Insert some mad padding up in the header for better spacing
|
||||
.post-header {
|
||||
padding: 60px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Keep large images within the bounds of the post-width
|
||||
.post-content img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/** ========== Site footer ============ */
|
||||
.site-footer {
|
||||
background: var(--footer-color-background);
|
||||
color: var(--footer-color);
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
position: relative;
|
||||
margin: 0rem 0 0 0;
|
||||
padding: 1rem 0;
|
||||
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-footer a {
|
||||
color: var(--footer-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.site-footer a:hover {
|
||||
color: var(--sticky-menu-text-color);
|
||||
}
|
||||
|
||||
/* Footer Icons */
|
||||
.icons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 30px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/* Footer Links */
|
||||
.site-footer .links {
|
||||
text-align: center;
|
||||
|
||||
ol {
|
||||
list-style-type: none;
|
||||
list-style-position: inside;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: unset;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
:root {
|
||||
|
||||
/* === Cover / Landing area === */
|
||||
--cover-text-color: #37501a;
|
||||
/* Used for Landing screen menu buttons, but potentially usable for highlighting other things */
|
||||
--highlight: #86c440;
|
||||
--highlight-contrast: var(--cover-text-color);
|
||||
/*inverse colors used for :hover */
|
||||
--highlight-inverse: var(--cover-text-color);
|
||||
--highlight-inverse-contrast: white;
|
||||
|
||||
/* visual guard around title and description, when the feature is enabled */
|
||||
--cover-title-and-description-guard-bg-color: rgba(255, 255, 255, 0.6);
|
||||
--cover-title-text-shadow: white 0px 0px 7px;
|
||||
|
||||
|
||||
/* === sticky top/left navigation menus === */
|
||||
--sticky-menu-text-color: #9fd067;
|
||||
|
||||
|
||||
/* === Alternating content (post) sections === */
|
||||
/* Light section - text color */
|
||||
--section-light-text-color: #3a4145;
|
||||
/* Light section - background color */
|
||||
--section-light-bg-color: #f2efe8;
|
||||
|
||||
/* Dark section - text color */
|
||||
--section-dark-text-color: var(--section-light-bg-color);
|
||||
/* Dark section - background color */
|
||||
--section-dark-bg-color: #b80135;
|
||||
|
||||
/* Light&Dark section >quote. Suppressive color, compared to 'Light section - text color'*/
|
||||
--section-uni-quote: grey;
|
||||
/* Light&Dark section `code` a bit darker than 'Light section - background color' */
|
||||
--section-uni-code-bg-color: #e0ded7;
|
||||
|
||||
/* === Single pages=== */
|
||||
--single-page-text-color: var(--section-light-text-color);
|
||||
--single-page-bg-color: var(--section-light-bg-color);
|
||||
|
||||
/* === Footer === */
|
||||
--footer-color-background: #22343a;
|
||||
--footer-color: #bbc7cc;
|
||||
|
||||
/* === Lists === */
|
||||
/* define list element for unnumbered lists, leave empty for default list element */
|
||||
--ul-li-icon: fa-asterisk;
|
||||
}
|
||||
9
assets/js/css-vars-ponyfill.min.js
vendored
9
assets/js/css-vars-ponyfill.min.js
vendored
File diff suppressed because one or more lines are too long
2
assets/js/jquery-3.6.3.min.js
vendored
2
assets/js/jquery-3.6.3.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,22 +0,0 @@
|
|||
# [Pull Requests](https://github.com/zjedi/hugo-scroll/pulls)
|
||||
|
||||
We're open to contributions by opening a pull request.
|
||||
|
||||
When adding a new feature, please modify also [exampleSite](./exampleSite/) with an example of how the feature can be activated, configured and used.
|
||||
|
||||
Do not forget to mention new feature in a relevant subsection of [README.md](./README.md)
|
||||
|
||||
## [GitHub issues](https://github.com/zjedi/hugo-scroll/issues)
|
||||
|
||||
Alternatively you may use GitHub issues for more complex topics and features.
|
||||
|
||||
## [Changelog](./CHANGELOG.md)
|
||||
|
||||
Feel free to add your contributions to our CHANGELOG, which tracks:
|
||||
|
||||
* **Added** for new features.
|
||||
* **Changed** for changes in existing functionality.
|
||||
* **Deprecated** for soon-to-be removed features.
|
||||
* **Removed** for now removed features.
|
||||
* **Fixed** for any bug fixes.
|
||||
* **Security** in case of vulnerabilities.
|
||||
308
css/fonts.css
Normal file
308
css/fonts.css
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
/* ==========================================================================
|
||||
Table of Contents
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
|
||||
1. Open Sans 300italic,400italic,600italic,700italic,800italic,300,400,600,700,800
|
||||
2. Open Sans Condensed 300,300italic,700
|
||||
3. Oswald 300,400,700
|
||||
4. Roboto Slab 100,300,400,700
|
||||
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
1. Open Sans
|
||||
========================================================================== */
|
||||
|
||||
/* open-sans-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-600 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../fonts/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-800 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url('../fonts/open-sans-v27-latin-800.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-800.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-300italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/open-sans-v27-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/open-sans-v27-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-600italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('../fonts/open-sans-v27-latin-600italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-600italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/open-sans-v27-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-800italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('../fonts/open-sans-v27-latin-800italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-v27-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-800italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-v27-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-v27-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
2. Open Sans Condensed
|
||||
========================================================================== */
|
||||
|
||||
/* open-sans-condensed-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/open-sans-condensed-v21-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-condensed-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-condensed-300italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/open-sans-condensed-v21-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-condensed-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-condensed-v21-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-condensed-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/open-sans-condensed-v21-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/open-sans-condensed-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/open-sans-condensed-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/open-sans-condensed-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/open-sans-condensed-v21-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
3. Oswald
|
||||
========================================================================== */
|
||||
|
||||
/* oswald-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/oswald-v40-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/oswald-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/oswald-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/oswald-v40-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* oswald-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/oswald-v40-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/oswald-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/oswald-v40-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* oswald-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Oswald';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/oswald-v40-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/oswald-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/oswald-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/oswald-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/oswald-v40-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
4. Roboto Slab
|
||||
========================================================================== */
|
||||
|
||||
/* roboto-slab-100 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('../fonts/roboto-slab-v16-latin-100.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/roboto-slab-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/roboto-slab-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-100.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/roboto-slab-v16-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../fonts/roboto-slab-v16-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/roboto-slab-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/roboto-slab-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/roboto-slab-v16-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../fonts/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* roboto-slab-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Slab';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../fonts/roboto-slab-v16-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('../fonts/roboto-slab-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../fonts/roboto-slab-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../fonts/roboto-slab-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../fonts/roboto-slab-v16-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
407
css/normalize.css
vendored
Normal file
407
css/normalize.css
vendored
Normal file
|
|
@ -0,0 +1,407 @@
|
|||
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9.
|
||||
* Hide the `template` element in IE, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font family not being inherited in all browsers.
|
||||
* 2. Correct font size not being inherited in all browsers.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
1111
css/screen.css
Normal file
1111
css/screen.css
Normal file
File diff suppressed because it is too large
Load diff
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 144 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
|
|
@ -1,20 +0,0 @@
|
|||
---
|
||||
# Striking header background image, Ideal images are homogenous around the centre and contrasting to the text. Non-ideal images can use `title_guard`
|
||||
header_image: "images/cover-image.jpg"
|
||||
#
|
||||
# When set true, uses video from custom_header_video.html partial, instead of header_image
|
||||
header_use_video: false
|
||||
#
|
||||
# Optional header logo. CSS: `#blog-logo`, with max-height defined, optimize to prevent scaling
|
||||
header_logo: "images/chef-hat.png"
|
||||
#
|
||||
# Headers are safeHTML, you can use HTML tags such as b,i,u,br
|
||||
header_headline: "Erika Musterfrau"
|
||||
header_subheadline: "<b>Ernährungs</b>hilfe & <b>Koch</b>beratung"
|
||||
|
||||
# Add a 'Go back to top' item to the navigation menu
|
||||
# Title: name of navigation menu entry
|
||||
# Weight (i. e. position in menu): none = no menu entry, first = add as first entry, last = ad as last entry
|
||||
nav_to_top_title: "Nach oben"
|
||||
nav_to_top_weight: last
|
||||
---
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
|
|
@ -1,21 +0,0 @@
|
|||
---
|
||||
title: "Über mich (DE folder)"
|
||||
weight: 3
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
This demonstates localized content placed in dedicated language folder, `content/de`. This way you won't have to use localization suffix with the `.md` file. Both localisation approaches (separate folder, suffixes in the same folder) can be used and even mixed.
|
||||
|
||||
See i18n configuration in `[languages]` section of `hugo.toml`.
|
||||
|
||||
#### Local content
|
||||
|
||||
Localised content can be put in dedicated folder `content/de/`. Images should be naturally found from there:
|
||||
|
||||
|
||||
#### Assets
|
||||
|
||||
Images in assets folder can be localised, conventionally by adding `.de` suffix. However, assets may be tricky, see next section for details
|
||||
|
||||
|
||||
Note the filename of this section is a bit artificial to avoid conflict with other examples in en folder. If named the same, this one wouldn't render. However normally you wouldn't have one page localized two ways.
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
title: "Contact"
|
||||
weight: 4
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
{{<contact_list>}}
|
||||
|
||||
Let us get in touch!
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
title: "GitHub"
|
||||
weight: 99
|
||||
header_menu: true
|
||||
external: https://github.com/zjedi/hugo-scroll
|
||||
---
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
---
|
||||
headless: true
|
||||
---
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
---
|
||||
title: "Brief Legal Information"
|
||||
weight: 98
|
||||
header_menu_title: "Legal"
|
||||
navigation_menu_title: "Legal stuff"
|
||||
header_menu: true
|
||||
detailed_page_path: /de/legal/
|
||||
detailed_page_homepage_content: true
|
||||
---
|
||||
The file **legal-brief.md** creates an internal link on the cover page without the leading icon.
|
||||
|
||||
If the parameter `detailed_page_homepage_content` is set to false neither this section nor the navigation menu entry will be shown (but the link on the cover page will be).
|
||||
|
||||
If `detailed_page_homepage_content` is set to true or is missing at all, the link, navigation menu and the content will be rendered. In that case this section might contain less or just summarized information compared to the single page referenced by the parameter `detailed_page_path`.
|
||||
|
||||
Want to see more about the details? See [dedicated page](legal) with more details or hit the button 'Legal' on the cover page.
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
footer_menu_title: License
|
||||
footer_menu: true
|
||||
detailed_page_path: /license/
|
||||
detailed_page_homepage_content: false
|
||||
weight: 91
|
||||
---
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
---
|
||||
title: "Willkommen"
|
||||
weight: 1
|
||||
---
|
||||
|
||||
Das ist die deutsche Beispielseite.
|
||||
|
||||
`Hugo-Scroll` theme alternates colors of sections that are placed on single page.
|
||||
The landing screen is meant to be visually striking.
|
||||
|
||||
Single-page approach is oriented towards small to medium content length, that won't overwhelm the user.
|
||||
You can also delegate lengthier, less important or more sizeable content to [dedicated pages](services).
|
||||
|
||||
> The belly rules the mind. --- spanish proverb
|
||||
|
||||
By the way this welcome section won't show in the cover menu.
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
---
|
||||
title: "Das biete ich an"
|
||||
header_menu_title: "Angebot"
|
||||
navigation_menu_title: "Mein Angebot"
|
||||
weight: 2
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
Feature notice: This section displays options to customize title:
|
||||
|
||||
- has a normal section title (`title` = "The Services I Offer"),
|
||||
- custom welcome screen title (`header_menu_title` = "Services"),
|
||||
- custom navigation menu title (`navigation_menu_title` = "My Services").
|
||||
|
||||
That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
|
||||
|
||||
---
|
||||
|
||||
### Nutrition Coaching
|
||||
|
||||
This is not an easy task.
|
||||
You will likely have to pay money for this.
|
||||
|
||||
### Chef Consulting
|
||||
|
||||
I can raise your table culture!
|
||||
|
||||
|
||||
|
||||
Want to learn more about my services? See [dedicated page](services) with more details.
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
title: "The single page referenced to by the Legal button on the cover page"
|
||||
---
|
||||
This file is a single page and is referenced by the button `Legal` on the cover start page.
|
||||
|
||||
It can contain more or additional information than the dedicated section on the homepage.
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
---
|
||||
title: Hugo Scroll License
|
||||
---
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2020 Jan Raasch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
---
|
||||
title: "Mein Angebot"
|
||||
---
|
||||
|
||||
Das ist die deutsche Variante von meinem Angebot.
|
||||
|
||||
It carries a lot more detail than what I put on the homepage - I swear!
|
||||
|
||||
You want to know what I can do for you?
|
||||
|
||||
Well, let me tell ya!
|
||||
|
||||
---
|
||||
|
||||
## Nutrition Coaching
|
||||
|
||||
This is not an easy task. You will likely have to pay money for this. You know what - let us look at a nice picture first.
|
||||
|
||||
<!-- Note how static images need to have leading slash from the dedicated pages -->
|
||||
|
||||
|
||||
|
||||
Wow. That was nice, right? Well, call me and let us talk.
|
||||
|
||||
---
|
||||
|
||||
## Chef Consulting
|
||||
|
||||
Did you see the picture above? I can show you how to go from
|
||||
|
||||
|
||||
|
||||
to
|
||||
|
||||
|
||||
|
||||
in estimated seconds.
|
||||
|
||||
Don't believe me? Here are some bullets
|
||||
|
||||
* If anyone can teach you to cook, I can
|
||||
* And if you already know how to cook, I will make you that much better
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
---
|
||||
# Striking header background image, Ideal images are homogenous around the centre and contrasting to the text. Non-ideal images can use `title_guard`
|
||||
header_image: "images/cover-image.jpg"
|
||||
#
|
||||
# When set true, uses video from custom_header_video.html partial, instead of header_image
|
||||
header_use_video: false
|
||||
#
|
||||
# Optional header logo. CSS: `#blog-logo`, with max-height defined, optimize to prevent scaling
|
||||
header_logo: "images/chef-hat.png"
|
||||
#
|
||||
# Headers are safeHTML, you can use HTML tags such as b,i,u,br
|
||||
header_headline: "Jane Doe"
|
||||
header_subheadline: "<b>Nutrition</b> Coach & <b>Chef</b> Consultant"
|
||||
|
||||
# Add a 'Go back to top' item to the navigation menu
|
||||
# Title: name of navigation menu entry
|
||||
# Weight (i. e. position in menu): none = no menu entry, first = add as first entry, last = ad as last entry
|
||||
nav_to_top_title: "Return To Top"
|
||||
nav_to_top_weight: last
|
||||
---
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
---
|
||||
title: "Über mich (shared folder)"
|
||||
weight: 3
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
This demonstates localized variants `about-me.de.md` placed along the primary language content, such as `content/en`. Both localisation approaches (separate folder, suffixes in the same folder) can be used and mixed.
|
||||
|
||||
#### Local content
|
||||
|
||||
When localised page variants are placed along, images of other languages can't be used directly. You would need to use `.de`-suffixed copy of the image: ``
|
||||
Consider using assets instead.
|
||||
|
||||
Images from local content location can't be pipeline-processed.
|
||||
|
||||
#### Static
|
||||
|
||||
Alternatively, images can be injected from `static/images`:
|
||||
|
||||
Note the leading `/` is required in this case.
|
||||
Images from static location can't be pipeline-processed and are always copied when publishing the site, even if not linked from any page.
|
||||
|
||||
#### Assets
|
||||
|
||||
Latest Hugo version supports injection from `assets` via natural Markdown notation, which empowers this approach for injecting images since pipeline processing (resizing etc) can be used. However, It only worked for me with the local test deployment, there were issues while deploying previews Netlify. Possible workaround would be to use custom shortcode to "touch" the image via [Resources.GetMatch](https://gohugo.io/functions/resources/getmatch/). I hope this gets fixed someday.
|
||||
|
||||
|
||||
Historically, Linking image from `assets` folder worked only via Hugo-specific shortcode, there was [a discussion with suggestions](https://discourse.gohugo.io/t/how-to-show-images-on-post-pages-if-theyre-located-in-the-assets-folder/34276/14).
|
||||
|
||||
Note that using images form assets folder is the only way to apply pipeline processing, such as resizing, when building the site. Fore more details, read about [asset vs static difference](https://discourse.gohugo.io/t/difference-between-asset-and-static-folder/41203)
|
||||
|
||||
Assets are only published if linked from a content page.
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
---
|
||||
title: "About Me"
|
||||
weight: 3
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
<!--
|
||||
Neither embedded figure shortcode, nor Markdown hook were able to render image from asset.
|
||||
You would have to .Resouces.GetMatch via custom shortcode.
|
||||
|
||||
-->
|
||||
|
||||
See DE language for more examples of image management. There are multiple approaches.
|
||||
|
||||
##### Professional Experience
|
||||
|
||||
A lot, but let us get into the details with some lorem ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat lectus et magna placerat tincidunt. Nullam sit amet lectus vitae elit mollis rhoncus non eget lorem. Ut tempor sed dui quis volutpat.
|
||||
|
||||
----
|
||||
|
||||
In ultrices, est at lobortis pretium, magna quam mollis neque, id viverra odio est sit amet lorem. Mauris efficitur nunc vel lectus porttitor, sit amet sodales quam eleifend. Duis et felis ut mauris dignissim efficitur. Aliquam non sem eros. Integer elit ante, bibendum id hendrerit vitae, vestibulum eget risus. Nunc efficitur nisl in iaculis vestibulum.
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
title: "Contact"
|
||||
weight: 4
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
{{<contact_list>}}
|
||||
|
||||
Let us get in touch!
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
---
|
||||
title: "Credits"
|
||||
weight: 99
|
||||
header_menu: true
|
||||
---
|
||||
In this section we give credit to authors of resources used on this demo page.
|
||||
|
||||
- {{<extlink text="Chef-hat icons created by Cuputo - Flaticon" href="https://www.flaticon.com/free-icons/chef-hat" icon="fa fa-external-link">}}
|
||||
- {{<extlink text="sprinkle-of-rock-salt-on-sliced-vegetables-3209239 - Pexels" href="https://www.pexels.com/video/sprinkle-of-rock-salt-on-sliced-vegetables-3209239/" icon="fa fa-external-link">}}
|
||||
- {{<extlink text="Earth icon - Freepik" href="https://www.freepik.com/icon/earth_2072130" icon="fa fa-external-link">}}
|
||||
- {{<extlink text="happy-ethnic-woman - Pexels" href="https://www.pexels.com/photo/happy-ethnic-woman-sitting-at-table-with-laptop-3769021/" icon="fa fa-external-link">}}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
title: "GitHub"
|
||||
weight: 99
|
||||
header_menu: true
|
||||
external: https://github.com/zjedi/hugo-scroll
|
||||
---
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
---
|
||||
headless: true
|
||||
---
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
---
|
||||
title: "Brief Legal Information"
|
||||
weight: 98
|
||||
header_menu_title: "Legal"
|
||||
navigation_menu_title: "Legal stuff"
|
||||
header_menu: true
|
||||
detailed_page_path: /legal/
|
||||
detailed_page_homepage_content: true
|
||||
---
|
||||
The file **legal-brief.md** creates an internal link on the cover page without the leading icon.
|
||||
|
||||
If the parameter `detailed_page_homepage_content` is set to false neither this section nor the navigation menu entry will be shown (but the link on the cover page will be).
|
||||
|
||||
If `detailed_page_homepage_content` is set to true or is missing at all, the link, navigation menu and the content will be rendered. In that case this section might contain less or just summarized information compared to the single page referenced by the parameter `detailed_page_path`.
|
||||
|
||||
Want to see more about the details? See [dedicated page](legal) with more details or hit the button 'Legal' on the cover page.
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
footer_menu_title: License
|
||||
footer_menu: true
|
||||
detailed_page_path: /license/
|
||||
detailed_page_homepage_content: false
|
||||
weight: 91
|
||||
---
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
---
|
||||
title: "Welcome"
|
||||
weight: 1
|
||||
---
|
||||
|
||||
`Hugo-Scroll` theme alternates colors of sections that are placed on single page.
|
||||
The landing screen is meant to be visually striking.
|
||||
|
||||
Single-page approach is oriented towards small to medium content length, that won't overwhelm the user.
|
||||
You can also delegate lengthier, less important or more sizeable content to [dedicated pages](services).
|
||||
|
||||
> The belly rules the mind. --- spanish proverb
|
||||
|
||||
By the way this welcome section won't show in the cover menu.
|
||||
|
|
@ -1,55 +0,0 @@
|
|||
---
|
||||
title: "The Services I Offer"
|
||||
header_menu_title: "Services"
|
||||
navigation_menu_title: "My Services"
|
||||
weight: 2
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
Feature notice: This section displays options to customize title:
|
||||
|
||||
- has a normal section title (`title` = "The Services I Offer"),
|
||||
- custom welcome screen title (`header_menu_title` = "Services"),
|
||||
- custom navigation menu title (`navigation_menu_title` = "My Services").
|
||||
|
||||
That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
|
||||
|
||||
---
|
||||
|
||||
### Icons
|
||||
|
||||
This theme includes the full set of [Font Awesome v6.6.0 icons](https://fontawesome.com/icons). Use the `{{</* icon */>}}` [shortcode](https://gohugo.io/content-management/shortcodes/) with the respective `name` to use an icon directly in your `.md` files. For example "{{< icon name="envelope" >}}":
|
||||
|
||||
```html
|
||||
{{</* icon name="envelope" */>}}
|
||||
```
|
||||
|
||||
If you want to use one of Font Awesome's brand icons—the ones that have a trademark warning and the `fa-brands` class—add `brand=true`. For example "{{< icon name="github" brand=true >}}":
|
||||
|
||||
```html
|
||||
{{</* icon name="github" brand=true */>}}
|
||||
```
|
||||
If you want to use these branded icons in your contact list, use the full class names in your `hugo.toml`:
|
||||
|
||||
```toml
|
||||
[[params.contacts]]
|
||||
label = "GitHub"
|
||||
value = "github.com/zjedi/hugo-scroll"
|
||||
url = "https://github.com/zjedi/hugo-scroll"
|
||||
icon = "fa-brands fa-github"
|
||||
```
|
||||
|
||||
### Nutrition Coaching
|
||||
|
||||
This is not an easy task.
|
||||
You will likely have to pay money for this.
|
||||
|
||||
### Chef Consulting
|
||||
|
||||
I can raise your table culture!
|
||||
|
||||
|
||||
|
||||
Want to learn more about my services? See [dedicated page](services) with more details.
|
||||
[font-awesome-icons]: https://fontawesome.com/icons
|
||||
[hugo-shortcodes]: https://gohugo.io/content-management/shortcodes/
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
title: "The single page referenced to by the Legal button on the cover page"
|
||||
---
|
||||
This file is a single page and is referenced by the button `Legal` on the cover start page.
|
||||
|
||||
It can contain more or additional information than the dedicated section on the homepage.
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
---
|
||||
title: Hugo Scroll License
|
||||
---
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2020 Jan Raasch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
---
|
||||
title: "Services"
|
||||
---
|
||||
|
||||
This is a page about the services, which I offer.
|
||||
|
||||
It carries a lot more detail than what I put on the homepage - I swear!
|
||||
|
||||
You want to know what I can do for you?
|
||||
|
||||
Well, let me tell ya!
|
||||
|
||||
---
|
||||
|
||||
## Nutrition Coaching
|
||||
|
||||
This is not an easy task. You will likely have to pay money for this. You know what - let us look at a nice picture first.
|
||||
|
||||
<!-- Note how static images need to have leading slash from the dedicated pages -->
|
||||
|
||||
|
||||
|
||||
Wow. That was nice, right? Well, call me and let us talk.
|
||||
|
||||
---
|
||||
|
||||
## Chef Consulting
|
||||
|
||||
Did you see the picture above? I can show you how to go from
|
||||
|
||||
|
||||
|
||||
to
|
||||
|
||||
|
||||
|
||||
in estimated seconds.
|
||||
|
||||
Don't believe me? Here are some bullets
|
||||
|
||||
* If anyone can teach you to cook, I can
|
||||
* And if you already know how to cook, I will make you that much better
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
baseURL = "https://example.com"
|
||||
|
||||
# This is a "one page"-website, so we do not need these kinds of pages...
|
||||
disableKinds = ["section", "taxonomy", "term", "RSS", "robotsTXT"]
|
||||
|
||||
defaultContentLanguage = "en"
|
||||
|
||||
# The name of this wonderful theme ;-).
|
||||
theme = "hugo-scroll"
|
||||
|
||||
# The browser tab name
|
||||
title = "Jane Doe - Nutrition Coach & Chef Consultant"
|
||||
|
||||
# In order to add version information in the page's footer set to true.
|
||||
# enableGitInfo = true
|
||||
|
||||
# enable emoji processing in Markdown (valid only for pure markdown content)
|
||||
enableEmoji = true
|
||||
|
||||
# Theme-specific variables `.Site.Params.myParamName`
|
||||
[params]
|
||||
|
||||
# The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
|
||||
favicon = "images/favicon.png"
|
||||
|
||||
# These "images" are used for the structured data templates. This will show up, when
|
||||
# services like Twitter or Slack want to generate a preview of a link to your site.
|
||||
# See https://gohugo.io/templates/internal#twitter-cards and https://gohugo.io/templates/internal#open-graph.
|
||||
# NOT the actual header background image, go to _index.md instead
|
||||
images = ["images/cover-image.jpg"]
|
||||
|
||||
# When set true, it creates a visual guard (partially transparent rounded box), preventing non-ideal background images from interfering with title/description headings
|
||||
# Ideal images are homogenous around the centre and contrasting to the text.
|
||||
# see CSS classes: .title-and-description-guard, .blog-title, .blog-description
|
||||
# see _index.md header_headline and header_subheadline
|
||||
title_guard = false
|
||||
|
||||
# Another "title" :-). This one is used as the site_name on the Hugo's internal
|
||||
# opengraph structured data template.
|
||||
# See https://ogp.me/ and https://gohugo.io/templates/internal#open-graph.
|
||||
title = "Jane Doe - Nutrition Coach & Chef Consultant"
|
||||
|
||||
# The "description" of your website. This is used in the meta data of your generated html.
|
||||
description = "Nutrition Coach & Chef Consultant"
|
||||
|
||||
# Show a menu of languages available
|
||||
language_menu = true
|
||||
|
||||
# Show also a language menu item for the current language, if false only
|
||||
# show the remaining languages
|
||||
show_current_lang = true
|
||||
|
||||
# A "copyright"-line to be added at the bottom of the page.
|
||||
# Hint: Plain HTML is supported in here as well. So you may e.g. add a link to your legal imprint-page.
|
||||
copyright = "© Jane Doe"
|
||||
|
||||
# This theme will, by default, inject a design-by-line at the bottom of the page.
|
||||
# You can turn it off, but we would really appreciate if you don’t :-)
|
||||
hidedesignbyline = false
|
||||
|
||||
# The sections of the home page alternate styling. Mark invert as true to swap the styling of the sections
|
||||
invertSectionColors = false
|
||||
|
||||
# Options used for automatic image generation. see: https://gohugo.io/content-management/image-processing/
|
||||
image_options = "webp q90 lanczos photo"
|
||||
|
||||
# Use "page_title | site_title" for <title> tags
|
||||
# e.g. <title>Legal | Jane Doe - Nutrition Coach & Chef Consultant</title>
|
||||
combine_page_and_site_title = false
|
||||
|
||||
[params.footer]
|
||||
# Show contact icons for email/phone (if specified) in the footer of the page
|
||||
showContactIcons = false
|
||||
|
||||
# Show links indicated with footer_menu and footer_menu_title in the footer of the page
|
||||
showFooterLinks = false
|
||||
|
||||
[params.meta]
|
||||
keywords = "some, keywords, for, seo, you, know, google, duckduckgo, and, such"
|
||||
|
||||
[[params.contacts]]
|
||||
label = "phone"
|
||||
value = "+49 1111 555555"
|
||||
url = "tel:+49 1111 555555"
|
||||
icon = "fa fa-phone"
|
||||
|
||||
[[params.contacts]]
|
||||
label = "email"
|
||||
value = "mail@janedoe.com"
|
||||
url = "mailto:mail@janedoe.com"
|
||||
icon = "fa fa-envelope"
|
||||
|
||||
[[params.contacts]]
|
||||
label = "GitHub"
|
||||
value = "github.com/zjedi/hugo-scroll"
|
||||
url = "https://github.com/zjedi/hugo-scroll"
|
||||
icon = "fa-brands fa-github"
|
||||
|
||||
# Add additional contacts here!
|
||||
# [[params.contacts]]
|
||||
# label = ""
|
||||
# value = ""
|
||||
# url = ""
|
||||
# icon = ""
|
||||
|
||||
# Define additional languages
|
||||
[languages]
|
||||
[languages.en]
|
||||
weight = 10
|
||||
languageName = "English"
|
||||
contentDir = "content/en"
|
||||
|
||||
[languages.de]
|
||||
title = "Erika Musterfrau - Ernährungshilfe & Kochberatung"
|
||||
weight = 20
|
||||
contentDir = "content/de"
|
||||
languageName = "Deutsch"
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
<!-- A partial to be overwritten by the user.
|
||||
Its content will appear before the closing </head>-tag -->
|
||||
|
||||
|
||||
<!-- Custom CSS via inline styles
|
||||
You may use this template to add custom CSS to your site like so: -->
|
||||
<!--
|
||||
<style>
|
||||
:root {
|
||||
/* see variables.scss for more variables*/
|
||||
|
||||
/*
|
||||
--section-light-text-color: #3a4145!important;
|
||||
--section-light-bg-color: #ffdb8c!important;
|
||||
--section-dark-bg-color: #035e00!important;
|
||||
*/
|
||||
|
||||
/* define list element for unnumbered lists, leave empty for default list element */
|
||||
/* fa-asterisk is the default icon if this variable definition is missing completely */
|
||||
--ul-li-icon: fa-dashcube; /* this sets fa-dashcube as list icon */
|
||||
--ul-li-icon: ; /* this sets the default html list icon */
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
|
||||
<!-- Custom CSS via "custom.css"-file
|
||||
If you would rather place your custom CSS into
|
||||
a separate file, create a "custom.css" in your
|
||||
local "static/css"-directory. Then add a <link>-tag
|
||||
referencing your "custom.css" like so: -->
|
||||
|
||||
<!-- <link rel="stylesheet" href='{{ "css/custom.css" | absURL }}'> -->
|
||||
|
||||
<!-- Custom CSS: Color Codes
|
||||
You may checkout https://htmlcolorcodes.com/ to get those
|
||||
weird color codes (like "#22343A") ;-). -->
|
||||
|
||||
<!-- Custom link-tags for different icons
|
||||
Generated via https://favicon.io/favicon-generator/ -->
|
||||
|
||||
{{ with resources.Get "images/apple-touch-icon.png" }}<link rel="apple-touch-icon" sizes="180x180" href="{{ .RelPermalink }}" />{{ end }}
|
||||
{{ with resources.Get "images/favicon.svg" }}<link rel="icon" type="image/svg+xml" href="{{ .RelPermalink }}" />{{ end }}
|
||||
{{ range seq 9 4 }}{{ $size := pow 2 . }}{{ $file := replace "images/favicon-##x##.png" "##" $size }}{{ with resources.Get $file }}
|
||||
<link rel="icon" type="{{ .MediaType.Type }}" sizes="{{- $size -}}x{{- $size -}}" href="{{ .RelPermalink }}" />{{ end }}{{ end }}
|
||||
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
<video playsinline="" autoplay="true" muted="" loop=""
|
||||
poster="https://www.ledger.com/wp-content/themes/ledger-v2/public/images/homepage/home-hero-ledger.jpg">
|
||||
<!--
|
||||
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.webm?v=1637155649" type="video/webm">
|
||||
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mp4?v=1637155649" type="video/mp4">
|
||||
<source src="https://cdn.shopify.com/s/files/1/2974/4858/files/home-hero-mobile.mov?v=1637155649" type="video/mov">
|
||||
-->
|
||||
|
||||
{{ $videoResource := resources.Get "cover/pexels-pressmaster-3209239-960x540-25fps.mp4" }}
|
||||
<source src="{{ $videoResource.RelPermalink }}" type="video/mp4">
|
||||
</video>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
41
fonts/icons.dev.svg
Executable file
41
fonts/icons.dev.svg
Executable file
|
|
@ -0,0 +1,41 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.
|
||||
<iconset grid="16"></iconset>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||
<glyph unicode="" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
|
||||
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
|
||||
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
|
||||
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" data-tags="feed, rss" />
|
||||
<glyph unicode="" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
|
||||
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
|
||||
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
|
||||
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
|
||||
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
|
||||
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
|
||||
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
|
||||
C 480.11,343.227, 497.918,361.727, 512,382.791z" data-tags="twitter, tweet, social" />
|
||||
<glyph unicode="" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
|
||||
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
|
||||
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
|
||||
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
|
||||
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
|
||||
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
|
||||
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
|
||||
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
|
||||
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
|
||||
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
|
||||
<glyph unicode="" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
|
||||
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
|
||||
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
|
||||
L 435.296,224z" data-tags="facebook, social" />
|
||||
<glyph unicode="" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" data-tags="ghst" />
|
||||
<glyph unicode=" " horiz-adv-x="256" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
BIN
fonts/icons.eot
Executable file
BIN
fonts/icons.eot
Executable file
Binary file not shown.
41
fonts/icons.svg
Executable file
41
fonts/icons.svg
Executable file
|
|
@ -0,0 +1,41 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.
|
||||
<iconset grid="16"></iconset>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||
<glyph unicode="" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
|
||||
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
|
||||
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
|
||||
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" />
|
||||
<glyph unicode="" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
|
||||
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
|
||||
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
|
||||
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
|
||||
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
|
||||
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
|
||||
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
|
||||
C 480.11,343.227, 497.918,361.727, 512,382.791z" />
|
||||
<glyph unicode="" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
|
||||
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
|
||||
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
|
||||
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
|
||||
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
|
||||
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
|
||||
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
|
||||
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
|
||||
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
|
||||
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" />
|
||||
<glyph unicode="" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
|
||||
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
|
||||
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
|
||||
L 435.296,224z" />
|
||||
<glyph unicode="" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" />
|
||||
<glyph unicode=" " horiz-adv-x="256" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
BIN
fonts/icons.ttf
Executable file
BIN
fonts/icons.ttf
Executable file
Binary file not shown.
BIN
fonts/icons.woff
Executable file
BIN
fonts/icons.woff
Executable file
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue