style: add & run prettier
This commit is contained in:
Jan Raasch
parent
30fe331123
commit
848f6129ec
4
.github/FUNDING.yml
vendored
4
.github/FUNDING.yml
vendored
|
|
@ -1,2 +1,2 @@
|
||||||
custom: ['https://www.paypal.me/janraasch/29,00']
|
custom: ["https://www.paypal.me/janraasch/29,00"]
|
||||||
github: ['janraasch']
|
github: ["janraasch"]
|
||||||
|
|
|
||||||
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1,2 +1,3 @@
|
||||||
public
|
public
|
||||||
exampleSite/public
|
exampleSite/public
|
||||||
|
node_modules
|
||||||
|
|
|
||||||
6
.prettierignore
Normal file
6
.prettierignore
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
build
|
||||||
|
resources
|
||||||
|
public
|
||||||
|
static/font-awesome
|
||||||
|
static/css/normalize.css
|
||||||
|
layouts/index.html
|
||||||
10
.prettierrc.json
Normal file
10
.prettierrc.json
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"overrides": [
|
||||||
|
{
|
||||||
|
"files": ["*.html"],
|
||||||
|
"options": {
|
||||||
|
"parser": "go-template"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
11
README.md
11
README.md
|
|
@ -54,29 +54,30 @@ hugo new my-new-page.md
|
||||||
|
|
||||||
### Adding your branding / colors / css
|
### Adding your branding / colors / css
|
||||||
|
|
||||||
Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you may add a `<style>`-tag *or* you may add a `<link>`-tag referencing your own `custom.css` (in case you prefer to have a separate `.css`-file). Checkout the [`custom_head.html`](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html)-file from the `exampleSite`-directory to get started and to find more detailed instructions.
|
Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you may add a `<style>`-tag _or_ you may add a `<link>`-tag referencing your own `custom.css` (in case you prefer to have a separate `.css`-file). Checkout the [`custom_head.html`](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html)-file from the `exampleSite`-directory to get started and to find more detailed instructions.
|
||||||
|
|
||||||
## Issues / Feedback / Contributing
|
## Issues / Feedback / Contributing
|
||||||
|
|
||||||
Please use [GitHub issues](https://github.com/janraasch/hugo-scroll/issues) and [Pull Requests](https://github.com/janraasch/hugo-scroll/pulls).
|
Please use [GitHub issues](https://github.com/janraasch/hugo-scroll/issues) and [Pull Requests](https://github.com/janraasch/hugo-scroll/pulls).
|
||||||
|
|
||||||
If you do not have a GitHub-account, feel free to hit me up via e-mail (see [janraasch.com](https://www.janraasch.com)).
|
If you do not have a GitHub-account, feel free to hit me up via e-mail (see [janraasch.com](https://www.janraasch.com)).
|
||||||
|
|
||||||
|
|
||||||
## Sponsor [![Pay me][insert-coins-svg]][paypal-dot-me]
|
## Sponsor [![Pay me][insert-coins-svg]][paypal-dot-me]
|
||||||
|
|
||||||
Please consider supporting my work on this theme via [GitHub Sponsors][github-sponsors] or [PayPal][paypal-dot-me].
|
Please consider supporting my work on this theme via [GitHub Sponsors][github-sponsors] or [PayPal][paypal-dot-me].
|
||||||
|
|
||||||
[][github-sponsors]
|
[][github-sponsors]
|
||||||
|
|
||||||
## Special Thanks 🎁
|
## Special Thanks 🎁
|
||||||
|
|
||||||
* Go to [Yonatan Wolowelsky](https://github.com/grmmph), for the great [GhostScroll](https://github.com/grmmph/GhostScroll)-theme which formed the basis of this [Hugo](https://gohugo.io/)-theme.
|
- Go to [Yonatan Wolowelsky](https://github.com/grmmph), for the great [GhostScroll](https://github.com/grmmph/GhostScroll)-theme which formed the basis of this [Hugo](https://gohugo.io/)-theme.
|
||||||
* Go to [Pexels](https://www.pexels.com), for supplying those wonderful *free* stock photos on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite).
|
- Go to [Pexels](https://www.pexels.com), for supplying those wonderful _free_ stock photos on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite).
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT License](http://en.wikipedia.org/wiki/MIT_License) © [Jan Raasch](https://www.janraasch.com)
|
[MIT License](http://en.wikipedia.org/wiki/MIT_License) © [Jan Raasch](https://www.janraasch.com)
|
||||||
|
|
||||||
[paypal-dot-me]: https://www.paypal.me/janraasch/29,00
|
[paypal-dot-me]: https://www.paypal.me/janraasch/29,00
|
||||||
[github-sponsors]: https://github.com/sponsors/janraasch
|
[github-sponsors]: https://github.com/sponsors/janraasch
|
||||||
[insert-coins-svg]: https://img.shields.io/badge/insert-coins-11dde2.svg
|
[insert-coins-svg]: https://img.shields.io/badge/insert-coins-11dde2.svg
|
||||||
|
|
||||||
[hugo-setup-guide]: https://gohugo.io/getting-started/installing
|
[hugo-setup-guide]: https://gohugo.io/getting-started/installing
|
||||||
|
|
|
||||||
|
|
@ -8,4 +8,5 @@ weight: 5
|
||||||
# into the header menu at the top of the homepage.
|
# into the header menu at the top of the homepage.
|
||||||
header_menu: true
|
header_menu: true
|
||||||
---
|
---
|
||||||
|
|
||||||
This is just another section to appear on the homepage.
|
This is just another section to appear on the homepage.
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
---
|
---
|
||||||
title: 'About Me'
|
title: "About Me"
|
||||||
weight: 3
|
weight: 3
|
||||||
header_menu: true
|
header_menu: true
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
##### Professionel Experience
|
##### Professionel Experience
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
---
|
---
|
||||||
title: 'Contact'
|
title: "Contact"
|
||||||
weight: 4
|
weight: 4
|
||||||
header_menu: true
|
header_menu: true
|
||||||
---
|
---
|
||||||
|
|
||||||
E-Mail: [mail@janedoe.com](mailto:your-email@your-domain.com)
|
E-Mail: [mail@janedoe.com](mailto:your-email@your-domain.com)
|
||||||
|
|
||||||
Tel.: [+49 1111 555555](tel:+491111555555)
|
Tel.: [+49 1111 555555](tel:+491111555555)
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
title: 'Welcome'
|
title: "Welcome"
|
||||||
weight: 1
|
weight: 1
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
---
|
---
|
||||||
title: 'Services'
|
title: "Services"
|
||||||
weight: 2
|
weight: 2
|
||||||
header_menu: true
|
header_menu: true
|
||||||
---
|
---
|
||||||
|
|
||||||
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.
|
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.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
title: 'Services'
|
title: "Services"
|
||||||
---
|
---
|
||||||
|
|
||||||
This is a page about the services, which I offer.
|
This is a page about the services, which I offer.
|
||||||
|
|
|
||||||
|
|
@ -61,6 +61,20 @@
|
||||||
<!-- Custom link-tags for different icons
|
<!-- Custom link-tags for different icons
|
||||||
Generated via https://favicon.io/favicon-generator/ -->
|
Generated via https://favicon.io/favicon-generator/ -->
|
||||||
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href='{{ "images/apple-touch-icon.png" | absURL }}'>
|
<link
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href='{{ "images/favicon-32x32.png" | absURL }}'>
|
rel="apple-touch-icon"
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href='{{ "images/favicon-16x16.png" | absURL }}'>
|
sizes="180x180"
|
||||||
|
href="{{ "images/apple-touch-icon.png" | absURL }}"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="32x32"
|
||||||
|
href="{{ "images/favicon-32x32.png" | absURL }}"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="16x16"
|
||||||
|
href="{{ "images/favicon-16x16.png" | absURL }}"
|
||||||
|
/>
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,8 @@
|
||||||
</header>
|
</header>
|
||||||
<h1 class="post-title">404 - Page Not Found</h1>
|
<h1 class="post-title">404 - Page Not Found</h1>
|
||||||
<section class="post-content">
|
<section class="post-content">
|
||||||
Give it another try: <a href="{{ "/" | relURL }}" alt="Homepage">Back to the homepage</a>.
|
Give it another try:
|
||||||
|
<a href="{{ "/" | relURL }}" alt="Homepage">Back to the homepage</a>.
|
||||||
</section>
|
</section>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,10 @@
|
||||||
{{- partial "footer.html" . -}}
|
{{- partial "footer.html" . -}}
|
||||||
|
|
||||||
<!-- We do need jQuery to be loaded before HugoScroll script -->
|
<!-- We do need jQuery to be loaded before HugoScroll script -->
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
|
<script
|
||||||
|
type="text/javascript"
|
||||||
|
src="https://code.jquery.com/jquery-1.11.3.min.js"
|
||||||
|
></script>
|
||||||
|
|
||||||
<!-- The main JavaScript files for HugoScroll -->
|
<!-- The main JavaScript files for HugoScroll -->
|
||||||
<script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
|
<script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,6 @@
|
||||||
<i id='header-arrow' class="fa fa-angle-down"></i>
|
<i id='header-arrow' class="fa fa-angle-down"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
<main class="content" role="main">
|
<main class="content" role="main">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,18 @@
|
||||||
<footer class="site-footer">
|
<footer class="site-footer">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
{{ with .Site.Params.copyright }}<section class="copyright">{{ . | markdownify }}</section>{{ end }}
|
{{ with .Site.Params.copyright }}
|
||||||
|
<section class="copyright">{{ . | markdownify }}</section>{{ end }}
|
||||||
|
|
||||||
|
|
||||||
<section>{{ echoParam .Site.Params "hidebyline" }}</section>
|
<section>{{ echoParam .Site.Params "hidebyline" }}</section>
|
||||||
{{ if ne .Site.Params.hidedesignbyline true }}<section>
|
{{ if ne .Site.Params.hidedesignbyline true }}
|
||||||
|
<section>
|
||||||
<!-- TODO: Change link to https://themes.gohugo.io/hugo-scroll/ once
|
<!-- TODO: Change link to https://themes.gohugo.io/hugo-scroll/ once
|
||||||
https://github.com/gohugoio/hugoThemes/issues/881 is solved. -->
|
https://github.com/gohugoio/hugoThemes/issues/881 is solved. -->
|
||||||
<a href="https://github.com/janraasch/hugo-scroll/">Design</a> template built with ♥️ by <a href="https://www.janraasch.com" title="Jan Raasch">Jan Raasch</a>
|
<a href="https://github.com/janraasch/hugo-scroll/">Design</a> template
|
||||||
|
built with ♥️ by
|
||||||
|
<a href="https://www.janraasch.com" title="Jan Raasch">Jan Raasch</a>
|
||||||
</section>{{ end }}
|
</section>{{ end }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -3,20 +3,37 @@
|
||||||
|
|
||||||
<title>{{ with .Title }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }}</title>
|
<title>{{ with .Title }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }}</title>
|
||||||
|
|
||||||
{{ with .Site.Params.favicon }}<link rel="shortcut icon" href="{{ . | absURL }}" type="image/png"/>{{ end }}
|
{{ with .Site.Params.favicon }}
|
||||||
|
<link rel="shortcut icon" href="{{ . | absURL }}" type="image/png"
|
||||||
|
/>{{ end }}
|
||||||
|
|
||||||
{{ with .Site.Params.description }}<meta name="description" content="{{ . }}" />{{ end }}
|
{{ with .Site.Params.description }}
|
||||||
{{ with .Site.Params.meta.keywords }}<meta name="keywords" content="{{ . }}" />{{ end }}
|
<meta name="description" content="{{ . }}"
|
||||||
|
/>{{ end }}
|
||||||
|
{{ with .Site.Params.meta.keywords }}
|
||||||
|
<meta name="keywords" content="{{ . }}"
|
||||||
|
/>{{ end }}
|
||||||
<meta name="referrer" content="no-referrer-when-downgrade" />
|
<meta name="referrer" content="no-referrer-when-downgrade" />
|
||||||
|
|
||||||
<meta name="HandheldFriendly" content="True" />
|
<meta name="HandheldFriendly" content="True" />
|
||||||
<meta name="MobileOptimized" content="320" />
|
<meta name="MobileOptimized" content="320" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
<link rel="stylesheet" href='{{ "css/screen.css" | absURL }}'>
|
<link rel="stylesheet" href="{{ "css/screen.css" | absURL }}" />
|
||||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
|
<link
|
||||||
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
|
href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700"
|
||||||
<link rel="stylesheet" href='{{ "font-awesome/css/font-awesome.min.css" | absURL }}'>
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Roboto+Slab:400,100,300,700"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="{{ "font-awesome/css/font-awesome.min.css" | absURL }}"
|
||||||
|
/>
|
||||||
|
|
||||||
{{ template "_internal/opengraph.html" . }}
|
{{ template "_internal/opengraph.html" . }}
|
||||||
{{ template "_internal/twitter_cards.html" . }}
|
{{ template "_internal/twitter_cards.html" . }}
|
||||||
|
|
|
||||||
20
package-lock.json
generated
Normal file
20
package-lock.json
generated
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"name": "hugo-scroll",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"lockfileVersion": 1,
|
||||||
|
"requires": true,
|
||||||
|
"dependencies": {
|
||||||
|
"prettier": {
|
||||||
|
"version": "2.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.1.tgz",
|
||||||
|
"integrity": "sha512-9bY+5ZWCfqj3ghYBLxApy2zf6m+NJo5GzmLTpr9FsApsfjriNnS2dahWReHMi7qNPhhHl9SYHJs2cHZLgexNIw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"prettier-plugin-go-template": {
|
||||||
|
"version": "0.0.10",
|
||||||
|
"resolved": "https://registry.npmjs.org/prettier-plugin-go-template/-/prettier-plugin-go-template-0.0.10.tgz",
|
||||||
|
"integrity": "sha512-TaHPqiMK/zfk+YhvKRf/1WZDgQ6ffnlxJZX5rwphqfxBOVEezZQtYistTB348MKrKnnwKpyXZWpMRo0/KCVB+A==",
|
||||||
|
"dev": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
29
package.json
Normal file
29
package.json
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
{
|
||||||
|
"private": true,
|
||||||
|
"name": "hugo-scroll",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "A Hugo theme for pretty, quick and simple single-page websites.",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"test": "prettier --check . ",
|
||||||
|
"format": "prettier --write . "
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/janraasch/hugo-scroll.git"
|
||||||
|
},
|
||||||
|
"author": {
|
||||||
|
"name": "Jan Raasch",
|
||||||
|
"email": "jan@janraasch.com",
|
||||||
|
"url": "https://www.janraasch.com"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/janraasch/hugo-scroll/issues"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/janraasch/hugo-scroll#readme",
|
||||||
|
"devDependencies": {
|
||||||
|
"prettier": "^2.1.1",
|
||||||
|
"prettier-plugin-go-template": "0.0.10"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -24,26 +24,29 @@
|
||||||
|
|
||||||
@import url(normalize.css);
|
@import url(normalize.css);
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
1. Icons - Sets up the icon font and respective classes
|
1. Icons - Sets up the icon font and respective classes
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/* Import the font file with the icons in it */
|
/* Import the font file with the icons in it */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'icons';
|
font-family: "icons";
|
||||||
src:url('../fonts/icons.eot');
|
src: url("../fonts/icons.eot");
|
||||||
src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
|
src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
|
||||||
url('../fonts/icons.woff') format('woff'),
|
url("../fonts/icons.woff") format("woff"),
|
||||||
url('../fonts/icons.ttf') format('truetype'),
|
url("../fonts/icons.ttf") format("truetype"),
|
||||||
url('../fonts/icons.svg#icons') format('svg');
|
url("../fonts/icons.svg#icons") format("svg");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Apply these base styles to all icons */
|
/* Apply these base styles to all icons */
|
||||||
.i-ghost, .icon-feed, .icon-twitter, .icon-google-plus, .icon-facebook {
|
.i-ghost,
|
||||||
font-family: 'icons';
|
.icon-feed,
|
||||||
|
.icon-twitter,
|
||||||
|
.icon-google-plus,
|
||||||
|
.icon-facebook {
|
||||||
|
font-family: "icons";
|
||||||
speak: none;
|
speak: none;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
@ -73,7 +76,6 @@
|
||||||
content: "\e004";
|
content: "\e004";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
2. General - Setting up some base styles
|
2. General - Setting up some base styles
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -89,23 +91,23 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
/*font-family: 'Droid Serif', serif;*/
|
/*font-family: 'Droid Serif', serif;*/
|
||||||
font-family: 'Roboto Slab', serif;
|
font-family: "Roboto Slab", serif;
|
||||||
font-size: 2.0rem;
|
font-size: 2rem;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
color: #3A4145;
|
color: #3a4145;
|
||||||
}
|
}
|
||||||
a.fa {
|
a.fa {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #222;
|
color: #222;
|
||||||
background: #D6EDFF;
|
background: #d6edff;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #222;
|
color: #222;
|
||||||
background: #D6EDFF;
|
background: #d6edff;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
.left {
|
.left {
|
||||||
|
|
@ -117,19 +119,26 @@
|
||||||
.clear {
|
.clear {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
h1, h2, h3,
|
h1,
|
||||||
h4, h5, h6 {
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
}
|
}
|
||||||
h3, h4, h5, h6 {
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
margin-bottom: 0%;
|
margin-bottom: 0%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -175,7 +184,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a.btn {
|
a.btn {
|
||||||
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #9fd067;
|
background-color: #9fd067;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
@ -190,10 +198,9 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-family: 'Oswald', sans-serif;
|
font-family: "Oswald", sans-serif;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a.btn:hover {
|
a.btn:hover {
|
||||||
|
|
@ -218,18 +225,25 @@
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 a, h2 a, h3 a,
|
h1 a,
|
||||||
h4 a, h5 a, h6 a {
|
h2 a,
|
||||||
|
h3 a,
|
||||||
|
h4 a,
|
||||||
|
h5 a,
|
||||||
|
h6 a {
|
||||||
/*color: #50585D;*/
|
/*color: #50585D;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
p, ul, ol {
|
ul,
|
||||||
|
ol {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol ol, ul ul,
|
ol ol,
|
||||||
ul ol, ol ul {
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ul {
|
||||||
margin: 0.4em 0;
|
margin: 0.4em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -245,8 +259,8 @@
|
||||||
blockquote {
|
blockquote {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 1.0em 0 1.0em -2.2em;
|
margin: 1em 0 1em -2.2em;
|
||||||
padding: 0 0 0 1.0em;
|
padding: 0 0 0 1em;
|
||||||
/*border-left: #4a4a4a 0.4em solid;*/
|
/*border-left: #4a4a4a 0.4em solid;*/
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
}
|
}
|
||||||
|
|
@ -263,19 +277,22 @@
|
||||||
|
|
||||||
blockquote small {
|
blockquote small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0.8em 0 0.8em 1.5em;;
|
margin: 0.8em 0 0.8em 1.5em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote small:before { content: '\2014 \00A0'; }
|
blockquote small:before {
|
||||||
|
content: "\2014 \00A0";
|
||||||
|
}
|
||||||
|
|
||||||
blockquote cite {
|
blockquote cite {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote cite a { font-weight: normal; }
|
blockquote cite a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
dl {
|
dl {
|
||||||
margin: 1.6em 0;
|
margin: 1.6em 0;
|
||||||
|
|
@ -290,45 +307,47 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 1em
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl dd {
|
dl dd {
|
||||||
margin-left: 200px;
|
margin-left: 200px;
|
||||||
margin-bottom: 1em
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
mark {
|
mark {
|
||||||
background-color: #ffc336;
|
background-color: #ffc336;
|
||||||
}
|
}
|
||||||
|
|
||||||
code, tt {
|
code,
|
||||||
|
tt {
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
font-family: Inconsolata, monospace, sans-serif;
|
font-family: Inconsolata, monospace, sans-serif;
|
||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
/*white-space: pre;*/
|
/*white-space: pre;*/
|
||||||
border: 1px solid #E3EDF3;
|
border: 1px solid #e3edf3;
|
||||||
background: #F7FAFB;
|
background: #f7fafb;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
color: #3A4145;
|
color: #3a4145;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 1.6em 0;
|
margin: 1.6em 0;
|
||||||
border: 1px solid #E3EDF3;
|
border: 1px solid #e3edf3;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Inconsolata, monospace, sans-serif;
|
font-family: Inconsolata, monospace, sans-serif;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #F7FAFB;
|
background: #f7fafb;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre code, tt {
|
pre code,
|
||||||
|
tt {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
white-space: -moz-pre-wrap;
|
white-space: -moz-pre-wrap;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
@ -348,9 +367,7 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow:
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
|
||||||
0 1px 0 rgba(0, 0, 0, 0.2),
|
|
||||||
0 1px 0 0 #fff inset;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
|
@ -371,7 +388,9 @@
|
||||||
border-top: 1px solid #efefef;
|
border-top: 1px solid #efefef;
|
||||||
}
|
}
|
||||||
|
|
||||||
table th { color: #000; }
|
table th {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
table caption + thead tr:first-child th,
|
table caption + thead tr:first-child th,
|
||||||
table caption + thead tr:first-child td,
|
table caption + thead tr:first-child td,
|
||||||
|
|
@ -382,9 +401,13 @@
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
table tbody + tbody { border-top: 2px solid #efefef; }
|
table tbody + tbody {
|
||||||
|
border-top: 2px solid #efefef;
|
||||||
|
}
|
||||||
|
|
||||||
table table table { background-color: #fff; }
|
table table table {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
table tbody > tr:nth-child(odd) > td,
|
table tbody > tr:nth-child(odd) > td,
|
||||||
table tbody > tr:nth-child(odd) > th {
|
table tbody > tr:nth-child(odd) > th {
|
||||||
|
|
@ -412,8 +435,6 @@
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
3. Utilities - These things get used a lot
|
3. Utilities - These things get used a lot
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -439,7 +460,6 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
4. General - The main styles for the the theme
|
4. General - The main styles for the the theme
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -453,15 +473,13 @@
|
||||||
margin-bottom: 0rem;
|
margin-bottom: 0rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #B80135 no-repeat center center;
|
background: #b80135 no-repeat center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
#site-head:after {
|
#site-head:after {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
|
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
|
||||||
#blog-logo img {
|
#blog-logo img {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -492,7 +510,7 @@
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-family: 'Roboto Slab', serif;
|
font-family: "Roboto Slab", serif;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -503,7 +521,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.post-holder.odd {
|
.post-holder.odd {
|
||||||
background: #B80135;
|
background: #b80135;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -518,7 +536,6 @@
|
||||||
height: 70%;
|
height: 70%;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add a little circle in the middle of the border-bottom on our .post
|
/* Add a little circle in the middle of the border-bottom on our .post
|
||||||
|
|
@ -531,7 +548,7 @@
|
||||||
top: 40px;
|
top: 40px;
|
||||||
left: 2%;
|
left: 2%;
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
font-family: 'Open Sans Condensed', sans-serif;
|
font-family: "Open Sans Condensed", sans-serif;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
line-height: 130%;
|
line-height: 130%;
|
||||||
|
|
@ -551,7 +568,6 @@
|
||||||
a.fn-item.active {
|
a.fn-item.active {
|
||||||
color: #86c440;
|
color: #86c440;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-after {
|
.post-after {
|
||||||
|
|
@ -587,13 +603,13 @@
|
||||||
.post-meta {
|
.post-meta {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
color: #9EABB3;
|
color: #9eabb3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-meta a {
|
.post-meta a {
|
||||||
color: #9EABB3;
|
color: #9eabb3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -677,7 +693,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 4rem 0 0 0;
|
margin: 4rem 0 0 0;
|
||||||
padding: 4rem 0 0 0;
|
padding: 4rem 0 0 0;
|
||||||
border-top: #EBF2F6 1px solid;
|
border-top: #ebf2f6 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-footer h4 {
|
.post-footer h4 {
|
||||||
|
|
@ -711,14 +727,13 @@
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 1.4rem 1.6rem 1.6rem 0;
|
margin: 1.4rem 1.6rem 1.6rem 0;
|
||||||
color: #BBC7CC;
|
color: #bbc7cc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-footer .share a:hover {
|
.post-footer .share a:hover {
|
||||||
color: #50585D;
|
color: #50585d;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
6. Third Party Elements - Embeds from other services
|
6. Third Party Elements - Embeds from other services
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -735,7 +750,6 @@
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
7. Pagination - Tools to let you flick between pages
|
7. Pagination - Tools to let you flick between pages
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -746,14 +760,14 @@
|
||||||
width: 80%;
|
width: 80%;
|
||||||
max-width: 700px;
|
max-width: 700px;
|
||||||
margin: 4rem auto;
|
margin: 4rem auto;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
color: #9EABB3;
|
color: #9eabb3;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination a {
|
.pagination a {
|
||||||
color: #9EABB3;
|
color: #9eabb3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Push the previous/next links out to the left/right */
|
/* Push the previous/next links out to the left/right */
|
||||||
|
|
@ -762,7 +776,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
border: #EBF2F6 2px solid;
|
border: #ebf2f6 2px solid;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
transition: border ease 0.3s;
|
transition: border ease 0.3s;
|
||||||
|
|
@ -783,10 +797,9 @@
|
||||||
|
|
||||||
.older-posts:hover,
|
.older-posts:hover,
|
||||||
.newer-posts:hover {
|
.newer-posts:hover {
|
||||||
border-color: #9EABB3;
|
border-color: #9eabb3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
8. Footer - The bottom of every page
|
8. Footer - The bottom of every page
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -795,21 +808,21 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0rem 0 0 0;
|
margin: 0rem 0 0 0;
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: #BBC7CC;
|
color: #bbc7cc;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #22343A;
|
background: #22343a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-footer a {
|
.site-footer a {
|
||||||
color: #BBC7CC;
|
color: #bbc7cc;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-footer a:hover {
|
.site-footer a:hover {
|
||||||
color: #50585D;
|
color: #50585d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.poweredby .i-ghost {
|
.poweredby .i-ghost {
|
||||||
|
|
@ -834,7 +847,7 @@
|
||||||
top: -14px;
|
top: -14px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -15px;
|
margin-left: -15px;
|
||||||
border: #EBF2F6 1px solid;
|
border: #ebf2f6 1px solid;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 2.4rem;
|
line-height: 2.4rem;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
|
|
@ -844,7 +857,7 @@
|
||||||
|
|
||||||
/* The RSS icon, inserted via icon font */
|
/* The RSS icon, inserted via icon font */
|
||||||
.subscribe:before {
|
.subscribe:before {
|
||||||
color: #D2DEE3;
|
color: #d2dee3;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
|
|
@ -860,7 +873,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.subscribe:hover:before {
|
.subscribe:hover:before {
|
||||||
color: #50585D;
|
color: #50585d;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CSS tooltip saying "Subscribe!" - initially hidden */
|
/* CSS tooltip saying "Subscribe!" - initially hidden */
|
||||||
|
|
@ -876,7 +889,7 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #50585D;
|
background: #50585d;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||||
transition: opacity 0.3s ease, top 0.3s ease;
|
transition: opacity 0.3s ease, top 0.3s ease;
|
||||||
|
|
@ -887,7 +900,7 @@
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 5px 5px 0 5px;
|
border-width: 5px 5px 0 5px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #50585D transparent;
|
border-color: #50585d transparent;
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -4px;
|
bottom: -4px;
|
||||||
|
|
@ -903,7 +916,6 @@
|
||||||
top: -33px;
|
top: -33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
9. Media Queries - Smaller than 1130px
|
9. Media Queries - Smaller than 1130px
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
@ -979,19 +991,15 @@
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 2.8rem;
|
font-size: 2.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
10. Media Queries - Smaller than 500px
|
10. Media Queries - Smaller than 500px
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 500px) {
|
@media only screen and (max-width: 500px) {
|
||||||
|
|
||||||
.fixed-nav {
|
.fixed-nav {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
.post-holder {
|
.post-holder {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
|
@ -1034,8 +1042,8 @@
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
h1, h2 {
|
h2 {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
line-height: 1.1em;
|
line-height: 1.1em;
|
||||||
letter-spacing: -1px;
|
letter-spacing: -1px;
|
||||||
|
|
@ -1069,7 +1077,7 @@
|
||||||
.post-footer .author {
|
.post-footer .author {
|
||||||
margin: 0 0 2rem 0;
|
margin: 0 0 2rem 0;
|
||||||
padding: 0 0 1.6rem 0;
|
padding: 0 0 1.6rem 0;
|
||||||
border-bottom: #EBF2F6 1px dashed;
|
border-bottom: #ebf2f6 1px dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-footer .share {
|
.post-footer .share {
|
||||||
|
|
@ -1095,11 +1103,9 @@
|
||||||
/*margin-top: 0.8rem;*/
|
/*margin-top: 0.8rem;*/
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
End of file. Media queries should be the last thing here. Do not add stuff
|
End of file. Media queries should be the last thing here. Do not add stuff
|
||||||
below this point, or it will probably fuck everything up.
|
below this point, or it will probably fuck everything up.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2,67 +2,72 @@
|
||||||
* Main JS file for GhostScroll behaviours
|
* Main JS file for GhostScroll behaviours
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var $post = $('.post');
|
var $post = $(".post");
|
||||||
var $first = $('.post.first');
|
var $first = $(".post.first");
|
||||||
var $last = $('.post.last');
|
var $last = $(".post.last");
|
||||||
var $fnav = $('.fixed-nav');
|
var $fnav = $(".fixed-nav");
|
||||||
var $postholder = $('.post-holder');
|
var $postholder = $(".post-holder");
|
||||||
var $postafter = $('.post-after');
|
var $postafter = $(".post-after");
|
||||||
var $sitehead = $('#site-head');
|
var $sitehead = $("#site-head");
|
||||||
|
|
||||||
/* Globals jQuery, document */
|
/* Globals jQuery, document */
|
||||||
(function ($) {
|
(function ($) {
|
||||||
"use strict";
|
"use strict";
|
||||||
function srcTo(el) {
|
function srcTo(el) {
|
||||||
$('html, body').animate({
|
$("html, body").animate(
|
||||||
scrollTop: el.offset().top
|
{
|
||||||
}, 1000);
|
scrollTop: el.offset().top,
|
||||||
|
},
|
||||||
|
1000
|
||||||
|
);
|
||||||
}
|
}
|
||||||
function srcToAnchorWithTitle(str) {
|
function srcToAnchorWithTitle(str) {
|
||||||
var $el = $('#' + str);
|
var $el = $("#" + str);
|
||||||
if ($el.length) {
|
if ($el.length) {
|
||||||
srcTo($el);
|
srcTo($el);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
$postholder.each(function (e) {
|
$postholder.each(function (e) {
|
||||||
if(e % 2 != 0)
|
if (e % 2 != 0) $(this).addClass("odd");
|
||||||
$(this).addClass("odd");
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$postafter.each(function (e) {
|
$postafter.each(function (e) {
|
||||||
var bg = $(this).parent().css('background-color')
|
var bg = $(this).parent().css("background-color");
|
||||||
$(this).css('border-top-color', bg);
|
$(this).css("border-top-color", bg);
|
||||||
|
|
||||||
if (e % 2 == 0) {
|
if (e % 2 == 0) {
|
||||||
$(this).addClass("even");
|
$(this).addClass("even");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$('a.btn.site-menu').click(function (e) {
|
$("a.btn.site-menu").click(function (e) {
|
||||||
srcToAnchorWithTitle($(e.target).data('title-anchor'));
|
srcToAnchorWithTitle($(e.target).data("title-anchor"));
|
||||||
});
|
});
|
||||||
$('#header-arrow').click(function () {
|
$("#header-arrow").click(function () {
|
||||||
srcTo($first);
|
srcTo($first);
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.post-title').each(function () {
|
$(".post-title").each(function () {
|
||||||
var t = $(this).text();
|
var t = $(this).text();
|
||||||
var index = $(this).parents('.post-holder').index();
|
var index = $(this).parents(".post-holder").index();
|
||||||
$fnav.append("<a class='fn-item' item_index='"+index+"'>"+t+"</a>")
|
$fnav.append(
|
||||||
$('.fn-item').click(function () {
|
"<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
|
||||||
var i = $(this).attr('item_index');
|
);
|
||||||
|
$(".fn-item").click(function () {
|
||||||
|
var i = $(this).attr("item_index");
|
||||||
var s = $(".post[item_index='" + i + "']");
|
var s = $(".post[item_index='" + i + "']");
|
||||||
|
|
||||||
$('html, body').animate({
|
$("html, body").animate(
|
||||||
scrollTop: s.offset().top
|
{
|
||||||
}, 400);
|
scrollTop: s.offset().top,
|
||||||
|
},
|
||||||
|
400
|
||||||
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$('.post.last').next('.post-after').hide();
|
$(".post.last").next(".post-after").hide();
|
||||||
if ($sitehead.length) {
|
if ($sitehead.length) {
|
||||||
$(window).scroll(function () {
|
$(window).scroll(function () {
|
||||||
var w = $(window).scrollTop();
|
var w = $(window).scrollTop();
|
||||||
|
|
@ -70,34 +75,39 @@ var $sitehead = $('#site-head');
|
||||||
var h = $sitehead.offset().top + $sitehead.height() - 100;
|
var h = $sitehead.offset().top + $sitehead.height() - 100;
|
||||||
|
|
||||||
if (w >= g && w <= h) {
|
if (w >= g && w <= h) {
|
||||||
$('.fixed-nav').fadeOut('fast');
|
$(".fixed-nav").fadeOut("fast");
|
||||||
} else if ($(window).width() > 500) {
|
} else if ($(window).width() > 500) {
|
||||||
$('.fixed-nav').fadeIn('fast');
|
$(".fixed-nav").fadeIn("fast");
|
||||||
}
|
}
|
||||||
|
|
||||||
$post.each(function () {
|
$post.each(function () {
|
||||||
var f = $(this).offset().top;
|
var f = $(this).offset().top;
|
||||||
var b = $(this).offset().top + $(this).height();
|
var b = $(this).offset().top + $(this).height();
|
||||||
var t = $(this).parent('.post-holder').index();
|
var t = $(this).parent(".post-holder").index();
|
||||||
var i = $(".fn-item[item_index='" + t + "']");
|
var i = $(".fn-item[item_index='" + t + "']");
|
||||||
var a = $(this).parent('.post-holder').prev('.post-holder').find('.post-after');
|
var a = $(this)
|
||||||
|
.parent(".post-holder")
|
||||||
|
.prev(".post-holder")
|
||||||
|
.find(".post-after");
|
||||||
|
|
||||||
$(this).attr('item_index', t);
|
$(this).attr("item_index", t);
|
||||||
|
|
||||||
if (w >= f && w <= b) {
|
if (w >= f && w <= b) {
|
||||||
i.addClass('active');
|
i.addClass("active");
|
||||||
a.fadeOut('slow');
|
a.fadeOut("slow");
|
||||||
} else {
|
} else {
|
||||||
i.removeClass('active');
|
i.removeClass("active");
|
||||||
a.fadeIn('slow');
|
a.fadeIn("slow");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
$('ul li').before('<span class="bult fa fa-asterisk icon-asterisk"></span>');
|
$("ul li").before(
|
||||||
$('blockquote p').prepend('<span class="quo icon-quote-left"></span>');
|
'<span class="bult fa fa-asterisk icon-asterisk"></span>'
|
||||||
$('blockquote p').append('<span class="quo icon-quote-right"></span>');
|
);
|
||||||
|
$("blockquote p").prepend('<span class="quo icon-quote-left"></span>');
|
||||||
|
$("blockquote p").append('<span class="quo icon-quote-right"></span>');
|
||||||
});
|
});
|
||||||
|
|
||||||
$post.each(function () {
|
$post.each(function () {
|
||||||
|
|
@ -112,11 +122,13 @@ var $sitehead = $('#site-head');
|
||||||
if (fa[i].int > -1) {
|
if (fa[i].int > -1) {
|
||||||
fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
|
fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
|
||||||
for (var j = 0; j < fa[i].count; j++) {
|
for (var j = 0; j < fa[i].count; j++) {
|
||||||
$(this).html($(this).html().replace(fa[i].str, "<i class='fa "+fa[i].icon+"'></i>"))
|
$(this).html(
|
||||||
|
$(this)
|
||||||
|
.html()
|
||||||
|
.replace(fa[i].str, "<i class='fa " + fa[i].icon + "'></i>")
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
}(jQuery));
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue