writers-zone 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +12 -0
- data/_includes/footer.html +13 -10
- data/_includes/head.html +2 -1
- data/_includes/header.html +30 -26
- data/_includes/icons/svg/github.svg +1 -1
- data/_includes/icons/svg/twitter.svg +1 -1
- data/_layouts/default.html +11 -9
- data/_layouts/search.html +1 -1
- data/_sass/abstracts/_functions.scss +3 -0
- data/_sass/abstracts/_mixins.scss +46 -0
- data/_sass/abstracts/_variables.scss +28 -0
- data/_sass/base/_base.scss +146 -0
- data/_sass/base/_fonts.scss +3 -0
- data/_sass/base/_helpers.scss +79 -0
- data/_sass/base/_typography.scss +53 -0
- data/_sass/components/_button.scss +3 -0
- data/_sass/components/_icons.scss +19 -0
- data/_sass/layout/_footer.scss +95 -0
- data/_sass/layout/_header.scss +159 -0
- data/_sass/{writers-zone/_plugins.scss → layout/_pagination.scss} +10 -43
- data/_sass/layout/_search.scss +42 -0
- data/_sass/layout/_sticky-footer.scss +39 -0
- data/_sass/pages/_home.scss +3 -0
- data/_sass/pages/_pages.scss +35 -0
- data/_sass/pages/_posts.scss +50 -0
- data/_sass/themes/_default.scss +4 -0
- data/_sass/vendor/_normalize.scss +460 -0
- data/_sass/{writers-zone → vendor}/_syntax-highlighting.scss +0 -0
- data/_sass/writers-zone.scss +45 -44
- data/demo/css/main.scss +9 -0
- metadata +22 -6
- data/_sass/writers-zone/_base.scss +0 -206
- data/_sass/writers-zone/_layout.scss +0 -237
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 422ae68b393b9b64374668287feaf96e3d2c0412
|
4
|
+
data.tar.gz: de1f4da170eb6e7eab0a2e165ed3068468e0cdd4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1225ef17479012c988e5ac0219b96d507cf6e05ae3fe79a6c4cc3e8a3c56f67e306fe1286c588fa89237d6ef9f753af64a697fc69a19248678fb9ef80b75e324
|
7
|
+
data.tar.gz: 451984228d4226f16950c3e6e3f369203a1df7f157cbc79e8a06d9531548c4fd28c00c804bd36fd34c29ec5746f6f38af7f56a5b204264b01c1105a74d88fc8d
|
data/README.md
CHANGED
@@ -4,6 +4,18 @@ Gem Theme for [Jekyll (3.2.1)](https://jekyllrb.com/) based on the official them
|
|
4
4
|
[minima (1.2)](https://github.com/jekyll/minima) by
|
5
5
|
[Parker Moore](https://github.com/parkr) with some plugins installed.
|
6
6
|
|
7
|
+
## Features
|
8
|
+
|
9
|
+
* Mobile friendly (Responsive desing mobile first)
|
10
|
+
* FlexBox layout
|
11
|
+
* **compatibility with all browsers "desktop/mobile" less**
|
12
|
+
* IE < 10
|
13
|
+
* Opera "desktop/mobile" < 12.1
|
14
|
+
* Sticky footer
|
15
|
+
* Toggle menu on-click with only CSS
|
16
|
+
* Full text search
|
17
|
+
* SVG icons
|
18
|
+
|
7
19
|
## Installation
|
8
20
|
|
9
21
|
```sh
|
data/_includes/footer.html
CHANGED
@@ -4,8 +4,9 @@
|
|
4
4
|
|
5
5
|
<h2 class="footer-heading">{{ site.title | escape }}</h2>
|
6
6
|
|
7
|
-
<
|
8
|
-
|
7
|
+
<section class="footer-section">
|
8
|
+
|
9
|
+
<nav class="footer-nav">
|
9
10
|
<ul class="contact-list">
|
10
11
|
<li>
|
11
12
|
{% if site.author %}
|
@@ -14,11 +15,12 @@
|
|
14
15
|
{{ site.title | escape }}
|
15
16
|
{% endif %}
|
16
17
|
</li>
|
17
|
-
<li>
|
18
|
+
<li>
|
19
|
+
{% include icons/icon.html icon-name='mail' %}
|
20
|
+
<a href="mailto:{{ site.email }}">{{ site.email }}</a>
|
21
|
+
</li>
|
18
22
|
</ul>
|
19
|
-
</div>
|
20
23
|
|
21
|
-
<div class="footer-col footer-col-2">
|
22
24
|
<ul class="social-media-list">
|
23
25
|
{% if site.github_username %}
|
24
26
|
<li>
|
@@ -42,9 +44,9 @@
|
|
42
44
|
</li>
|
43
45
|
{% endif %}
|
44
46
|
</ul>
|
45
|
-
</
|
47
|
+
</nav>
|
46
48
|
|
47
|
-
<
|
49
|
+
<section class="footer-description">
|
48
50
|
<p>{{ site.description | escape }}</p>
|
49
51
|
<p class="rss-subscribe">
|
50
52
|
{% include icons/icon.html icon-name='rss' %}
|
@@ -53,9 +55,10 @@
|
|
53
55
|
or
|
54
56
|
<a href="{{ "/feed.xml" | prepend: site.baseurl }}" title="RSS">RSS</a>
|
55
57
|
</p>
|
56
|
-
</
|
57
|
-
|
58
|
+
</section>
|
59
|
+
|
60
|
+
</section>
|
58
61
|
|
59
|
-
|
62
|
+
</div>
|
60
63
|
|
61
64
|
</footer>
|
data/_includes/head.html
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
<head>
|
2
2
|
<meta charset="utf-8">
|
3
3
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
4
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
4
|
+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
|
5
|
+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
5
6
|
<!-- <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title> -->
|
6
7
|
<!-- <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}"> -->
|
7
8
|
<!-- <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: full_base_url }}"> -->
|
data/_includes/header.html
CHANGED
@@ -2,35 +2,39 @@
|
|
2
2
|
|
3
3
|
<div class="wrapper">
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
<div class="header-layout">
|
6
|
+
{% assign custom_url = site.url | append: site.baseurl %}
|
7
|
+
{% assign full_base_url = site.github.url | default: custom_url %}
|
8
|
+
<a class="site-title" href="{{ full_base_url }}/" title="{{ site.title }}">{{ site.title | escape }}</a>
|
8
9
|
|
9
|
-
|
10
|
-
|
11
|
-
<
|
12
|
-
<
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
10
|
+
<nav class="site-nav">
|
11
|
+
<input id="menu-icon" type="checkbox">
|
12
|
+
<label class="burguer" for="menu-icon">
|
13
|
+
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
14
|
+
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
15
|
+
<path d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
16
|
+
<path d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
17
|
+
</svg>
|
18
|
+
</label>
|
17
19
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
20
|
+
<ul class="site-menu">
|
21
|
+
{% for my_page in site.pages %}
|
22
|
+
{% if my_page.title %}
|
23
|
+
<li><a
|
24
|
+
class="page-link"
|
25
|
+
href="{{ my_page.url | prepend: full_base_url }}"
|
26
|
+
title="{{ my_page.title }}">
|
27
|
+
{% if my_page.icon %}
|
28
|
+
{% include icons/icon.html icon-name=my_page.icon class='text-top c-color' %}
|
29
|
+
{% endif %}
|
30
|
+
{{ my_page.title | escape }}
|
31
|
+
</a></li>
|
27
32
|
{% endif %}
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
</nav>
|
33
|
+
{% endfor %}
|
34
|
+
</ul>
|
35
|
+
</nav>
|
36
|
+
|
37
|
+
</div>
|
34
38
|
|
35
39
|
</div>
|
36
40
|
|
@@ -1 +1 @@
|
|
1
|
-
<svg viewBox="0 0 16 16" width="16px" height="16px"><path
|
1
|
+
<svg viewBox="0 0 16 16" width="16px" height="16px"><path 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>
|
@@ -1 +1 @@
|
|
1
|
-
<svg viewBox="0 0 16 16" width="16px" height="16px"><path
|
1
|
+
<svg viewBox="0 0 16 16" width="16px" height="16px"><path 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>
|
data/_layouts/default.html
CHANGED
@@ -5,19 +5,21 @@
|
|
5
5
|
|
6
6
|
<body>
|
7
7
|
|
8
|
-
|
8
|
+
<div class="main">
|
9
|
+
{% include header.html %}
|
9
10
|
|
10
|
-
|
11
|
+
<main class="page-content" aria-label="Content">
|
11
12
|
|
12
|
-
|
13
|
-
|
14
|
-
|
13
|
+
<div class="wrapper">
|
14
|
+
{{ content }}
|
15
|
+
</div>
|
15
16
|
|
16
|
-
|
17
|
-
|
18
|
-
|
17
|
+
{% if paginator.total_pages > 1 %}
|
18
|
+
{% include pagination/pages.html %}
|
19
|
+
{% endif %}
|
19
20
|
|
20
|
-
|
21
|
+
</main>
|
22
|
+
</div>
|
21
23
|
|
22
24
|
{% include footer.html %}
|
23
25
|
|
data/_layouts/search.html
CHANGED
@@ -0,0 +1,46 @@
|
|
1
|
+
// -----------------------------------------------------------------------------
|
2
|
+
// This file contains all application-wide Sass mixins.
|
3
|
+
// -----------------------------------------------------------------------------
|
4
|
+
|
5
|
+
/// Event wrapper
|
6
|
+
/// @author Harry Roberts
|
7
|
+
/// @param {Bool} $self [false] - Whether or not to include current selector
|
8
|
+
/// @link https://twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts
|
9
|
+
@mixin on-event($self: false) {
|
10
|
+
@if $self {
|
11
|
+
&,
|
12
|
+
&:hover,
|
13
|
+
&:active,
|
14
|
+
&:focus {
|
15
|
+
@content;
|
16
|
+
}
|
17
|
+
} @else {
|
18
|
+
&:hover,
|
19
|
+
&:active,
|
20
|
+
&:focus {
|
21
|
+
@content;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
/// Make a context based selector a little more friendly
|
27
|
+
/// @author Hugo Giraudel
|
28
|
+
/// @param {String} $context
|
29
|
+
@mixin when-inside($context) {
|
30
|
+
#{$context} & {
|
31
|
+
@content;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
// Use media queries like this:
|
36
|
+
// @include media-query($on-palm) {
|
37
|
+
// .wrapper {
|
38
|
+
// padding-right: $spacing-unit / 2;
|
39
|
+
// padding-left: $spacing-unit / 2;
|
40
|
+
// }
|
41
|
+
// }
|
42
|
+
@mixin media-query($device) {
|
43
|
+
@media screen and (min-width: $device) {
|
44
|
+
@content;
|
45
|
+
}
|
46
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
// -----------------------------------------------------------------------------
|
2
|
+
// This file contains all application-wide Sass variables.
|
3
|
+
// -----------------------------------------------------------------------------
|
4
|
+
|
5
|
+
// Fonts
|
6
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
7
|
+
$base-font-size: 16px !default;
|
8
|
+
$base-font-weight: 400 !default;
|
9
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
10
|
+
$base-line-height: 1.5 !default;
|
11
|
+
|
12
|
+
// Layout
|
13
|
+
$spacing-unit: 30px !default;
|
14
|
+
|
15
|
+
// Width of the content area
|
16
|
+
$content-width: 800px !default;
|
17
|
+
|
18
|
+
$on-palm: 600px !default;
|
19
|
+
$on-laptop: 800px !default;
|
20
|
+
|
21
|
+
// Theme
|
22
|
+
$text-color: #111 !default;
|
23
|
+
$background-color: #fdfdfd !default;
|
24
|
+
$brand-color: #2a7ae2 !default;
|
25
|
+
|
26
|
+
$grey-color: #828282 !default;
|
27
|
+
$grey-color-light: lighten($grey-color, 40%) !default;
|
28
|
+
$grey-color-dark: darken($grey-color, 25%) !default;
|
@@ -0,0 +1,146 @@
|
|
1
|
+
// -----------------------------------------------------------------------------
|
2
|
+
// This file contains very basic styles.
|
3
|
+
// -----------------------------------------------------------------------------
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Set up a decent box model on the root element
|
7
|
+
*/
|
8
|
+
html {
|
9
|
+
box-sizing: border-box;
|
10
|
+
}
|
11
|
+
|
12
|
+
/**
|
13
|
+
* Make all elements from the DOM inherit from the parent box-sizing
|
14
|
+
* Since `*` has a specificity of 0, it does not override the `html` value
|
15
|
+
* making all elements inheriting from the root box-sizing value
|
16
|
+
* See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
|
17
|
+
*/
|
18
|
+
*, *::before, *::after {
|
19
|
+
box-sizing: inherit;
|
20
|
+
}
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Reset some basic elements
|
24
|
+
*/
|
25
|
+
body, h1, h2, h3, h4, h5, h6,
|
26
|
+
p, blockquote, pre, hr,
|
27
|
+
dl, dd, ol, ul, figure {
|
28
|
+
margin: 0;
|
29
|
+
padding: 0;
|
30
|
+
}
|
31
|
+
|
32
|
+
|
33
|
+
|
34
|
+
/**
|
35
|
+
* Basic styling
|
36
|
+
*/
|
37
|
+
body {
|
38
|
+
background-color: $background-color;
|
39
|
+
}
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
/**
|
44
|
+
* Set `margin-bottom` to maintain vertical rhythm
|
45
|
+
*/
|
46
|
+
h1, h2, h3, h4, h5, h6,
|
47
|
+
p, blockquote, pre,
|
48
|
+
ul, ol, dl, figure,
|
49
|
+
%vertical-rhythm {
|
50
|
+
margin-bottom: $spacing-unit / 2;
|
51
|
+
}
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
/**
|
56
|
+
* Images
|
57
|
+
*/
|
58
|
+
img {
|
59
|
+
max-width: 100%;
|
60
|
+
vertical-align: middle;
|
61
|
+
}
|
62
|
+
|
63
|
+
|
64
|
+
|
65
|
+
/**
|
66
|
+
* Figures
|
67
|
+
*/
|
68
|
+
figure > img {
|
69
|
+
display: block;
|
70
|
+
}
|
71
|
+
|
72
|
+
|
73
|
+
|
74
|
+
/**
|
75
|
+
* Lists
|
76
|
+
*/
|
77
|
+
ul, ol {
|
78
|
+
margin-left: $spacing-unit;
|
79
|
+
}
|
80
|
+
|
81
|
+
li {
|
82
|
+
> ul,
|
83
|
+
> ol {
|
84
|
+
margin-bottom: 0;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
|
88
|
+
|
89
|
+
|
90
|
+
/**
|
91
|
+
* Links
|
92
|
+
*/
|
93
|
+
a {
|
94
|
+
color: $brand-color;
|
95
|
+
text-decoration: none;
|
96
|
+
|
97
|
+
@include on-event {
|
98
|
+
color: $text-color;
|
99
|
+
text-decoration: underline;
|
100
|
+
}
|
101
|
+
|
102
|
+
&:visited {
|
103
|
+
color: darken($brand-color, 15%);
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
/**
|
110
|
+
* Blockquotes
|
111
|
+
*/
|
112
|
+
blockquote {
|
113
|
+
border-left: 4px solid $grey-color-light;
|
114
|
+
padding-left: $spacing-unit / 2;
|
115
|
+
|
116
|
+
> :last-child {
|
117
|
+
margin-bottom: 0;
|
118
|
+
}
|
119
|
+
}
|
120
|
+
|
121
|
+
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Code formatting
|
125
|
+
*/
|
126
|
+
pre,
|
127
|
+
code {
|
128
|
+
border: 1px solid $grey-color-light;
|
129
|
+
border-radius: 3px;
|
130
|
+
background-color: #eef;
|
131
|
+
}
|
132
|
+
|
133
|
+
code {
|
134
|
+
padding: 1px 5px;
|
135
|
+
}
|
136
|
+
|
137
|
+
pre {
|
138
|
+
padding: 8px 12px;
|
139
|
+
overflow-x: auto;
|
140
|
+
|
141
|
+
> code {
|
142
|
+
border: 0;
|
143
|
+
padding-right: 0;
|
144
|
+
padding-left: 0;
|
145
|
+
}
|
146
|
+
}
|