Fix support for relative urls, general cleanup
This commit is contained in:
@@ -1,7 +1,9 @@
|
|||||||
absolute: http://localhost:4000
|
absolute: http://localhost
|
||||||
|
baseurl: jekyll
|
||||||
title: Rik @ St Andrews
|
title: Rik @ St Andrews
|
||||||
author: Rik Veenboer
|
author: Rik Veenboer
|
||||||
email: rik.veenboer@gmail.com
|
email: rik.veenboer@gmail.com
|
||||||
|
github: https://github.com/boukefalos
|
||||||
disqus: boukefalos
|
disqus: boukefalos
|
||||||
analytics: UA-46375339-1
|
analytics: UA-46375339-1
|
||||||
gems: [jekyll-paginate]
|
gems: [jekyll-paginate]
|
||||||
@@ -12,8 +14,8 @@ safe: false
|
|||||||
environment: dev
|
environment: dev
|
||||||
artifact_commit: dev
|
artifact_commit: dev
|
||||||
artifact_branch: master
|
artifact_branch: master
|
||||||
asset_prefix: /asset
|
asset_prefix: /jekyll/asset
|
||||||
static_prefix: /static/dev
|
static_prefix: /jekyll/static/dev
|
||||||
exclude:
|
exclude:
|
||||||
- LICENSE
|
- LICENSE
|
||||||
- README
|
- README
|
||||||
|
|||||||
@@ -1,6 +0,0 @@
|
|||||||
{% assign base = '' %}
|
|
||||||
{% assign depth = page.url | split: '/' | size | minus: 1 %}
|
|
||||||
{% if depth == 1 %}{% assign base = '.' %}
|
|
||||||
{% elsif depth == 2 %}{% assign base = '..' %}
|
|
||||||
{% elsif depth == 3 %}{% assign base = '../..' %}
|
|
||||||
{% elsif depth == 4 %}{% assign base = '../../..' %}{% endif %}
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
</article>
|
</article>
|
||||||
<footer>
|
<footer>
|
||||||
This site will be open-source.
|
This site will be open-source.
|
||||||
Unless noted, software code is licensed under <a href="http://opensource.org/licenses/GPL-3.0">GPL-3.0 License</a> and all other content under <a href="http://creativecommons.org/licenses/by/3.0/">CC-BY</a>.
|
Unless noted, software code is licensed under <a href="http://opensource.org/licenses/GPL-3.0">GPL License</a> and all other content under <a href="http://creativecommons.org/licenses/by/3.0/">CC-BY</a>.
|
||||||
</footer>
|
</footer>
|
||||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||||
<script>(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();</script>
|
<script>(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/plusone.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s);})();</script>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<link href="{{ site.static_prefix }}/style/default-common.css" rel="stylesheet" type="text/css" />
|
<link href="{{ site.static_prefix }}/style/default-common.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="{{ site.static_prefix }}/style/default-print.css" media="print" rel="stylesheet" type="text/css" />
|
<link href="{{ site.static_prefix }}/style/default-print.css" media="print" rel="stylesheet" type="text/css" />
|
||||||
<link href="{{ site.static_prefix }}/style/pygments.css" rel="stylesheet" type="text/css" />
|
<link href="{{ site.static_prefix }}/style/pygments.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="{{ site.absolute }}/blog/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }}" />
|
<link href="/{{ site.baseurl }}/blog/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }}" />
|
||||||
|
|
||||||
{% if page.description %}
|
{% if page.description %}
|
||||||
<meta name="description" content="{{ page.description }}" />
|
<meta name="description" content="{{ page.description }}" />
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
|
|
||||||
<meta name="viewport" content="width=756" />
|
<meta name="viewport" content="width=756" />
|
||||||
|
|
||||||
<link href="{{ site.absolute }}{{ page.url|replace:'/index.html','/' }}" rel="canonical" />
|
<link href="{{ site.absolute }}/{{ site.baseurl }}{{ page.url|replace:'/index.html','/' }}" rel="canonical" />
|
||||||
|
|
||||||
<meta property="og:title" content="{% if page.title == 'Home' %}{{ site.title }}{% else %}{{ page.title }}{% endif %}" />
|
<meta property="og:title" content="{% if page.title == 'Home' %}{{ site.title }}{% else %}{{ page.title }}{% endif %}" />
|
||||||
<meta property="og:url" content="{{ site.baseurl }}{% if page.url != '/index.html' %}{{ page.url }}{% endif %}?utm_campaign=ref&utm_medium=def&utm_source=opengraph" />
|
<meta property="og:url" content="{{ site.baseurl }}{% if page.url != '/index.html' %}{{ page.url }}{% endif %}?utm_campaign=ref&utm_medium=def&utm_source=opengraph" />
|
||||||
@@ -42,11 +42,11 @@
|
|||||||
</div-->
|
</div-->
|
||||||
<ul class="screen-only">
|
<ul class="screen-only">
|
||||||
{% if 'dev' == site.environment %}
|
{% if 'dev' == site.environment %}
|
||||||
<li><a href="{{ site.baseurl }}/private/">private</a></li>
|
<li><a href="/{{ site.baseurl }}/private/">private</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a href="{{ site.baseurl }}/blog/">blog</a></li>
|
<li><a href="/{{ site.baseurl }}/blog/">blog</a></li>
|
||||||
<li><a href="{{ site.baseurl }}/gallery/">gallery</a></li>
|
<li><a href="/{{ site.baseurl }}/gallery/">gallery</a></li>
|
||||||
<li><a href="{{ site.baseurl }}/about.html">about</a></li>
|
<li><a href="/{{ site.baseurl }}/about.html">about</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
{% if page.print_blurb %}
|
{% if page.print_blurb %}
|
||||||
<ul class="print-only">
|
<ul class="print-only">
|
||||||
@@ -54,15 +54,12 @@
|
|||||||
</ul>
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="site-title">
|
<div class="site-title">
|
||||||
<strong><a href="/">{{ site.title }}</a></strong>
|
<strong><a href="/{{ site.baseurl }}/">{{ site.title }}</a></strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="meta screen-only">
|
<div class="meta screen-only">
|
||||||
<a href="https://github.com/boukefalos">github</a>
|
<a href="{{ site.github }}">github</a>
|
||||||
·
|
·
|
||||||
<a href="mailto:{{ site.email }}">email</a>
|
<a href="mailto:{{ site.email }}">email</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="meta print-only">
|
|
||||||
<a href="{{ site.baseurl }}/" style="color:inherit;">{{ site.baseurl }}</a>
|
|
||||||
</div>
|
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 926 B |
@@ -1 +0,0 @@
|
|||||||
<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 787 B |
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>{{ page.title }}</title>
|
<title>{{ page.title }}</title>
|
||||||
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.5.1/mootools-yui-compressed.js"></script>
|
<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.5.1/mootools-yui-compressed.js"></script>
|
||||||
|
|
||||||
<!-- Core CSS file -->
|
<!-- Core CSS file -->
|
||||||
<link rel="stylesheet" href="{{ site.static_prefix }}/photo-swipe/photoswipe.css">
|
<link rel="stylesheet" href="{{ site.static_prefix }}/photo-swipe/photoswipe.css">
|
||||||
@@ -139,34 +139,33 @@
|
|||||||
PhotoSwipeUI_Default,
|
PhotoSwipeUI_Default,
|
||||||
slides,
|
slides,
|
||||||
{
|
{
|
||||||
index : index,
|
index : index,
|
||||||
mainClass : 'pswp--minimal--dark',
|
mainClass : 'pswp--minimal--dark',
|
||||||
barsSize : {
|
barsSize : {
|
||||||
top: 0,
|
top: 0,
|
||||||
bottom: 0
|
bottom: 0
|
||||||
},
|
},
|
||||||
captionEl : false,
|
captionEl : false,
|
||||||
shareEl : false,
|
shareEl : false,
|
||||||
bgOpacity : 0.85,
|
bgOpacity : 0.85,
|
||||||
tapToClose : true,
|
tapToClose : true,
|
||||||
tapToToggleControls : false,
|
tapToToggleControls : false,
|
||||||
history : false,
|
history : false,
|
||||||
getThumbBoundsFn : function (index) {
|
getThumbBoundsFn : function (index) {
|
||||||
var imgsize = slides[index].mdom.getAttribute('data-size').split('x');
|
var imgsize = slides[index].mdom.getAttribute('data-size').split('x');
|
||||||
var coord = slides[index].mdom.getCoordinates(true);
|
var coord = slides[index].mdom.getCoordinates(true);
|
||||||
|
return {
|
||||||
return {
|
x : coord.left,
|
||||||
x : coord.left,
|
y : coord.top,
|
||||||
y : coord.top,
|
w : coord.width
|
||||||
w : coord.width
|
};
|
||||||
};
|
},
|
||||||
},
|
showHideOpacity: true
|
||||||
showHideOpacity: true
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
pswp.init();
|
pswp.init();
|
||||||
} else {
|
} else {
|
||||||
pswp.goTo(index);
|
pswp.goTo(index);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
206
_sass/_base.scss
206
_sass/_base.scss
@@ -1,206 +0,0 @@
|
|||||||
/**
|
|
||||||
* Reset some basic elements
|
|
||||||
*/
|
|
||||||
body, h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre, hr,
|
|
||||||
dl, dd, ol, ul, figure {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Basic styling
|
|
||||||
*/
|
|
||||||
body {
|
|
||||||
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
||||||
color: $text-color;
|
|
||||||
background-color: $background-color;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
-webkit-font-feature-settings: "kern" 1;
|
|
||||||
-moz-font-feature-settings: "kern" 1;
|
|
||||||
-o-font-feature-settings: "kern" 1;
|
|
||||||
font-feature-settings: "kern" 1;
|
|
||||||
font-kerning: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set `margin-bottom` to maintain vertical rhythm
|
|
||||||
*/
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre,
|
|
||||||
ul, ol, dl, figure,
|
|
||||||
%vertical-rhythm {
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Images
|
|
||||||
*/
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Figures
|
|
||||||
*/
|
|
||||||
figure > img {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
figcaption {
|
|
||||||
font-size: $small-font-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Lists
|
|
||||||
*/
|
|
||||||
ul, ol {
|
|
||||||
margin-left: $spacing-unit;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
> ul,
|
|
||||||
> ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Headings
|
|
||||||
*/
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-weight: $base-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Links
|
|
||||||
*/
|
|
||||||
a {
|
|
||||||
color: $brand-color;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:visited {
|
|
||||||
color: darken($brand-color, 15%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $text-color;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Blockquotes
|
|
||||||
*/
|
|
||||||
blockquote {
|
|
||||||
color: $grey-color;
|
|
||||||
border-left: 4px solid $grey-color-light;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
font-size: 18px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
> :last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Code formatting
|
|
||||||
*/
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
font-size: 15px;
|
|
||||||
border: 1px solid $grey-color-light;
|
|
||||||
border-radius: 3px;
|
|
||||||
background-color: #eef;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
padding: 1px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding: 8px 12px;
|
|
||||||
overflow-x: auto;
|
|
||||||
|
|
||||||
> code {
|
|
||||||
border: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Wrapper
|
|
||||||
*/
|
|
||||||
.wrapper {
|
|
||||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
||||||
max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
padding-right: $spacing-unit;
|
|
||||||
padding-left: $spacing-unit;
|
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
|
|
||||||
max-width: calc(#{$content-width} - (#{$spacing-unit}));
|
|
||||||
padding-right: $spacing-unit / 2;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clearfix
|
|
||||||
*/
|
|
||||||
%clearfix {
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Icons
|
|
||||||
*/
|
|
||||||
.icon {
|
|
||||||
|
|
||||||
> svg {
|
|
||||||
display: inline-block;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
path {
|
|
||||||
fill: $grey-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,242 +0,0 @@
|
|||||||
/**
|
|
||||||
* Site header
|
|
||||||
*/
|
|
||||||
.site-header {
|
|
||||||
border-top: 5px solid $grey-color-dark;
|
|
||||||
border-bottom: 1px solid $grey-color-light;
|
|
||||||
min-height: 56px;
|
|
||||||
|
|
||||||
// Positioning context for the mobile navigation icon
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-title {
|
|
||||||
font-size: 26px;
|
|
||||||
font-weight: 300;
|
|
||||||
line-height: 56px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
&,
|
|
||||||
&:visited {
|
|
||||||
color: $grey-color-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-nav {
|
|
||||||
float: right;
|
|
||||||
line-height: 56px;
|
|
||||||
|
|
||||||
.menu-icon {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-link {
|
|
||||||
color: $text-color;
|
|
||||||
line-height: $base-line-height;
|
|
||||||
|
|
||||||
// Gaps between nav items, but not on the last one
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-palm) {
|
|
||||||
position: absolute;
|
|
||||||
top: 9px;
|
|
||||||
right: $spacing-unit / 2;
|
|
||||||
background-color: $background-color;
|
|
||||||
border: 1px solid $grey-color-light;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
.menu-icon {
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
width: 36px;
|
|
||||||
height: 26px;
|
|
||||||
line-height: 0;
|
|
||||||
padding-top: 10px;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
> svg {
|
|
||||||
width: 18px;
|
|
||||||
height: 15px;
|
|
||||||
|
|
||||||
path {
|
|
||||||
fill: $grey-color-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trigger {
|
|
||||||
clear: both;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover .trigger {
|
|
||||||
display: block;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-link {
|
|
||||||
display: block;
|
|
||||||
padding: 5px 10px;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Site footer
|
|
||||||
*/
|
|
||||||
.site-footer {
|
|
||||||
border-top: 1px solid $grey-color-light;
|
|
||||||
padding: $spacing-unit 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-heading {
|
|
||||||
font-size: 18px;
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-list,
|
|
||||||
.social-media-list {
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-wrapper {
|
|
||||||
font-size: 15px;
|
|
||||||
color: $grey-color;
|
|
||||||
margin-left: -$spacing-unit / 2;
|
|
||||||
@extend %clearfix;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col {
|
|
||||||
float: left;
|
|
||||||
margin-bottom: $spacing-unit / 2;
|
|
||||||
padding-left: $spacing-unit / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-1 {
|
|
||||||
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(35% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-2 {
|
|
||||||
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(20% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-3 {
|
|
||||||
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(45% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
.footer-col-1,
|
|
||||||
.footer-col-2 {
|
|
||||||
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(50% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-col-3 {
|
|
||||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-query($on-palm) {
|
|
||||||
.footer-col {
|
|
||||||
float: none;
|
|
||||||
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
width: calc(100% - (#{$spacing-unit} / 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Page content
|
|
||||||
*/
|
|
||||||
.page-content {
|
|
||||||
padding: $spacing-unit 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-heading {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list {
|
|
||||||
margin-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-meta {
|
|
||||||
font-size: $small-font-size;
|
|
||||||
color: $grey-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-link {
|
|
||||||
display: block;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Posts
|
|
||||||
*/
|
|
||||||
.post-header {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-title {
|
|
||||||
font-size: 42px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-content {
|
|
||||||
margin-bottom: $spacing-unit;
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 32px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 26px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 22px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 20px;
|
|
||||||
|
|
||||||
@include media-query($on-laptop) {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
/**
|
|
||||||
* Syntax highlighting styles
|
|
||||||
*/
|
|
||||||
.highlight {
|
|
||||||
background: #fff;
|
|
||||||
@extend %vertical-rhythm;
|
|
||||||
|
|
||||||
.highlighter-rouge & {
|
|
||||||
background: #eef;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c { color: #998; font-style: italic } // Comment
|
|
||||||
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
|
||||||
.k { font-weight: bold } // Keyword
|
|
||||||
.o { font-weight: bold } // Operator
|
|
||||||
.cm { color: #998; font-style: italic } // Comment.Multiline
|
|
||||||
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
|
||||||
.c1 { color: #998; font-style: italic } // Comment.Single
|
|
||||||
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
|
||||||
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
|
||||||
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
|
||||||
.ge { font-style: italic } // Generic.Emph
|
|
||||||
.gr { color: #a00 } // Generic.Error
|
|
||||||
.gh { color: #999 } // Generic.Heading
|
|
||||||
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
|
||||||
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
|
||||||
.go { color: #888 } // Generic.Output
|
|
||||||
.gp { color: #555 } // Generic.Prompt
|
|
||||||
.gs { font-weight: bold } // Generic.Strong
|
|
||||||
.gu { color: #aaa } // Generic.Subheading
|
|
||||||
.gt { color: #a00 } // Generic.Traceback
|
|
||||||
.kc { font-weight: bold } // Keyword.Constant
|
|
||||||
.kd { font-weight: bold } // Keyword.Declaration
|
|
||||||
.kp { font-weight: bold } // Keyword.Pseudo
|
|
||||||
.kr { font-weight: bold } // Keyword.Reserved
|
|
||||||
.kt { color: #458; font-weight: bold } // Keyword.Type
|
|
||||||
.m { color: #099 } // Literal.Number
|
|
||||||
.s { color: #d14 } // Literal.String
|
|
||||||
.na { color: #008080 } // Name.Attribute
|
|
||||||
.nb { color: #0086B3 } // Name.Builtin
|
|
||||||
.nc { color: #458; font-weight: bold } // Name.Class
|
|
||||||
.no { color: #008080 } // Name.Constant
|
|
||||||
.ni { color: #800080 } // Name.Entity
|
|
||||||
.ne { color: #900; font-weight: bold } // Name.Exception
|
|
||||||
.nf { color: #900; font-weight: bold } // Name.Function
|
|
||||||
.nn { color: #555 } // Name.Namespace
|
|
||||||
.nt { color: #000080 } // Name.Tag
|
|
||||||
.nv { color: #008080 } // Name.Variable
|
|
||||||
.ow { font-weight: bold } // Operator.Word
|
|
||||||
.w { color: #bbb } // Text.Whitespace
|
|
||||||
.mf { color: #099 } // Literal.Number.Float
|
|
||||||
.mh { color: #099 } // Literal.Number.Hex
|
|
||||||
.mi { color: #099 } // Literal.Number.Integer
|
|
||||||
.mo { color: #099 } // Literal.Number.Oct
|
|
||||||
.sb { color: #d14 } // Literal.String.Backtick
|
|
||||||
.sc { color: #d14 } // Literal.String.Char
|
|
||||||
.sd { color: #d14 } // Literal.String.Doc
|
|
||||||
.s2 { color: #d14 } // Literal.String.Double
|
|
||||||
.se { color: #d14 } // Literal.String.Escape
|
|
||||||
.sh { color: #d14 } // Literal.String.Heredoc
|
|
||||||
.si { color: #d14 } // Literal.String.Interpol
|
|
||||||
.sx { color: #d14 } // Literal.String.Other
|
|
||||||
.sr { color: #009926 } // Literal.String.Regex
|
|
||||||
.s1 { color: #d14 } // Literal.String.Single
|
|
||||||
.ss { color: #990073 } // Literal.String.Symbol
|
|
||||||
.bp { color: #999 } // Name.Builtin.Pseudo
|
|
||||||
.vc { color: #008080 } // Name.Variable.Class
|
|
||||||
.vg { color: #008080 } // Name.Variable.Global
|
|
||||||
.vi { color: #008080 } // Name.Variable.Instance
|
|
||||||
.il { color: #099 } // Literal.Number.Integer.Long
|
|
||||||
}
|
|
||||||
@@ -1,13 +1,12 @@
|
|||||||
---
|
---
|
||||||
layout: null
|
layout: null
|
||||||
---
|
---
|
||||||
{% include base.html %}
|
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
<id>{{ site.baseurl }}/</id>
|
<id>{{ site.absolute }}/{{ site.baseurl }}/</id>
|
||||||
<title>{{ site.author }}</title>
|
<title>{{ site.author }}</title>
|
||||||
<link href="{{ site.absolute }}/blog/atom.xml" rel="self"/>
|
<link href="{{ site.absolute }}/{{ site.baseurl }}/blog/atom.xml" rel="self" />
|
||||||
<link href="{{ site.absolute }}/"/>
|
<link href="{{ site.absolute }}/{{ site.baseurl }}/" />
|
||||||
<updated>{{ site.time|date_to_xmlschema }}</updated>
|
<updated>{{ site.time|date_to_xmlschema }}</updated>
|
||||||
<author>
|
<author>
|
||||||
<name>{{ site.author }}</name>
|
<name>{{ site.author }}</name>
|
||||||
@@ -17,7 +16,7 @@ layout: null
|
|||||||
<entry>
|
<entry>
|
||||||
<id>{{ site.absolute }}/{{ post.id }}</id>
|
<id>{{ site.absolute }}/{{ post.id }}</id>
|
||||||
<title>{{ post.title }}</title>
|
<title>{{ post.title }}</title>
|
||||||
<link href="{{ site.absolute }}{{ post.url }}"/>
|
<link href="{{ site.absolute }}/{{ site.baseurl }}{{ post.url }}"/>
|
||||||
<updated>{{ post.date|date_to_xmlschema }}</updated>
|
<updated>{{ post.date|date_to_xmlschema }}</updated>
|
||||||
<content type="html">{{ post.content|xml_escape }}</content>
|
<content type="html">{{ post.content|xml_escape }}</content>
|
||||||
</entry>
|
</entry>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ layout: default
|
|||||||
<section>
|
<section>
|
||||||
{% loopdir path:"gallery" match:"*/index.html" sort:"-date" %}
|
{% loopdir path:"gallery" match:"*/index.html" sort:"-date" %}
|
||||||
<div style="display:inline-block;height:274px;margin:8px 10px 0 0;text-align:center;width:200px;">
|
<div style="display:inline-block;height:274px;margin:8px 10px 0 0;text-align:center;width:200px;">
|
||||||
<a href="/{{ item.path|replace:'/index.html','/' }}" style="text-decoration:none;">
|
<a href="/{{ site.baseurl }}/{{ item.path|replace:'/index.html','/' }}" style="text-decoration:none;">
|
||||||
<img alt="{{ item.title }}" height="200" src="{{ site.asset_prefix }}/{{ item.path|replace:'/index.html','' }}/{{ item.highlight_photo }}~200x200.jpg" title="{{ item.title }}" width="200" style="border-radius:4px;" />
|
<img alt="{{ item.title }}" height="200" src="{{ site.asset_prefix }}/{{ item.path|replace:'/index.html','' }}/{{ item.highlight_photo }}~200x200.jpg" title="{{ item.title }}" width="200" style="border-radius:4px;" />
|
||||||
<span style="text-decoration:underline;">{{ item.title }}</span>
|
<span style="text-decoration:underline;">{{ item.title }}</span>
|
||||||
{% if item.date %}<br />
|
{% if item.date %}<br />
|
||||||
|
|||||||
@@ -1,67 +0,0 @@
|
|||||||
---
|
|
||||||
id: 41
|
|
||||||
title: Gallery
|
|
||||||
author: Rik
|
|
||||||
layout: page
|
|
||||||
guid: http://csbnw.no-ip.org:38/?page_id=41
|
|
||||||
---
|
|
||||||
Naast foto’s die bij bepaalde activiteiten horen, kom vaak situaties tegen die ik de moeite waard vind om op beeld vast te leggen. Navigeer via het menu naar de betreffende albums, of bekijk deze willekeurige foto’s:
|
|
||||||
|
|
||||||
<span style="line-height: 1.5;">
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="ngg-galleryoverview ngg-ajax-pagination-none"
|
|
||||||
id="ngg-gallery-8a2cad5e2fc63821320d8fc5a555a264-1">
|
|
||||||
<div class="slideshowlink">
|
|
||||||
<a href='http://csbnw.no-ip.org:38/index.php/nggallery/slideshow?page_id=41'>[Show slideshow]</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Thumbnails -->
|
|
||||||
|
|
||||||
<div id="ngg-image-0" class="ngg-gallery-thumbnail-box" >
|
|
||||||
<div class="ngg-gallery-thumbnail">
|
|
||||||
<a href="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/IMAG0051.jpg"
|
|
||||||
title=""
|
|
||||||
data-src="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/IMAG0051.jpg"
|
|
||||||
data-thumbnail="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/thumbs/thumbs_IMAG0051.jpg"
|
|
||||||
data-image-id="45"
|
|
||||||
data-title="imag0051"
|
|
||||||
data-description=""
|
|
||||||
class="ngg-fancybox" rel="8a2cad5e2fc63821320d8fc5a555a264"> <img
|
|
||||||
title="imag0051"
|
|
||||||
alt="imag0051"
|
|
||||||
src="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/thumbs/thumbs_IMAG0051.jpg"
|
|
||||||
width="120"
|
|
||||||
height="90"
|
|
||||||
style="max-width:none;"
|
|
||||||
/> </a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="ngg-image-1" class="ngg-gallery-thumbnail-box" >
|
|
||||||
<div class="ngg-gallery-thumbnail">
|
|
||||||
<a href="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/IMAG0099.jpg"
|
|
||||||
title=""
|
|
||||||
data-src="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/IMAG0099.jpg"
|
|
||||||
data-thumbnail="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/thumbs/thumbs_IMAG0099.jpg"
|
|
||||||
data-image-id="46"
|
|
||||||
data-title="imag0099"
|
|
||||||
data-description=""
|
|
||||||
class="ngg-fancybox" rel="8a2cad5e2fc63821320d8fc5a555a264"> <img
|
|
||||||
title="imag0099"
|
|
||||||
alt="imag0099"
|
|
||||||
src="http://csbnw.no-ip.org:38/wp-content/gallery/Miscellaneous/thumbs/thumbs_IMAG0099.jpg"
|
|
||||||
width="120"
|
|
||||||
height="90"
|
|
||||||
style="max-width:none;"
|
|
||||||
/> </a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Pagination -->
|
|
||||||
|
|
||||||
<div class='ngg-clear'>
|
|
||||||
</div>
|
|
||||||
</div></span>
|
|
||||||
|
|
||||||
<span style="line-height: 1.5;"> Wist je dat ik alle foto’s op dit blog met de camera op mijn HTC One S maak? Geloof het of niet, maar zelfs de prachtige panorama’s boven elke pagina zijn daarvan afkomstig. </span>
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Home
|
title: Home
|
||||||
layout: default
|
layout: default
|
||||||
tags: danny daniel berger dpb587 dbchip2000
|
tags: blog scotland chemistry phd
|
||||||
---
|
---
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
@@ -18,7 +18,7 @@ tags: danny daniel berger dpb587 dbchip2000
|
|||||||
<div class="timeline">
|
<div class="timeline">
|
||||||
<time datetime="{{ post.date|date_to_xmlschema }}"><strong>{{ post.date|date:"%b %d"|upcase }}</strong><br />{{ post.date|date:"%Y" }}</time>
|
<time datetime="{{ post.date|date_to_xmlschema }}"><strong>{{ post.date|date:"%b %d"|upcase }}</strong><br />{{ post.date|date:"%Y" }}</time>
|
||||||
</div>
|
</div>
|
||||||
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
|
<h1><a href="/{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
|
||||||
{% if post.description %}
|
{% if post.description %}
|
||||||
<div class="meta" style="margin-bottom:0;margin-top:0;">{{ post.description }}</div>
|
<div class="meta" style="margin-bottom:0;margin-top:0;">{{ post.description }}</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
Reference in New Issue
Block a user