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']
|
||||
github: ['janraasch']
|
||||
custom: ["https://www.paypal.me/janraasch/29,00"]
|
||||
github: ["janraasch"]
|
||||
|
|
|
|||
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1,2 +1,3 @@
|
|||
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
|
||||
|
||||
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
|
||||
|
||||
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)).
|
||||
|
||||
|
||||
## 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].
|
||||
|
||||
[][github-sponsors]
|
||||
|
||||
## 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 [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 [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).
|
||||
|
||||
## License
|
||||
|
||||
[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
|
||||
[github-sponsors]: https://github.com/sponsors/janraasch
|
||||
[insert-coins-svg]: https://img.shields.io/badge/insert-coins-11dde2.svg
|
||||
|
||||
[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.
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
This is just another section to appear on the homepage.
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
---
|
||||
title: 'About Me'
|
||||
title: "About Me"
|
||||
weight: 3
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
|
||||
|
||||
##### Professionel Experience
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
---
|
||||
title: 'Contact'
|
||||
title: "Contact"
|
||||
weight: 4
|
||||
header_menu: true
|
||||
---
|
||||
|
||||
E-Mail: [mail@janedoe.com](mailto:your-email@your-domain.com)
|
||||
|
||||
Tel.: [+49 1111 555555](tel:+491111555555)
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: 'Welcome'
|
||||
title: "Welcome"
|
||||
weight: 1
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
---
|
||||
title: 'Services'
|
||||
title: "Services"
|
||||
weight: 2
|
||||
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.
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: 'Services'
|
||||
title: "Services"
|
||||
---
|
||||
|
||||
This is a page about the services, which I offer.
|
||||
|
|
|
|||
|
|
@ -61,6 +61,20 @@
|
|||
<!-- Custom link-tags for different icons
|
||||
Generated via https://favicon.io/favicon-generator/ -->
|
||||
|
||||
<link rel="apple-touch-icon" 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 }}'>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
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>
|
||||
<h1 class="post-title">404 - Page Not Found</h1>
|
||||
<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>
|
||||
</article>
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,10 @@
|
|||
{{- partial "footer.html" . -}}
|
||||
|
||||
<!-- 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 -->
|
||||
<script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,6 @@
|
|||
<i id='header-arrow' class="fa fa-angle-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<main class="content" role="main">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,18 @@
|
|||
<footer class="site-footer">
|
||||
<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>
|
||||
{{ 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
|
||||
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 }}
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -3,20 +3,37 @@
|
|||
|
||||
<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.meta.keywords }}<meta name="keywords" content="{{ . }}" />{{ end }}
|
||||
{{ with .Site.Params.description }}
|
||||
<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="HandheldFriendly" content="True" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<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 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 }}'>
|
||||
<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
|
||||
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/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);
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
1. Icons - Sets up the icon font and respective classes
|
||||
========================================================================== */
|
||||
|
||||
/* Import the font file with the icons in it */
|
||||
@font-face {
|
||||
font-family: 'icons';
|
||||
src:url('../fonts/icons.eot');
|
||||
src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icons.woff') format('woff'),
|
||||
url('../fonts/icons.ttf') format('truetype'),
|
||||
url('../fonts/icons.svg#icons') format('svg');
|
||||
font-family: "icons";
|
||||
src: url("../fonts/icons.eot");
|
||||
src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
|
||||
url("../fonts/icons.woff") format("woff"),
|
||||
url("../fonts/icons.ttf") format("truetype"),
|
||||
url("../fonts/icons.svg#icons") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Apply these base styles to all icons */
|
||||
.i-ghost, .icon-feed, .icon-twitter, .icon-google-plus, .icon-facebook {
|
||||
font-family: 'icons';
|
||||
.i-ghost,
|
||||
.icon-feed,
|
||||
.icon-twitter,
|
||||
.icon-google-plus,
|
||||
.icon-facebook {
|
||||
font-family: "icons";
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
|
|
@ -73,7 +76,6 @@
|
|||
content: "\e004";
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
2. General - Setting up some base styles
|
||||
========================================================================== */
|
||||
|
|
@ -89,23 +91,23 @@
|
|||
height: 100%;
|
||||
max-height: 100%;
|
||||
/*font-family: 'Droid Serif', serif;*/
|
||||
font-family: 'Roboto Slab', serif;
|
||||
font-size: 2.0rem;
|
||||
font-family: "Roboto Slab", serif;
|
||||
font-size: 2rem;
|
||||
line-height: 1.6em;
|
||||
color: #3A4145;
|
||||
color: #3a4145;
|
||||
}
|
||||
a.fa {
|
||||
text-decoration: none;
|
||||
}
|
||||
::-moz-selection {
|
||||
color: #222;
|
||||
background: #D6EDFF;
|
||||
background: #d6edff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: #222;
|
||||
background: #D6EDFF;
|
||||
background: #d6edff;
|
||||
text-shadow: none;
|
||||
}
|
||||
.left {
|
||||
|
|
@ -117,19 +119,26 @@
|
|||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
h1, h2, h3,
|
||||
h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-rendering: optimizeLegibility;
|
||||
line-height: 1;
|
||||
margin-top: 0;
|
||||
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;
|
||||
line-height: 120%;
|
||||
margin-top: 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
margin-bottom: 0%;
|
||||
}
|
||||
|
||||
|
|
@ -175,7 +184,6 @@
|
|||
}
|
||||
|
||||
a.btn {
|
||||
|
||||
text-decoration: none;
|
||||
background-color: #9fd067;
|
||||
border-radius: 6px;
|
||||
|
|
@ -190,10 +198,9 @@
|
|||
position: relative;
|
||||
margin-top: 2rem;
|
||||
cursor: pointer;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-family: "Oswald", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-weight: lighter;
|
||||
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
|
|
@ -218,18 +225,25 @@
|
|||
opacity: 0.9;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a,
|
||||
h4 a, h5 a, h6 a {
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a {
|
||||
/*color: #50585D;*/
|
||||
}
|
||||
|
||||
|
||||
p, ul, ol {
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
ol ol, ul ul,
|
||||
ul ol, ol ul {
|
||||
ol ol,
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ul {
|
||||
margin: 0.4em 0;
|
||||
}
|
||||
|
||||
|
|
@ -245,8 +259,8 @@
|
|||
blockquote {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.0em 0 1.0em -2.2em;
|
||||
padding: 0 0 0 1.0em;
|
||||
margin: 1em 0 1em -2.2em;
|
||||
padding: 0 0 0 1em;
|
||||
/*border-left: #4a4a4a 0.4em solid;*/
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
|
@ -263,19 +277,22 @@
|
|||
|
||||
blockquote small {
|
||||
display: inline-block;
|
||||
margin: 0.8em 0 0.8em 1.5em;;
|
||||
margin: 0.8em 0 0.8em 1.5em;
|
||||
font-size: 0.9em;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
blockquote small:before { content: '\2014 \00A0'; }
|
||||
blockquote small:before {
|
||||
content: "\2014 \00A0";
|
||||
}
|
||||
|
||||
blockquote cite {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote cite a { font-weight: normal; }
|
||||
|
||||
blockquote cite a {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 1.6em 0;
|
||||
|
|
@ -290,45 +307,47 @@
|
|||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
margin-left: 200px;
|
||||
margin-bottom: 1em
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: #ffc336;
|
||||
}
|
||||
|
||||
code, tt {
|
||||
code,
|
||||
tt {
|
||||
padding: 3px 5px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.75em;
|
||||
/*white-space: pre;*/
|
||||
border: 1px solid #E3EDF3;
|
||||
background: #F7FAFB;
|
||||
border: 1px solid #e3edf3;
|
||||
background: #f7fafb;
|
||||
border-radius: 2px;
|
||||
color: #3A4145;
|
||||
color: #3a4145;
|
||||
}
|
||||
|
||||
pre {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.6em 0;
|
||||
border: 1px solid #E3EDF3;
|
||||
border: 1px solid #e3edf3;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.9em;
|
||||
white-space: pre;
|
||||
overflow: auto;
|
||||
background: #F7FAFB;
|
||||
background: #f7fafb;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
pre code, tt {
|
||||
pre code,
|
||||
tt {
|
||||
font-size: inherit;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: pre-wrap;
|
||||
|
|
@ -348,9 +367,7 @@
|
|||
font-weight: bold;
|
||||
background: #f4f4f4;
|
||||
border-radius: 4px;
|
||||
box-shadow:
|
||||
0 1px 0 rgba(0, 0, 0, 0.2),
|
||||
0 1px 0 0 #fff inset;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset;
|
||||
}
|
||||
|
||||
table {
|
||||
|
|
@ -371,7 +388,9 @@
|
|||
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 td,
|
||||
|
|
@ -382,9 +401,13 @@
|
|||
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) > th {
|
||||
|
|
@ -412,8 +435,6 @@
|
|||
padding-top: 7px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
3. Utilities - These things get used a lot
|
||||
========================================================================== */
|
||||
|
|
@ -439,7 +460,6 @@
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
4. General - The main styles for the the theme
|
||||
========================================================================== */
|
||||
|
|
@ -453,15 +473,13 @@
|
|||
margin-bottom: 0rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #B80135 no-repeat center center;
|
||||
background: #b80135 no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#site-head:after {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
|
||||
#blog-logo img {
|
||||
display: block;
|
||||
|
|
@ -492,7 +510,7 @@
|
|||
font-size: 2.5rem;
|
||||
line-height: 1.5em;
|
||||
font-weight: 400;
|
||||
font-family: 'Roboto Slab', serif;
|
||||
font-family: "Roboto Slab", serif;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
|
|
@ -503,7 +521,7 @@
|
|||
position: relative;
|
||||
}
|
||||
.post-holder.odd {
|
||||
background: #B80135;
|
||||
background: #b80135;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
|
@ -518,7 +536,6 @@
|
|||
height: 70%;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
|
||||
}
|
||||
|
||||
/* Add a little circle in the middle of the border-bottom on our .post
|
||||
|
|
@ -531,7 +548,7 @@
|
|||
top: 40px;
|
||||
left: 2%;
|
||||
z-index: 99999;
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
font-family: "Open Sans Condensed", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
line-height: 130%;
|
||||
|
|
@ -551,7 +568,6 @@
|
|||
a.fn-item.active {
|
||||
color: #86c440;
|
||||
opacity: 1;
|
||||
|
||||
}
|
||||
|
||||
.post-after {
|
||||
|
|
@ -587,13 +603,13 @@
|
|||
.post-meta {
|
||||
display: inline-block;
|
||||
margin: 0 0 5px 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #9EABB3;
|
||||
color: #9eabb3;
|
||||
}
|
||||
|
||||
.post-meta a {
|
||||
color: #9EABB3;
|
||||
color: #9eabb3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -677,7 +693,7 @@
|
|||
position: relative;
|
||||
margin: 4rem 0 0 0;
|
||||
padding: 4rem 0 0 0;
|
||||
border-top: #EBF2F6 1px solid;
|
||||
border-top: #ebf2f6 1px solid;
|
||||
}
|
||||
|
||||
.post-footer h4 {
|
||||
|
|
@ -711,14 +727,13 @@
|
|||
font-size: 1.8rem;
|
||||
display: inline-block;
|
||||
margin: 1.4rem 1.6rem 1.6rem 0;
|
||||
color: #BBC7CC;
|
||||
color: #bbc7cc;
|
||||
}
|
||||
|
||||
.post-footer .share a:hover {
|
||||
color: #50585D;
|
||||
color: #50585d;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
6. Third Party Elements - Embeds from other services
|
||||
========================================================================== */
|
||||
|
|
@ -735,7 +750,6 @@
|
|||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
7. Pagination - Tools to let you flick between pages
|
||||
========================================================================== */
|
||||
|
|
@ -746,14 +760,14 @@
|
|||
width: 80%;
|
||||
max-width: 700px;
|
||||
margin: 4rem auto;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
color: #9EABB3;
|
||||
color: #9eabb3;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #9EABB3;
|
||||
color: #9eabb3;
|
||||
}
|
||||
|
||||
/* Push the previous/next links out to the left/right */
|
||||
|
|
@ -762,7 +776,7 @@
|
|||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
border: #EBF2F6 2px solid;
|
||||
border: #ebf2f6 2px solid;
|
||||
text-decoration: none;
|
||||
border-radius: 30px;
|
||||
transition: border ease 0.3s;
|
||||
|
|
@ -783,10 +797,9 @@
|
|||
|
||||
.older-posts:hover,
|
||||
.newer-posts:hover {
|
||||
border-color: #9EABB3;
|
||||
border-color: #9eabb3;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
8. Footer - The bottom of every page
|
||||
========================================================================== */
|
||||
|
|
@ -795,21 +808,21 @@
|
|||
position: relative;
|
||||
margin: 0rem 0 0 0;
|
||||
padding: 1rem 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.5em;
|
||||
color: #BBC7CC;
|
||||
color: #bbc7cc;
|
||||
text-align: center;
|
||||
background: #22343A;
|
||||
background: #22343a;
|
||||
}
|
||||
|
||||
.site-footer a {
|
||||
color: #BBC7CC;
|
||||
color: #bbc7cc;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.site-footer a:hover {
|
||||
color: #50585D;
|
||||
color: #50585d;
|
||||
}
|
||||
|
||||
.poweredby .i-ghost {
|
||||
|
|
@ -834,7 +847,7 @@
|
|||
top: -14px;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
border: #EBF2F6 1px solid;
|
||||
border: #ebf2f6 1px solid;
|
||||
text-align: center;
|
||||
line-height: 2.4rem;
|
||||
border-radius: 50px;
|
||||
|
|
@ -844,7 +857,7 @@
|
|||
|
||||
/* The RSS icon, inserted via icon font */
|
||||
.subscribe:before {
|
||||
color: #D2DEE3;
|
||||
color: #d2dee3;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
|
|
@ -860,7 +873,7 @@
|
|||
}
|
||||
|
||||
.subscribe:hover:before {
|
||||
color: #50585D;
|
||||
color: #50585d;
|
||||
}
|
||||
|
||||
/* CSS tooltip saying "Subscribe!" - initially hidden */
|
||||
|
|
@ -876,7 +889,7 @@
|
|||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
background: #50585D;
|
||||
background: #50585d;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||
transition: opacity 0.3s ease, top 0.3s ease;
|
||||
|
|
@ -887,7 +900,7 @@
|
|||
content: "";
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-style: solid;
|
||||
border-color: #50585D transparent;
|
||||
border-color: #50585d transparent;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
|
|
@ -903,7 +916,6 @@
|
|||
top: -33px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
9. Media Queries - Smaller than 1130px
|
||||
========================================================================== */
|
||||
|
|
@ -979,19 +991,15 @@
|
|||
h4 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
10. Media Queries - Smaller than 500px
|
||||
========================================================================== */
|
||||
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
|
||||
.fixed-nav {
|
||||
display: none;
|
||||
|
||||
}
|
||||
.post-holder {
|
||||
padding-top: 20px;
|
||||
|
|
@ -1034,8 +1042,8 @@
|
|||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
|
||||
h1, h2 {
|
||||
h1,
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
line-height: 1.1em;
|
||||
letter-spacing: -1px;
|
||||
|
|
@ -1069,7 +1077,7 @@
|
|||
.post-footer .author {
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0 0 1.6rem 0;
|
||||
border-bottom: #EBF2F6 1px dashed;
|
||||
border-bottom: #ebf2f6 1px dashed;
|
||||
}
|
||||
|
||||
.post-footer .share {
|
||||
|
|
@ -1095,11 +1103,9 @@
|
|||
/*margin-top: 0.8rem;*/
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
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.
|
||||
========================================================================== */
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -2,67 +2,72 @@
|
|||
* Main JS file for GhostScroll behaviours
|
||||
*/
|
||||
|
||||
var $post = $('.post');
|
||||
var $first = $('.post.first');
|
||||
var $last = $('.post.last');
|
||||
var $fnav = $('.fixed-nav');
|
||||
var $postholder = $('.post-holder');
|
||||
var $postafter = $('.post-after');
|
||||
var $sitehead = $('#site-head');
|
||||
var $post = $(".post");
|
||||
var $first = $(".post.first");
|
||||
var $last = $(".post.last");
|
||||
var $fnav = $(".fixed-nav");
|
||||
var $postholder = $(".post-holder");
|
||||
var $postafter = $(".post-after");
|
||||
var $sitehead = $("#site-head");
|
||||
|
||||
/* Globals jQuery, document */
|
||||
(function ($) {
|
||||
"use strict";
|
||||
function srcTo(el) {
|
||||
$('html, body').animate({
|
||||
scrollTop: el.offset().top
|
||||
}, 1000);
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: el.offset().top,
|
||||
},
|
||||
1000
|
||||
);
|
||||
}
|
||||
function srcToAnchorWithTitle(str) {
|
||||
var $el = $('#' + str);
|
||||
var $el = $("#" + str);
|
||||
if ($el.length) {
|
||||
srcTo($el);
|
||||
}
|
||||
}
|
||||
$(document).ready(function () {
|
||||
|
||||
$postholder.each(function (e) {
|
||||
if(e % 2 != 0)
|
||||
$(this).addClass("odd");
|
||||
if (e % 2 != 0) $(this).addClass("odd");
|
||||
});
|
||||
|
||||
$postafter.each(function (e) {
|
||||
var bg = $(this).parent().css('background-color')
|
||||
$(this).css('border-top-color', bg);
|
||||
var bg = $(this).parent().css("background-color");
|
||||
$(this).css("border-top-color", bg);
|
||||
|
||||
if (e % 2 == 0) {
|
||||
$(this).addClass("even");
|
||||
}
|
||||
});
|
||||
|
||||
$('a.btn.site-menu').click(function (e) {
|
||||
srcToAnchorWithTitle($(e.target).data('title-anchor'));
|
||||
$("a.btn.site-menu").click(function (e) {
|
||||
srcToAnchorWithTitle($(e.target).data("title-anchor"));
|
||||
});
|
||||
$('#header-arrow').click(function () {
|
||||
$("#header-arrow").click(function () {
|
||||
srcTo($first);
|
||||
});
|
||||
|
||||
$('.post-title').each(function () {
|
||||
$(".post-title").each(function () {
|
||||
var t = $(this).text();
|
||||
var index = $(this).parents('.post-holder').index();
|
||||
$fnav.append("<a class='fn-item' item_index='"+index+"'>"+t+"</a>")
|
||||
$('.fn-item').click(function () {
|
||||
var i = $(this).attr('item_index');
|
||||
var index = $(this).parents(".post-holder").index();
|
||||
$fnav.append(
|
||||
"<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
|
||||
);
|
||||
$(".fn-item").click(function () {
|
||||
var i = $(this).attr("item_index");
|
||||
var s = $(".post[item_index='" + i + "']");
|
||||
|
||||
$('html, body').animate({
|
||||
scrollTop: s.offset().top
|
||||
}, 400);
|
||||
|
||||
$("html, body").animate(
|
||||
{
|
||||
scrollTop: s.offset().top,
|
||||
},
|
||||
400
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
$('.post.last').next('.post-after').hide();
|
||||
$(".post.last").next(".post-after").hide();
|
||||
if ($sitehead.length) {
|
||||
$(window).scroll(function () {
|
||||
var w = $(window).scrollTop();
|
||||
|
|
@ -70,34 +75,39 @@ var $sitehead = $('#site-head');
|
|||
var h = $sitehead.offset().top + $sitehead.height() - 100;
|
||||
|
||||
if (w >= g && w <= h) {
|
||||
$('.fixed-nav').fadeOut('fast');
|
||||
$(".fixed-nav").fadeOut("fast");
|
||||
} else if ($(window).width() > 500) {
|
||||
$('.fixed-nav').fadeIn('fast');
|
||||
$(".fixed-nav").fadeIn("fast");
|
||||
}
|
||||
|
||||
$post.each(function () {
|
||||
var f = $(this).offset().top;
|
||||
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 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) {
|
||||
i.addClass('active');
|
||||
a.fadeOut('slow');
|
||||
i.addClass("active");
|
||||
a.fadeOut("slow");
|
||||
} else {
|
||||
i.removeClass('active');
|
||||
a.fadeIn('slow');
|
||||
i.removeClass("active");
|
||||
a.fadeIn("slow");
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$('ul li').before('<span class="bult fa fa-asterisk icon-asterisk"></span>');
|
||||
$('blockquote p').prepend('<span class="quo icon-quote-left"></span>');
|
||||
$('blockquote p').append('<span class="quo icon-quote-right"></span>');
|
||||
$("ul li").before(
|
||||
'<span class="bult fa fa-asterisk icon-asterisk"></span>'
|
||||
);
|
||||
$("blockquote p").prepend('<span class="quo icon-quote-left"></span>');
|
||||
$("blockquote p").append('<span class="quo icon-quote-right"></span>');
|
||||
});
|
||||
|
||||
$post.each(function () {
|
||||
|
|
@ -112,11 +122,13 @@ var $sitehead = $('#site-head');
|
|||
if (fa[i].int > -1) {
|
||||
fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
|
||||
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