lysande-jekyll-theme 0.0.1 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +536 -0
- data/_data/theme.yml +5 -0
- data/_includes/footer.html +19 -0
- data/_includes/globalnav.html +12 -0
- data/_includes/head.html +17 -0
- data/_includes/header.html +69 -0
- data/_layouts/blog.html +30 -0
- data/_layouts/default.html +16 -0
- data/_layouts/post.html +40 -0
- data/_layouts/projects.html +49 -0
- data/_sass/_base.scss +153 -0
- data/_sass/_blog.scss +183 -0
- data/_sass/_headandfoot.scss +61 -0
- data/_sass/_menu.scss +31 -0
- data/_sass/_projects.scss +139 -0
- data/_sass/_reset.scss +21 -0
- data/_sass/_responsive.scss +267 -0
- data/assets/backgrounds/default_rustic.jpg +0 -0
- data/assets/fonts/aqua/aqua-demo.html +480 -0
- data/assets/fonts/aqua/aqua-webfont.woff +0 -0
- data/assets/fonts/aqua/aqua-webfont.woff2 +0 -0
- data/assets/fonts/aqua/generator_config.txt +5 -0
- data/assets/fonts/aqua/specimen_files/grid_12-825-55-15.css +129 -0
- data/assets/fonts/aqua/specimen_files/specimen_stylesheet.css +396 -0
- data/assets/fonts/aqua/stylesheet.css +12 -0
- data/assets/fonts/biko/biko_regular-webfont.woff +0 -0
- data/assets/fonts/biko/biko_regular-webfont.woff2 +0 -0
- data/assets/fonts/chase/chase-webfont.woff +0 -0
- data/assets/fonts/chase/chase-webfont.woff2 +0 -0
- data/assets/fonts/simplifica_typeface-webfont.woff +0 -0
- data/assets/fonts/simplifica_typeface-webfont.woff2 +0 -0
- data/assets/main.scss +91 -0
- data/assets/open-graph/default.png +0 -0
- data/assets/projects/images/jekylltheme.png +0 -0
- data/assets/projects/symbols/code.png +0 -0
- data/assets/projects/symbols/design.png +0 -0
- data/assets/projects/symbols/published.png +0 -0
- data/favicon.ico +0 -0
- data/feed.xml +20 -0
- metadata +41 -2
- data/example/index.md +0 -39
data/_data/theme.yml
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<footer class="footer">
|
|
2
|
+
<div class="wrapper">
|
|
3
|
+
<a href="https://github.com/theuggla/lysande-jekyll-theme"><img src="{{ "/assets/icons/theme_icon.png" | prepend: site.baseurl }}" alt="Theme: lysande" /></a>
|
|
4
|
+
</div>
|
|
5
|
+
</footer>
|
|
6
|
+
|
|
7
|
+
{% if site.disqus_shortname and jekyll.environment == "production" %}
|
|
8
|
+
<script type="text/javascript">
|
|
9
|
+
var disqus_shortname = '{{site.disqus_shortname}}';
|
|
10
|
+
|
|
11
|
+
(function () {
|
|
12
|
+
var s = document.createElement('script'); s.async = true;
|
|
13
|
+
s.type = 'text/javascript';
|
|
14
|
+
s.src = 'https://' + disqus_shortname + '.disqus.com/count.js';
|
|
15
|
+
s.id = 'dsq-count-scr';
|
|
16
|
+
(document.getElementsByTagName('body')[0] || document.getElementsByTagName('head')[0]).appendChild(s);
|
|
17
|
+
}());
|
|
18
|
+
</script>
|
|
19
|
+
{% endif %}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<nav class="globalnav">
|
|
2
|
+
{% assign menu = site.pages | where: "menu", "main" | sort: "weight" %}
|
|
3
|
+
<ul>
|
|
4
|
+
{% for p in menu %}
|
|
5
|
+
{% if page.url == p.url %}
|
|
6
|
+
<li><a class="active" href="{{ "/{{p.url}}" | prepend: site.baseurl | prepend: site.url }}">{{p.title}}</a></li>
|
|
7
|
+
{% else %}
|
|
8
|
+
<li><a href="{{ "/{{p.url}}" | prepend: site.baseurl | prepend: site.url }}">{{p.title}}</a></li>
|
|
9
|
+
{% endif %}
|
|
10
|
+
{% endfor %}
|
|
11
|
+
</ul>
|
|
12
|
+
</nav>
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="UTF-8" />
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
4
|
+
<title> {% if page.title and page.title != 'home' %}{{page.title}} - {{site.title}}{% else %}{{site.title}}{% endif %}</title>
|
|
5
|
+
<link rel="stylesheet" href="{{ "/assets/main.css" | prepend: site.baseurl | prepend: site.url }}" />
|
|
6
|
+
<link rel="alternate" type="application/rss+xml" title="{{site.title}}" href="{{ "/rss.xml" | prepend: site.baseurl | prepend: site.url }}" />
|
|
7
|
+
<meta property="og:title" content="{{site.title}}" />
|
|
8
|
+
<meta property="og:type" content="website" />
|
|
9
|
+
<meta property="og:url" content="{{site.url}}{{site.baseurl}}" />
|
|
10
|
+
<meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph/{{site.share_image}}" />
|
|
11
|
+
<meta property="og:image:width" content="400" />
|
|
12
|
+
<meta property="og:image:height" content="300" />
|
|
13
|
+
<meta property="og:description" content="{{site.description}}" />
|
|
14
|
+
<meta property="og:determiner" content="the" />
|
|
15
|
+
<meta property="og:locale" content="en_GB" />
|
|
16
|
+
{% seo %}
|
|
17
|
+
</head>
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
<header class="header">
|
|
2
|
+
<div class="wrapper">
|
|
3
|
+
<h1><a href="{{"/index.html" | prepend: site.baseurl | prepend: site.url }}">{{site.author | downcase}}</a></h1>
|
|
4
|
+
<aside class="links">
|
|
5
|
+
<ul>
|
|
6
|
+
{% if site.linkedin_usernameURL %}
|
|
7
|
+
<li>
|
|
8
|
+
<a href="https://linkedin.com/in/{{site.linkedin_usernameURL}}"><img src="{{ "/assets/icons/linkedin_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="linkedin"/></a>
|
|
9
|
+
</li>
|
|
10
|
+
{% endif %}
|
|
11
|
+
{% if site.github_username %}
|
|
12
|
+
<li>
|
|
13
|
+
<a href="https://github.com/{{site.github_username}}"><img src="{{ "/assets/icons/github_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="github"/></a>
|
|
14
|
+
</li>
|
|
15
|
+
{% endif %}
|
|
16
|
+
{% if site.upwork_userID %}
|
|
17
|
+
<li>
|
|
18
|
+
<a href="https://www.upwork.com/o/profiles/users/{{site.upwork_userID}}"><img src="{{ "/assets/icons/upwork_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="upwork"/></a>
|
|
19
|
+
</li>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% if site.youtube_channel %}
|
|
22
|
+
<li>
|
|
23
|
+
<a href="https://youtube.com/channel/{{site.youtube_channel}}"><img src="{{ "/assets/icons/youtube_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="youtube"/></a>
|
|
24
|
+
</li>
|
|
25
|
+
{% endif %}
|
|
26
|
+
{% if site.twitter_username %}
|
|
27
|
+
<li>
|
|
28
|
+
<a href="https://twitter.com/{{site.twitter_username}}"><img src="{{ "/assets/icons/twitter_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="twitter"/></a>
|
|
29
|
+
</li>
|
|
30
|
+
{% endif %}
|
|
31
|
+
{% if site.facebook_username %}
|
|
32
|
+
<li>
|
|
33
|
+
<a href="https://facebook.com/{{site.facebook_username}}"><img src="{{ "/assets/icons/facebook_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="facebook"/></a>
|
|
34
|
+
</li>
|
|
35
|
+
{% endif %}
|
|
36
|
+
{% if site.instagram_username %}
|
|
37
|
+
<li>
|
|
38
|
+
<a href="https://instagram.com/{{site.instagram_username}}"><img src="{{ "/assets/icons/instagram_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="instagram"/></a>
|
|
39
|
+
</li>
|
|
40
|
+
{% endif %}
|
|
41
|
+
{% if site.tumblr_username %}
|
|
42
|
+
<li>
|
|
43
|
+
<a href="https://{{site.tumblr_username}}.tumblr.com/"><img src="{{ "/assets/icons/tumblr_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="tumblr"/></a>
|
|
44
|
+
</li>
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% if site.pinterest_username %}
|
|
47
|
+
<li>
|
|
48
|
+
<a href="https://pinterest.com/{{site.pinterest_username}}"><img src="{{ "/assets/icons/pinterest_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="pinterest"/></a>
|
|
49
|
+
</li>
|
|
50
|
+
{% endif %}
|
|
51
|
+
{% if site.skype_inviteURL %}
|
|
52
|
+
<li>
|
|
53
|
+
<a href="https://join.skype.com/invite/{{site.skype_inviteURL}}"><img src="{{ "/assets/icons/skype_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="skype"/></a>
|
|
54
|
+
</li>
|
|
55
|
+
{% endif %}
|
|
56
|
+
{% if site.email %}
|
|
57
|
+
<li>
|
|
58
|
+
<a href="mailto:{{site.email}}"><img src="{{ "/assets/icons/email_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="email" title="{{site.email}}" /></a>
|
|
59
|
+
</li>
|
|
60
|
+
{% endif %}
|
|
61
|
+
{% if site.rss %}
|
|
62
|
+
<li>
|
|
63
|
+
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}"><img src="{{ "/assets/icons/rss_icon.png" | prepend: site.baseurl | prepend: site.url }}" alt="rss feed"/></a>
|
|
64
|
+
</li>
|
|
65
|
+
{% endif %}
|
|
66
|
+
</ul>
|
|
67
|
+
</aside>
|
|
68
|
+
</div>
|
|
69
|
+
</header>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{{content}}
|
|
6
|
+
|
|
7
|
+
<div class="blog">
|
|
8
|
+
<nav class="localnav">
|
|
9
|
+
<a id="page-header" href="{{page.url}}"><h3>posts</h3></a>
|
|
10
|
+
<ul>
|
|
11
|
+
{% for post in site.posts %}
|
|
12
|
+
<li>
|
|
13
|
+
<a href="{{post.url}}">{{ post.title | downcase}}</a>
|
|
14
|
+
</li>
|
|
15
|
+
{% endfor %}
|
|
16
|
+
</ul>
|
|
17
|
+
</nav>
|
|
18
|
+
<div id="posts">
|
|
19
|
+
{% for post in site.posts %}
|
|
20
|
+
<div id="post">
|
|
21
|
+
<p class="date">{{ post.date | date_to_string | upcase }}</p>
|
|
22
|
+
<a href="{{post.url}}"><h3 id="{{post.title | slugify}}">{{ post.title }}</h3></a>{{ post.excerpt }}<a href="{{post.url}}" class="read-more">read more</a>
|
|
23
|
+
{% if site.disqus_shortname and jekyll.environment == "production" %}
|
|
24
|
+
{% assign str = post.url | prepend: site.url | prepend: site.baseurl %}
|
|
25
|
+
{% assign num = str | size | minus: 1 %}
|
|
26
|
+
<a class="commentcount" href="{{ str | slice: 0, num | append: "#disqus_thread" }}"></a>{% endif %}
|
|
27
|
+
</div>
|
|
28
|
+
{% endfor %}
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div class="wrapper">
|
|
6
|
+
{% include header.html %}
|
|
7
|
+
|
|
8
|
+
<div class="content-wrapper">
|
|
9
|
+
{% include globalnav.html %}
|
|
10
|
+
{{ content }}
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
{% include footer.html %}
|
|
14
|
+
</div>
|
|
15
|
+
</body>
|
|
16
|
+
</html>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
main_url: /blog
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
<div class="post-wrapper">
|
|
7
|
+
<nav class="localnav">
|
|
8
|
+
<ul>
|
|
9
|
+
<a id="page-header" href="{{ layout.main_url }}"><h3>posts</h3></a>
|
|
10
|
+
{% for post in site.posts %}
|
|
11
|
+
<li>
|
|
12
|
+
<a href="{{post.url}}">{{ post.title | downcase}}</a>
|
|
13
|
+
</li>
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</ul>
|
|
16
|
+
</nav>
|
|
17
|
+
|
|
18
|
+
<div class="post">
|
|
19
|
+
<h2>{% if page.title %}{{page.title}}{% endif %}</h2>
|
|
20
|
+
|
|
21
|
+
<div class="post-content">
|
|
22
|
+
{{ content }}
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
{% if page.comments and site.disqus_shortname and jekyll.environment == "production" %}
|
|
26
|
+
<div id="disqus_thread">
|
|
27
|
+
<script type="text/javascript">
|
|
28
|
+
var disqus_shortname = "{{site.disqus_shortname}}";
|
|
29
|
+
|
|
30
|
+
(function() {
|
|
31
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
32
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
33
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
34
|
+
})();
|
|
35
|
+
</script>
|
|
36
|
+
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
|
37
|
+
{% endif %}
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% assign collectionName = 'projects' %}
|
|
6
|
+
{% assign c = site.collections | where:'label', collectionName | first %}
|
|
7
|
+
{% assign count = c.categories.size %}
|
|
8
|
+
|
|
9
|
+
{% if count == 1 %}
|
|
10
|
+
{% assign projects = "one" %}
|
|
11
|
+
{% elsif count == 2 %}
|
|
12
|
+
{% assign projects = "two" %}
|
|
13
|
+
{% elsif count == 3 %}
|
|
14
|
+
{% assign projects = "three" %}
|
|
15
|
+
{% else %}
|
|
16
|
+
{% assign projects = "many" %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
<nav class="{{projects}}">
|
|
21
|
+
<ul>
|
|
22
|
+
{% for category in c.categories %}
|
|
23
|
+
<li>
|
|
24
|
+
<a href="#{{category}}">{{category}}</a>
|
|
25
|
+
</li>
|
|
26
|
+
{% endfor %}
|
|
27
|
+
</ul>
|
|
28
|
+
</nav>
|
|
29
|
+
|
|
30
|
+
{{content}}
|
|
31
|
+
|
|
32
|
+
<div class="projects-content">
|
|
33
|
+
{% for category in c.categories %}
|
|
34
|
+
<section class="{{projects}}">
|
|
35
|
+
<h2 id="{{category}}">{{category}}</h2>
|
|
36
|
+
<ul>
|
|
37
|
+
{% for project in site.projects %}
|
|
38
|
+
{% if project.category contains category %}
|
|
39
|
+
<li>
|
|
40
|
+
<h3>{{ project.title | escape }}</h3>
|
|
41
|
+
<p>[{{project.tags}}]</p>
|
|
42
|
+
<p>{{project.content}}</p>
|
|
43
|
+
</li>
|
|
44
|
+
{% endif %}
|
|
45
|
+
{% endfor %}
|
|
46
|
+
</ul>
|
|
47
|
+
</section>
|
|
48
|
+
{% endfor %}
|
|
49
|
+
</div>
|
data/_sass/_base.scss
ADDED
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
|
|
3
|
+
//fonts
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: 'aqua_grotesqueregular';
|
|
6
|
+
src: url('../assets/fonts/aqua/aqua-webfont.woff2') format('woff2'),
|
|
7
|
+
url('../assets/fonts/aqua/aqua-webfont.woff') format('woff');
|
|
8
|
+
font-weight: normal;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'bikoregular';
|
|
14
|
+
src: url('../assets/fonts/biko/biko_regular-webfont.woff2') format('woff2'),
|
|
15
|
+
url('../assets/fonts/biko/biko_regular-webfont.woff') format('woff');
|
|
16
|
+
font-weight: normal;
|
|
17
|
+
font-style: normal;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@font-face {
|
|
21
|
+
font-family: 'chaseregular';
|
|
22
|
+
src: url('../assets/fonts/chase/chase-webfont.woff2') format('woff2'),
|
|
23
|
+
url('../assets/fonts/chase/chase-webfont.woff') format('woff');
|
|
24
|
+
font-weight: normal;
|
|
25
|
+
font-style: normal;
|
|
26
|
+
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'simplificasimplifica';
|
|
31
|
+
src: url('../assets/fonts/simplifica_typeface-webfont.woff2') format('woff2'),
|
|
32
|
+
url('../assets/fonts/simplifica_typeface-webfont.woff') format('woff');
|
|
33
|
+
font-weight: normal;
|
|
34
|
+
font-style: normal;
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
//variables
|
|
39
|
+
|
|
40
|
+
//font related
|
|
41
|
+
$base-font-family: Calibri, Helvetica, Arial, sans-serif;
|
|
42
|
+
$navigation: aqua_grotesqueregular, serif;
|
|
43
|
+
$headlines: chaseregular, serif;
|
|
44
|
+
$base-font-size: 1em;
|
|
45
|
+
$big-font-size: $base-font-size * 2;
|
|
46
|
+
$small-font-size: $base-font-size * 0.8;
|
|
47
|
+
|
|
48
|
+
//space related
|
|
49
|
+
$center: 0 auto;
|
|
50
|
+
$base-spacing: 1em;
|
|
51
|
+
$base-sizing: 5em;
|
|
52
|
+
$border-width: 0.3em;
|
|
53
|
+
|
|
54
|
+
//background related
|
|
55
|
+
$grey-color: #828282;
|
|
56
|
+
$grey-color-light: lighten($grey-color, 40%);
|
|
57
|
+
|
|
58
|
+
// Width of the content area
|
|
59
|
+
$content-width: 1000px;
|
|
60
|
+
$tablet-width: 600px;
|
|
61
|
+
$small-laptop-width: 1100px;
|
|
62
|
+
$phone-width: 404px;
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
//mixins
|
|
66
|
+
@mixin laptop {
|
|
67
|
+
@media screen and (max-width: $small-laptop-width) {
|
|
68
|
+
@content;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@mixin small-laptop {
|
|
73
|
+
@media screen and (max-width: 845px) {
|
|
74
|
+
@content;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin tablet {
|
|
79
|
+
@media screen and (max-width: $tablet-width) {
|
|
80
|
+
@content;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@mixin phone {
|
|
85
|
+
@media screen and (max-width: $phone-width) {
|
|
86
|
+
@content;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@import '_reset';
|
|
91
|
+
|
|
92
|
+
//main stuff
|
|
93
|
+
html, body {
|
|
94
|
+
height: 100%;
|
|
95
|
+
font-size: $base-font-size;
|
|
96
|
+
font-family: $base-font-family;
|
|
97
|
+
text-align: justify;
|
|
98
|
+
background-color: $grey-color-light;
|
|
99
|
+
background-image: url($background-image);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.wrapper {
|
|
103
|
+
min-height: 100%;
|
|
104
|
+
position: relative;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.content-wrapper {
|
|
108
|
+
max-width: $content-width;
|
|
109
|
+
margin: $center;
|
|
110
|
+
padding-bottom: $base-sizing;
|
|
111
|
+
overflow: auto;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
//headlines
|
|
115
|
+
h1 {
|
|
116
|
+
font-size: $big-font-size * 2;
|
|
117
|
+
font-family: bikoregular, serif;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
h2 {
|
|
121
|
+
font-family: $headlines;
|
|
122
|
+
font-size: $big-font-size;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
h3, h4, h5 {
|
|
126
|
+
font-family: simplificasimplifica, serif;
|
|
127
|
+
font-size: $base-font-size;
|
|
128
|
+
margin: $base-spacing, 0;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
//links
|
|
133
|
+
ul {
|
|
134
|
+
li {
|
|
135
|
+
display: inline-block;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
a {
|
|
139
|
+
display: inline-block;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
a:focus, a:hover, a:active {
|
|
144
|
+
font-weight: bold;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
img {
|
|
148
|
+
max-width: 100%;
|
|
149
|
+
height: auto;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
@import '_headandfoot';
|
|
153
|
+
@import '_menu';
|
data/_sass/_blog.scss
ADDED
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
.blog {
|
|
2
|
+
overflow: auto;
|
|
3
|
+
|
|
4
|
+
.localnav {
|
|
5
|
+
width: 28%;
|
|
6
|
+
float: right;
|
|
7
|
+
margin-top: $base-sizing;
|
|
8
|
+
|
|
9
|
+
h3 {
|
|
10
|
+
text-align: right;
|
|
11
|
+
font-family: aqua_grotesqueregular, serif;
|
|
12
|
+
margin-bottom: $base-spacing * 0.5;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
li {
|
|
16
|
+
padding: 0;
|
|
17
|
+
display: block;
|
|
18
|
+
clear: both;
|
|
19
|
+
text-align: right;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
a {
|
|
23
|
+
font-size: $small-font-size * 0.8;
|
|
24
|
+
text-align: right;
|
|
25
|
+
padding-bottom: 0.5em;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
a:hover, a:active, a:focus {
|
|
29
|
+
border-bottom-style: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
#page-header {
|
|
33
|
+
float: right;
|
|
34
|
+
clear: both;
|
|
35
|
+
font-family: aqua_grotesqueregular, serif;
|
|
36
|
+
font-size: $base-font-size;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
#posts {
|
|
41
|
+
width: 70%;
|
|
42
|
+
float: left;
|
|
43
|
+
overflow: auto;
|
|
44
|
+
margin-top: $base-sizing;
|
|
45
|
+
|
|
46
|
+
p.date {
|
|
47
|
+
float: right;
|
|
48
|
+
font-size: $small-font-size;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
p {
|
|
52
|
+
clear: both;
|
|
53
|
+
margin-top: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
#post {
|
|
57
|
+
padding-bottom: 0;
|
|
58
|
+
margin: $base-spacing * 2.5;
|
|
59
|
+
border-bottom-style: ridge;
|
|
60
|
+
border-width: $border-width;
|
|
61
|
+
white-space: pre-wrap;
|
|
62
|
+
|
|
63
|
+
p {
|
|
64
|
+
margin-bottom: -1.8em;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.commentcount {
|
|
68
|
+
padding-top: $base-spacing;
|
|
69
|
+
margin-bottom: -2em;
|
|
70
|
+
display: block;
|
|
71
|
+
text-align: right;
|
|
72
|
+
font-variant: small-caps;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
a {
|
|
76
|
+
|
|
77
|
+
h3 {
|
|
78
|
+
font-size: $base-font-size * 1.4;
|
|
79
|
+
margin-bottom: 0.5em;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
a.read-more {
|
|
84
|
+
float: right;
|
|
85
|
+
font-size: $base-font-size * 1.1;
|
|
86
|
+
font-variant: small-caps;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
#post:last-of-type {
|
|
92
|
+
border-bottom-style: none;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
#post:first-of-type {
|
|
96
|
+
margin-top: 0;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
img {
|
|
100
|
+
display: block;
|
|
101
|
+
margin: $center;
|
|
102
|
+
padding: $base-spacing 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
h2, h3, h4, h5 {
|
|
106
|
+
margin: 0;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.post-wrapper {
|
|
112
|
+
.localnav {
|
|
113
|
+
width: 28%;
|
|
114
|
+
float: right;
|
|
115
|
+
margin-top: $base-sizing;
|
|
116
|
+
|
|
117
|
+
h3 {
|
|
118
|
+
text-align: right;
|
|
119
|
+
font-family: aqua_grotesqueregular, serif;
|
|
120
|
+
margin-bottom: $base-spacing * 0.5;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
li {
|
|
124
|
+
padding: 0;
|
|
125
|
+
display: block;
|
|
126
|
+
text-align: right;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
a {
|
|
130
|
+
font-size: $small-font-size * 0.8;
|
|
131
|
+
text-align: right;
|
|
132
|
+
padding-bottom: 0.5em;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
a:hover, a:active, a:focus {
|
|
136
|
+
border-bottom-style: none;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
#page-header {
|
|
140
|
+
float: right;
|
|
141
|
+
font-family: aqua_grotesqueregular, serif;
|
|
142
|
+
font-size: $base-font-size;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.post {
|
|
147
|
+
width: 70%;
|
|
148
|
+
float: left;
|
|
149
|
+
margin-top: $base-sizing;
|
|
150
|
+
|
|
151
|
+
h2 {
|
|
152
|
+
font-family: simplificasimplifica, serif;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
h3, h4, h5 {
|
|
156
|
+
font-family: $base-font-family;
|
|
157
|
+
font-size: $base-font-size * 1.2;
|
|
158
|
+
margin-top: 1em;
|
|
159
|
+
margin-bottom: 0;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
p {
|
|
163
|
+
margin-bottom: -1em;
|
|
164
|
+
padding-left: $base-spacing;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.post-content {
|
|
168
|
+
margin-top: $base-spacing * 2;
|
|
169
|
+
padding-bottom: $base-spacing * 2;
|
|
170
|
+
white-space: pre-wrap;
|
|
171
|
+
|
|
172
|
+
ol, ul {
|
|
173
|
+
list-style-type: initial !important;
|
|
174
|
+
|
|
175
|
+
li {
|
|
176
|
+
display: list-item;
|
|
177
|
+
margin-top: -2em;
|
|
178
|
+
margin-left: 1em;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
}
|