millennial 2.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.
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% for post in site.posts %}
6
+ {% if post.categories contains page.category %}
7
+ {% include featured-post.html %}
8
+ {% endif %}
9
+ {% endfor %}
@@ -0,0 +1,13 @@
1
+ <!doctype html>
2
+ <html>
3
+ {% include head.html %}
4
+ <body>
5
+ <div class="container">
6
+ {% include header.html %}
7
+ <div class="content-wrapper">
8
+ {{ content }}
9
+ </div>
10
+ {% include footer.html %}
11
+ </div>
12
+ </body>
13
+ </html>
@@ -0,0 +1,22 @@
1
+ ---
2
+ layout: default
3
+ title: Home
4
+ ---
5
+
6
+ {% for post in paginator.posts %}
7
+ {% include featured-post.html %}
8
+ {% endfor %}
9
+
10
+ <!-- Pagination links -->
11
+ <div class="pagination">
12
+ {% if paginator.next_page %}
13
+ <a class="pagination-button pagination-active next" href="{{ site.github.url }}{{ paginator.next_page_path }}">{{ site.data.settings.pagination.previous_page }}</a>
14
+ {% else %}
15
+ <span class="pagination-button">{{ site.data.settings.pagination.previous_page }}</span>
16
+ {% endif %}
17
+ {% if paginator.previous_page %}
18
+ <a class="pagination-button pagination-active" href="{{ site.baseurl }}{{ paginator.previous_page_path }}">{{ site.data.settings.pagination.next_page }}</a>
19
+ {% else %}
20
+ <span class="pagination-button">{{ site.data.settings.pagination.next_page }}</span>
21
+ {% endif %}
22
+ </div>
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="page-content">
6
+ <h1>
7
+ {{ page.title }}
8
+ </h1>
9
+ <article>
10
+ {{ content }}
11
+ </article>
12
+ </div>
@@ -0,0 +1,29 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="post-content">
6
+ <h1>
7
+ {{ page.title }}
8
+ </h1>
9
+ {% if site.hide_post_date != true %}
10
+ {% include post-date.html %}
11
+ {% endif %}
12
+ {% if page.image %}
13
+ <div class="featured-image">
14
+ <img src="{{ site.github.url }}/assets/img/{{ page.image }}">
15
+ </div>
16
+ {% endif %}
17
+ <article>
18
+ {{ content }}
19
+ </article>
20
+ {% if site.hide_post_share != true %}
21
+ {% include post-share.html %}
22
+ {% endif %}
23
+ {% if site.hide_related_posts != true %}
24
+ {% include related-posts.html %}
25
+ {% endif %}
26
+ {% if site.data.settings.disqus.comments %}
27
+ {% include disqus.html %}
28
+ {% endif %}
29
+ </div>
@@ -0,0 +1,11 @@
1
+ // Importing Sass/SCSS partials from `sass_dir` (defaults to `_sass`)
2
+ @import "base",
3
+ "code",
4
+ "default",
5
+ "footer",
6
+ "header",
7
+ "home",
8
+ "page",
9
+ "post",
10
+ "social-icons";
11
+ // SCSS files roughly correspond to HTML files in _includes and _layouts
data/_sass/_base.scss ADDED
@@ -0,0 +1,122 @@
1
+ /*
2
+ Reset some basic elements
3
+ */
4
+
5
+ body, h1, h2, h3, h4, h5, h6,
6
+ p, blockquote, pre, hr,
7
+ dl, dd, ol, ul, figure {
8
+ margin: 0;
9
+ padding: 0;
10
+ }
11
+
12
+ /*
13
+ Basic styling
14
+ */
15
+
16
+ /* Headings */
17
+ h1, h2, h3, h4, h5, h6 {
18
+ margin-bottom: .5rem;
19
+ font-weight: bold;
20
+ line-height: 1.25;
21
+ text-rendering: optimizeLegibility;
22
+ }
23
+
24
+ h1 {
25
+ font-size: 2rem;
26
+ }
27
+ h2 {
28
+ margin-top: 1rem;
29
+ font-size: 1.5rem;
30
+ }
31
+ h3 {
32
+ margin-top: 1.5rem;
33
+ font-size: 1.25rem;
34
+ }
35
+ h4, h5, h6 {
36
+ margin-top: 1rem;
37
+ font-size: 1rem;
38
+ }
39
+
40
+ /* Body */
41
+ body {
42
+ font-family: $base-font-family;
43
+ }
44
+ body img {
45
+ align: middle;
46
+ margin: 5px auto auto auto;
47
+ display: block;
48
+ max-width: 600px;
49
+ }
50
+
51
+ p {
52
+ display: block;
53
+ margin-top: 1em;
54
+ margin-bottom: 1em;
55
+ margin-left: 0;
56
+ margin-right: 0;
57
+ line-height: 1.65;
58
+ font-family: $body-font-family;
59
+ }
60
+
61
+ /* Lists */
62
+ ul, ol, dl {
63
+ margin-top: 1rem;
64
+ margin-bottom: 1rem;
65
+ margin-left: 1.5rem;
66
+ font-family: $body-font-family;
67
+ }
68
+
69
+ ol li {
70
+ margin-top: 1rem;
71
+ margin-bottom: 1rem;
72
+ margin-left: 1.5rem;
73
+ }
74
+
75
+ li {
76
+ margin-bottom: 1rem;
77
+ }
78
+
79
+ dt {
80
+ font-weight: bold;
81
+ }
82
+ dd {
83
+ margin-bottom: .5rem;
84
+ }
85
+
86
+ /*
87
+ Links
88
+ */
89
+
90
+ a {
91
+ color: $brand-color;
92
+ text-decoration: none;
93
+ }
94
+
95
+ /*
96
+ Blockquote
97
+ */
98
+
99
+ blockquote {
100
+ margin: 10px 20px 10px;
101
+ padding: 0px 15px;
102
+ border-left: 0.25em solid #ccc;
103
+ color: #999;
104
+ line-height: 1.5;
105
+ }
106
+
107
+ /**
108
+ * Tables
109
+ */
110
+ table {
111
+ border-collapse: collapse;
112
+ margin-bottom: 30px;
113
+ width: 100%;
114
+ }
115
+
116
+ table, th, td {
117
+ border: 1px solid black;
118
+ }
119
+ th, td {
120
+ padding: 15px;
121
+ text-align: left;
122
+ }
data/_sass/_code.scss ADDED
@@ -0,0 +1,60 @@
1
+ code,
2
+ pre {
3
+ font-family: $code-font-family
4
+ }
5
+ code {
6
+ padding: .25em .5em;
7
+ font-size: .8rem;
8
+ background-color: #f5f5f5;
9
+ border-radius: 3px;
10
+ }
11
+ pre {
12
+ display: block;
13
+ margin-top: 0;
14
+ margin-bottom: 1rem;
15
+ padding: 1rem;
16
+ font-size: .8rem;
17
+ line-height: 1.4;
18
+ white-space: pre;
19
+ white-space: pre-wrap;
20
+ word-break: break-all;
21
+ word-wrap: break-word;
22
+ background-color: #f5f5f5;
23
+ }
24
+ pre code {
25
+ padding: 0;
26
+ font-size: 100%;
27
+ color: inherit;
28
+ background-color: transparent;
29
+ }
30
+
31
+ /* Pygments via Jekyll */
32
+ .highlight {
33
+ margin-bottom: 1rem;
34
+ border-radius: 4px;
35
+ }
36
+ .highlight pre {
37
+ margin-bottom: 0;
38
+ }
39
+
40
+ /* Gist via GitHub Pages */
41
+ .gist .gist-file {
42
+ font-family: $code-font-family !important;
43
+ }
44
+ .gist .markdown-body {
45
+ padding: 15px;
46
+ }
47
+ .gist pre {
48
+ padding: 0;
49
+ background-color: transparent;
50
+ }
51
+ .gist .gist-file .gist-data {
52
+ font-size: .8rem !important;
53
+ line-height: 1.4;
54
+ }
55
+ .gist code {
56
+ padding: 0;
57
+ color: inherit;
58
+ background-color: transparent;
59
+ border-radius: 0;
60
+ }
@@ -0,0 +1,34 @@
1
+ /*
2
+ Site container
3
+ */
4
+
5
+ .container {
6
+ width: $container-width;
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ }
10
+ .container a {
11
+ text-decoration: underline;
12
+ }
13
+ .content-wrapper {
14
+ padding-top: $header-thickness+10px;
15
+ margin: auto;
16
+ display: block;
17
+ width: $container-width - 20px;
18
+ }
19
+ .content-wrapper h1 {
20
+ margin: 20px 0px 5px;
21
+ }
22
+ @media (max-width: $container-width) {
23
+ .container {
24
+ width: 95vw;
25
+ margin-left: auto;
26
+ margin-right: auto;
27
+ }
28
+ .content-wrapper {
29
+ padding-top: $header-thickness+10px;
30
+ margin: auto;
31
+ display: block;
32
+ width: 95vw;
33
+ }
34
+ }
@@ -0,0 +1,29 @@
1
+ .footer {
2
+ background: white;
3
+ color: $brand-color;
4
+ text-align: center;
5
+ min-height: 56px;
6
+ line-height: 45px;
7
+ width: $container-width;
8
+ }
9
+ .footer a {
10
+ color: $brand-color;
11
+ padding: 0px 10px 0px;
12
+ text-decoration: none;
13
+ }
14
+ @media (max-width: $container-width) {
15
+ .footer {
16
+ background: white;
17
+ color: $brand-color;
18
+ text-align: center;
19
+ min-height: 56px;
20
+ line-height: 45px;
21
+ width: 95vw;
22
+ }
23
+ }
24
+ .footer-description {
25
+ display: block;
26
+ margin-bottom: 1rem;
27
+ color: #9a9a9a;
28
+ font-size:0.8rem;
29
+ }
@@ -0,0 +1,94 @@
1
+ .site-header {
2
+ min-height: 56px;
3
+ width: $container-width;
4
+ position: fixed;
5
+ background-color: white;
6
+ box-shadow: 0 5px 6px -6px #bbb;
7
+ z-index: 100;
8
+ }
9
+ @media (max-width: $container-width) {
10
+ .site-header {
11
+ min-height: 56px;
12
+ width: 95vw;
13
+ position: fixed;
14
+ background-color: white;
15
+ box-shadow: 0 5px 6px -6px #bbb;
16
+ z-index: 100;
17
+ }
18
+ }
19
+ .site-header a {
20
+ text-decoration: none;
21
+ }
22
+ .site-title {
23
+ font-size: 26px;
24
+ font-weight: 400;
25
+ line-height: 56px;
26
+ margin-bottom: 0;
27
+ margin-top: 0;
28
+ padding-left: 10px;
29
+ float: left;
30
+ }
31
+ .menu-list {
32
+ line-height: $header-thickness;
33
+ float: right;
34
+ }
35
+ .menu-link {
36
+ padding: 5px 10px;
37
+ }
38
+
39
+ /*
40
+ Responsiveness with a dropdown menu
41
+ */
42
+
43
+ @media (min-width: $container-width) {
44
+ .dropbtn {
45
+ display: none;
46
+ }
47
+ .dropdown-content {
48
+ display: none;
49
+ }
50
+ }
51
+ @media (max-width: $container-width) {
52
+ .menu-list {
53
+ display: none;
54
+ }
55
+ .site-title {
56
+ padding-right: 0.25rem;
57
+ }
58
+ .dropbtn {
59
+ background-color: white;
60
+ color: black;
61
+ padding: 16px;
62
+ margin-top: 4px;
63
+ font-size: 16px;
64
+ border: none;
65
+ cursor: pointer;
66
+ }
67
+ .dropdown {
68
+ position: relative;
69
+ display: inline-block;
70
+ }
71
+ .dropdown-content {
72
+ display: none;
73
+ position: absolute;
74
+ background-color: #f9f9f9;
75
+ min-width: 160px;
76
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
77
+ z-index: 1;
78
+ }
79
+ .dropdown-content a {
80
+ color: black;
81
+ padding: 12px 16px;
82
+ text-decoration: none;
83
+ display: block;
84
+ }
85
+ .dropdown-content a:hover {
86
+ background-color: #f1f1f1
87
+ }
88
+ .dropdown:hover .dropdown-content {
89
+ display: block;
90
+ }
91
+ .dropdown:hover .dropbtn {
92
+ background-color: #f1f1f1;
93
+ }
94
+ }