deploy: 848f6129ec
This commit is contained in:
janraasch
parent
e9ef4a7cfa
commit
de11482928
5
404.html
5
404.html
|
|
@ -1 +1,4 @@
|
|||
<!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 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=https://janraasch.github.io/hugo-scroll/font-awesome/css/font-awesome.min.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://github.com/janraasch/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://code.jquery.com/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>
|
||||
<!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 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=https://janraasch.github.io/hugo-scroll/font-awesome/css/font-awesome.min.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://github.com/janraasch/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://code.jquery.com/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>
|
||||
196
css/screen.css
196
css/screen.css
|
|
@ -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.
|
||||
========================================================================== */
|
||||
|
||||
|
|
@ -1,4 +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>Jane Doe - Nutrition Coach & Chef Consultant</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 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=https://janraasch.github.io/hugo-scroll/font-awesome/css/font-awesome.min.css><meta property="og:title" content><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/"><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><meta name=twitter:description content="Nutrition Coach & Chef Consultant"><meta itemprop=name content><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><header id=site-head style=background-image:url(images/cover-image.jpg)><div class=vertical><div id=site-head-content class=inner><h1 class=blog-title>Jane Doe</h1><h2 class=blog-description>Hi there , I am a Nutrition Coach & Chef Consultant</h2><a class="btn site-menu" data-title-anchor=services>Services</a>
|
||||
<a class="btn site-menu" data-title-anchor=about-me>About Me</a>
|
||||
<a class="btn site-menu" data-title-anchor=contact>Contact</a>
|
||||
<i id=header-arrow class="fa fa-angle-down"></i></div></div></header><main class=content role=main><div class=fixed-nav></div><div class=post-holder><article id=welcome class="post first"><header class=post-header><h2 class=post-title>Welcome</h2></header><section class=post-content><p>Hi there. This section will not show up in the header menu above. Other than that, there’s really not much to see here. I did however append some generated »Lorem ipsum«-paragraphs for you. Enjoy!</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula turpis nec arcu cursus, ac faucibus felis tempor. Donec molestie arcu eu pretium accumsan. Phasellus urna nisi, volutpat pharetra orci vel, feugiat sollicitudin diam. Phasellus dolor tortor, feugiat a ipsum id, gravida volutpat urna. Nam dictum nulla ac nisi aliquam ultricies. Nam tempus eget lorem vitae vulputate.</p><p>Nulla aliquet, nisl pulvinar fermentum ultricies, turpis purus ultricies lorem, ut faucibus arcu nisl in tellus. Integer eu augue auctor, fringilla nunc ut, finibus eros. Curabitur est lectus, ultricies id blandit at, malesuada et ipsum. Suspendisse potenti. Quisque euismod sapien arcu, vel sollicitudin ipsum dignissim nec.</p></section></article><div class=post-after></div></div><div class=post-holder><article id=services class=post><header class=post-header><h2 class=post-title>Services</h2></header><section class=post-content><p>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.</p><hr><h2 id=nutrition-coaching>Nutrition Coaching</h2><p>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.</p><p><img src=images/selective-focus-photography-of-pasta-with-tomato-and-basil-1279330.jpg alt="Nice picture to make you pay me ;-)"></p><p>Wow. That was nice, right? Well, call me and let us talk.</p><hr><h2 id=chef-consulting>Chef Consulting</h2><p>Did you see the picture above? I can show you how to go from</p><p><img src=images/board-bunch-cooking-food-349609.jpg alt="Let us get started on a clean slate"></p><p>to</p><p><img src=images/woman-pouring-juice-on-glass-3184192.jpg alt="Let us get started on a clean slate"></p><p>in estimated seconds.</p><hr><p>Want to learn more about my services?</p><p>Check out <a href=services>this page</a> I created. It carries a lot more details…</p></section></article><div class=post-after></div></div><div class=post-holder><article id=about-me class=post><header class=post-header><h2 class=post-title>About Me</h2></header><section class=post-content><p><img src=images/happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg alt="Jane Doe"></p><h5 id=professionel-experience>Professionel Experience</h5><p>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.</p><p>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.</p></section></article><div class=post-after></div></div><div class=post-holder><article id=contact class="post last"><header class=post-header><h2 class=post-title>Contact</h2></header><section class=post-content><p>E-Mail: <a href=mailto:your-email@your-domain.com>mail@janedoe.com</a></p><p>Tel.: <a href=tel:+491111555555>+49 1111 555555</a></p><p>Let us get in touch!</p></section></article><div class=post-after></div></div></main><footer class=site-footer><div class=inner><section class=copyright>© Jane Doe</section><section></section><section><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></div></footer><script type=text/javascript src=https://code.jquery.com/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>
|
||||
<i id=header-arrow class="fa fa-angle-down"></i></div></div></header><main class=content role=main><div class=fixed-nav></div><div class=post-holder><article id=welcome class="post first"><header class=post-header><h2 class=post-title>Welcome</h2></header><section class=post-content><p>Hi there. This section will not show up in the header menu above. Other than that, there’s really not much to see here. I did however append some generated »Lorem ipsum«-paragraphs for you. Enjoy!</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula turpis nec arcu cursus, ac faucibus felis tempor. Donec molestie arcu eu pretium accumsan. Phasellus urna nisi, volutpat pharetra orci vel, feugiat sollicitudin diam. Phasellus dolor tortor, feugiat a ipsum id, gravida volutpat urna. Nam dictum nulla ac nisi aliquam ultricies. Nam tempus eget lorem vitae vulputate.</p><p>Nulla aliquet, nisl pulvinar fermentum ultricies, turpis purus ultricies lorem, ut faucibus arcu nisl in tellus. Integer eu augue auctor, fringilla nunc ut, finibus eros. Curabitur est lectus, ultricies id blandit at, malesuada et ipsum. Suspendisse potenti. Quisque euismod sapien arcu, vel sollicitudin ipsum dignissim nec.</p></section></article><div class=post-after></div></div><div class=post-holder><article id=services class=post><header class=post-header><h2 class=post-title>Services</h2></header><section class=post-content><p>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.</p><hr><h2 id=nutrition-coaching>Nutrition Coaching</h2><p>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.</p><p><img src=images/selective-focus-photography-of-pasta-with-tomato-and-basil-1279330.jpg alt="Nice picture to make you pay me ;-)"></p><p>Wow. That was nice, right? Well, call me and let us talk.</p><hr><h2 id=chef-consulting>Chef Consulting</h2><p>Did you see the picture above? I can show you how to go from</p><p><img src=images/board-bunch-cooking-food-349609.jpg alt="Let us get started on a clean slate"></p><p>to</p><p><img src=images/woman-pouring-juice-on-glass-3184192.jpg alt="Let us get started on a clean slate"></p><p>in estimated seconds.</p><hr><p>Want to learn more about my services?</p><p>Check out <a href=services>this page</a> I created. It carries a lot more details…</p></section></article><div class=post-after></div></div><div class=post-holder><article id=about-me class=post><header class=post-header><h2 class=post-title>About Me</h2></header><section class=post-content><p><img src=images/happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg alt="Jane Doe"></p><h5 id=professionel-experience>Professionel Experience</h5><p>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.</p><p>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.</p></section></article><div class=post-after></div></div><div class=post-holder><article id=contact class="post last"><header class=post-header><h2 class=post-title>Contact</h2></header><section class=post-content><p>E-Mail: <a href=mailto:your-email@your-domain.com>mail@janedoe.com</a></p><p>Tel.: <a href=tel:+491111555555>+49 1111 555555</a></p><p>Let us get in touch!</p></section></article><div class=post-after></div></div></main><footer class=site-footer><div class=inner><section class=copyright>© Jane Doe</section><section></section><section><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></div></footer><script type=text/javascript src=https://code.jquery.com/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>
|
||||
507
js/icons.js
507
js/icons.js
File diff suppressed because one or more lines are too long
102
js/index.js
102
js/index.js
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -10,4 +10,6 @@ Well, let me tell ya!
|
|||
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."><meta itemprop=wordCount content="102"><meta itemprop=image content="https://janraasch.github.io/hugo-scroll/images/cover-image.jpg"><meta itemprop=keywords content><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 page-" 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>Services</h1><section class=post-content><p>This is a page about the services, which I offer.</p><p>It carries a lot more detail than what I put on the homepage - I swear!</p><p>You want to know what I can do for you?</p><p>Well, let me tell ya!</p><hr><h2 id=nutrition-coaching>Nutrition Coaching</h2><p>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.</p><p><img src=../images/selective-focus-photography-of-pasta-with-tomato-and-basil-1279330.jpg alt="Nice picture to make you pay me ;-)"></p><p>Wow. That was nice, right? Well, call me and let us talk.</p><hr><h2 id=chef-consulting>Chef Consulting</h2><p>Did you see the picture above? I can show you how to go from</p><p><img src=../images/board-bunch-cooking-food-349609.jpg alt="Let us get started on a clean slate"></p><p>to</p><p><img src=../images/woman-pouring-juice-on-glass-3184192.jpg alt="Let us get started on a clean slate"></p><p>in estimated seconds.</p></section></article></main><footer class=site-footer><div class=inner><section class=copyright>© Jane Doe</section><section></section><section><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></div></footer><script type=text/javascript src=https://code.jquery.com/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>
|
||||
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."><meta itemprop=wordCount content="102"><meta itemprop=image content="https://janraasch.github.io/hugo-scroll/images/cover-image.jpg"><meta itemprop=keywords content><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 page-" 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>Services</h1><section class=post-content><p>This is a page about the services, which I offer.</p><p>It carries a lot more detail than what I put on the homepage - I swear!</p><p>You want to know what I can do for you?</p><p>Well, let me tell ya!</p><hr><h2 id=nutrition-coaching>Nutrition Coaching</h2><p>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.</p><p><img src=../images/selective-focus-photography-of-pasta-with-tomato-and-basil-1279330.jpg alt="Nice picture to make you pay me ;-)"></p><p>Wow. That was nice, right? Well, call me and let us talk.</p><hr><h2 id=chef-consulting>Chef Consulting</h2><p>Did you see the picture above? I can show you how to go from</p><p><img src=../images/board-bunch-cooking-food-349609.jpg alt="Let us get started on a clean slate"></p><p>to</p><p><img src=../images/woman-pouring-juice-on-glass-3184192.jpg alt="Let us get started on a clean slate"></p><p>in estimated seconds.</p></section></article></main><footer class=site-footer><div class=inner><section class=copyright>© Jane Doe</section><section></section><section><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></div></footer><script type=text/javascript src=https://code.jquery.com/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>
|
||||
Loading…
Reference in a new issue