writers-zone 0.1.4 → 0.1.5
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/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
|
+
}
|