classic-jekyll-theme 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +23 -0
  3. data/README.md +99 -0
  4. data/_includes/disqus_comments.html +25 -0
  5. data/_includes/footer.html +5 -0
  6. data/_includes/google-analytics.html +11 -0
  7. data/_includes/head.html +26 -0
  8. data/_includes/navbanner.html +149 -0
  9. data/_includes/secondary-column.html +12 -0
  10. data/_includes/tertiary-column.html +4 -0
  11. data/_includes/widgets/browser-info.html +13 -0
  12. data/_includes/widgets/cookie-consent.html +7 -0
  13. data/_includes/widgets/recent-posts.html +8 -0
  14. data/_includes/widgets/social-media-res/icon-github.html +1 -0
  15. data/_includes/widgets/social-media-res/icon-github.svg +1 -0
  16. data/_includes/widgets/social-media-res/icon-twitter.html +1 -0
  17. data/_includes/widgets/social-media-res/icon-twitter.svg +1 -0
  18. data/_includes/widgets/social-media.html +9 -0
  19. data/_includes/widgets/subscribe.html +4 -0
  20. data/_layouts/category-page.html +55 -0
  21. data/_layouts/default.html +60 -0
  22. data/_layouts/home.html +21 -0
  23. data/_layouts/page.html +18 -0
  24. data/_layouts/post.html +18 -0
  25. data/_sass/classic-jekyll-theme.scss +115 -0
  26. data/_sass/classic/_base.scss +176 -0
  27. data/_sass/classic/_formatting.scss +189 -0
  28. data/_sass/classic/_layout.scss +306 -0
  29. data/_sass/classic/_page.scss +12 -0
  30. data/_sass/classic/_post.scss +10 -0
  31. data/_sass/classic/_syntax-highlighting.scss +71 -0
  32. data/assets/img/medium-left.png +0 -0
  33. data/assets/img/medium-right.png +0 -0
  34. data/assets/img/narrow.png +0 -0
  35. data/assets/img/screenshot-half.png +0 -0
  36. data/assets/img/wide.png +0 -0
  37. data/assets/js/cookieconsent.min.js +1 -0
  38. data/assets/main.scss +9 -0
  39. metadata +39 -2
@@ -0,0 +1,55 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="page">
5
+
6
+ <header class="page-header">
7
+ <h1 class="page-title">Categorie: {{ page.title | capitalize }}</h1>
8
+ </header>
9
+
10
+ {% assign found = false %}
11
+
12
+ {% for post in site.posts %}
13
+
14
+ {% if post.categories %}
15
+
16
+ {% for cat in post.categories %}
17
+
18
+ {% if cat == page.title %}
19
+
20
+ {% assign found = true %}
21
+
22
+ <div class="category-post">
23
+
24
+ <h2 class="cp-header">
25
+ <span class="cph-title">{{ post.title }}</span>
26
+ <span class="post-meta">{{ post.date | date: "%F" }}</span>
27
+ </h2>
28
+
29
+ {% if post.tags.size > 0 %}
30
+ <p class="post-tags">Tags: <span>
31
+ {% for tag in post.tags %}
32
+ {{ tag }}{% if tag != post.tags.last %}, {% endif %}
33
+ {% endfor %}</span>
34
+ </p>
35
+ {% endif %}
36
+
37
+ <p>{{ post.excerpt | remove: '<p>' | remove: '</p>' }}<a href="{{ post.url }}">more...</a></p>
38
+
39
+ </div>
40
+
41
+ {% endif %}
42
+
43
+ {% endfor %}
44
+
45
+ {% endif %}
46
+
47
+ {% endfor %}
48
+
49
+ {% if found == false %}
50
+
51
+ <div><p style="text-align: center;">No blogposts found for this category</p></div>
52
+
53
+ {% endif %}
54
+
55
+ </article>
@@ -0,0 +1,60 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ {% include head.html %}
5
+
6
+ <body>
7
+
8
+ <div class="navbanner-panel">{% include navbanner.html %}</div>
9
+
10
+ <div class="column-panel">
11
+
12
+ {% if site.secondary_column == 'left' %}
13
+ <div class="secondary-column">
14
+ <div class="secondary-column-content">{% include secondary-column.html %}</div>
15
+ {% if site.tertiary_column == 'present' %}
16
+ <div class="tertiary-column-content">{% include tertiary-column.html %}</div>
17
+ {% endif %}
18
+ </div>
19
+ <div class="secondary-divider"></div>
20
+ {% else %}
21
+ {% if site.tertiary_column == 'present' %}
22
+ <div class="tertiary-column">
23
+ <div class="tertiary-column-content">{% include tertiary-column.html %}</div>
24
+ </div>
25
+ <div class="tertiary-divider"></div>
26
+ {% endif %}
27
+ {% endif %}
28
+
29
+
30
+ <div class="primary-column">
31
+ <main>{{ content }}</main>
32
+ </div>
33
+
34
+
35
+ {% if site.secondary_column == 'right' %}
36
+ <div class="secondary-divider"></div>
37
+ <div class="secondary-column">
38
+ <div class="secondary-column-content">{% include secondary-column.html %}</div>
39
+ {% if site.tertiary_column == 'present' %}
40
+ <div class="tertiary-column-content">{% include tertiary-column.html %}</div>
41
+ {% endif %}
42
+ </div>
43
+ {% else %}
44
+ {% if site.tertiary_column == 'present' %}
45
+ <div class="tertiary-divider"></div>
46
+ <div class="tertiary-column">
47
+ <div class="tertiary-column-content">{% include tertiary-column.html %}</div>
48
+ </div>
49
+ {% endif %}
50
+ {% endif %}
51
+
52
+ </div>
53
+
54
+ <div class="footer-divider"></div>
55
+
56
+ <div class="footer-panel">{% include footer.html %}</div>
57
+
58
+ </body>
59
+
60
+ </html>
@@ -0,0 +1,21 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div>
6
+
7
+ <h1>Posts</h1>
8
+
9
+ <!-- {{ content }} -->
10
+
11
+ {% for post in site.posts %}
12
+ {% if forloop.index > site.number_of_posts_on_home_page %} {% break %} {% endif %}
13
+
14
+ <h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
15
+ <span class="post-meta">{{ post.date | date: "%F" }}</span>
16
+
17
+ <div>{{ post.content }}</div>
18
+
19
+ {% endfor %}
20
+
21
+ </div>
@@ -0,0 +1,18 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="page" itemscope itemtype="http://schema.org/Article">
5
+
6
+ <header class="page-header">
7
+ <h1 class="page-title" itemprop="name headline">{{ page.title | escape }}</h1>
8
+ <p class="page-meta">{% if page.date %}<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%F" }}</time>{% endif %}{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
9
+ </header>
10
+
11
+ <div class="page-content" itemprop="articleBody">
12
+ {{ content }}
13
+ </div>
14
+
15
+ {% if site.disqus.shortname %}
16
+ {% include disqus_comments.html %}
17
+ {% endif %}
18
+ </article>
@@ -0,0 +1,18 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
8
+ <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%F" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
9
+ </header>
10
+
11
+ <div class="post-content" itemprop="articleBody">
12
+ {{ content }}
13
+ </div>
14
+
15
+ {% if site.disqus.shortname %}
16
+ {% include disqus_comments.html %}
17
+ {% endif %}
18
+ </article>
@@ -0,0 +1,115 @@
1
+ // =========================================================================================
2
+ // Defaults for the Classic-Jekyll-Theme
3
+ // Note: the definitions in main.scss have been deactivated.
4
+ // =========================================================================================
5
+
6
+ // Primary defaults
7
+ $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
8
+ $base-font-size: 16px;
9
+ $base-font-weight: 400;
10
+ $small-font-size: $base-font-size * 0.875;
11
+ $small-small-font-size: $small-font-size * 0.875;
12
+ $large-font-size: $base-font-size * 1.125;
13
+ $large-large-font-size: $large-font-size * 1.125;
14
+ $base-line-height: 1.5;
15
+
16
+ $hspacing-unit: 14px; // For best results, use even numbers only
17
+ $vspacing-unit: 14px; // For best results, use even numbers only
18
+
19
+ $text-color: #111;
20
+ $background-color: #fdfdfd;
21
+ $brand-color: #2a7ae2;
22
+
23
+ $grey-color: #828282;
24
+ $grey-color-light: lighten($grey-color, 40%);
25
+ $grey-color-light-light: lighten($grey-color-light, 40%);
26
+ $grey-color-dark: darken($grey-color, 25%);
27
+
28
+
29
+ // =========================================================================================
30
+ // From here one, element properties are set.
31
+ // The easiest way to become familiar with them is to change a value and see what happens.
32
+ // =========================================================================================
33
+
34
+ // The theme-color is the default for some of the other elements that can be colored in this theme.
35
+ // Its value is only used in this file.
36
+ $theme-color: green;
37
+
38
+ $navbanner-background-color: $background-color;
39
+ $navbanner-menubar-background-color: $background-color;
40
+ $primary-column-background-color: $background-color;
41
+ $secondary-column-background-color: $background-color;
42
+ $tertiary-column-background-color: $background-color;
43
+ $footer-background-color: $background-color;
44
+
45
+ // Colors for the dividers between the panels, columns and widgets
46
+ // Set display to 'none' to get rid of the divider, 'block' to enable the divider
47
+ $column-divider-color: lighten($grey-color, 30%);
48
+ $column-divider-display: block; //none;
49
+ $navbanner-menu-dividers-color: $theme-color;
50
+ $navbanner-menu-dividers-display: block; //none;
51
+ $footer-divider-color: $theme-color;
52
+ $footer-divider-display: block; //none;
53
+ $widget-divider-color: $theme-color;
54
+ $widget-divider-display: block; //none;
55
+
56
+ // Site title and menu-label coloring and sizing
57
+ $site-title-color: $theme-color;
58
+ $narrow-site-title-font-size: 2 * $base-font-size;
59
+ $medium-site-title-font-size: 2.5 * $base-font-size;
60
+ $wide-site-title-font-size: 3.5 * $base-font-size;
61
+
62
+ // Special characters used for menu functions
63
+ $menu-symbol-code: '\02261'; // ≡ Used in narrow and medium banner only
64
+ $menu-closed-submenu-code: '\021E8'; // ⇨ Used in narrow when the menu items are visible
65
+ $menu-open-submenu-code: '\021E9'; // ⇩ Used in narrow when the submenu items are visible
66
+ $menu-item-separator: ''; // Default = nothing
67
+
68
+ // Alignent of the menu items in the navigation bar.
69
+ // This is done via the "justify-content" flex property, valid values are:
70
+ // flex-start - to start the menu items at the left hand side of the screen
71
+ // center - to center the menu items in the middle of the navigation bar
72
+ // flex-end - to have them at the right most position possible
73
+ // for more options, see "justif-content".
74
+ $menu-alignment: flex-start;
75
+
76
+ // Navigation menu coloring and sizing
77
+ $menu-symbol-color: $theme-color;
78
+ $menu-item-font-color: $theme-color;
79
+ $menu-item-hover-color: black;
80
+ $menu-subitem-font-color: $theme-color;
81
+ $menu-subitem-hover-color: black;
82
+ $narrow-menu-item-background-color: $grey-color-light;
83
+ $narrow-menu-subitem-background-color: $grey-color-light;
84
+ $medium-menu-subitem-background-color: $grey-color-light-light;
85
+ $wide-menu-subitem-background-color: $medium-menu-subitem-background-color;
86
+ $menu-item-font-size: $base-font-size;
87
+ $menu-subitem-font-size: $small-font-size;
88
+ $narrow-menu-item-height: 3 * $vspacing-unit;
89
+ $narrow-menu-subitem-height: 2.5 * $vspacing-unit;
90
+
91
+ // Navigation bar formatting
92
+ $navbar-side-margin: $hspacing-unit; // Only for medium and wide navbars
93
+ $navbar-menu-item-spacing: $hspacing-unit; // Only for medium and wide navbars
94
+
95
+ // Column width specification. The secondary and tertiary column can be removed in the _config.yml file.
96
+ $primary-column-min-width: 480px;
97
+ $secondary-column-width: 240px;
98
+ $tertiary-column-width: 240px;
99
+
100
+ // There should be no need to change the next 4 definitions
101
+ $wide-min-width: $primary-column-min-width + $secondary-column-width + $tertiary-column-width;
102
+ $medium-max-width: $wide-min-width - 1;
103
+ $medium-min-width: $primary-column-min-width + $secondary-column-width;
104
+ $narrow-max-width: $medium-min-width - 1;
105
+
106
+
107
+ // Import partials.
108
+ @import
109
+ "classic/base",
110
+ "classic/layout",
111
+ "classic/formatting",
112
+ "classic/syntax-highlighting",
113
+ "classic/post",
114
+ "classic/page"
115
+ ;
@@ -0,0 +1,176 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+ body, h1, h2, h3, h4, h5, h6,
5
+ p, blockquote, pre, hr,
6
+ dl, dd, ol, ul, figure {
7
+ margin: 0;
8
+ padding: 0;
9
+ }
10
+
11
+
12
+
13
+ /**
14
+ * Basic styling
15
+ */
16
+ body {
17
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
18
+ color: $text-color;
19
+ background-color: $background-color;
20
+ -webkit-text-size-adjust: 100%;
21
+ -webkit-font-feature-settings: "kern" 1;
22
+ -moz-font-feature-settings: "kern" 1;
23
+ -o-font-feature-settings: "kern" 1;
24
+ font-feature-settings: "kern" 1;
25
+ font-kerning: normal;
26
+ }
27
+
28
+
29
+
30
+ /**
31
+ * Set `margin-bottom` to maintain vertical rhythm
32
+ */
33
+ h1, h2, h3, h4, h5, h6,
34
+ p, blockquote, pre,
35
+ ul, ol, dl, figure,
36
+ %vertical-rhythm {
37
+ margin-bottom: $vspacing-unit / 2;
38
+ }
39
+
40
+
41
+
42
+ /**
43
+ * Images
44
+ */
45
+ img {
46
+ max-width: 100%;
47
+ vertical-align: middle;
48
+ }
49
+
50
+
51
+
52
+ /**
53
+ * Figures
54
+ */
55
+ figure > img {
56
+ display: block;
57
+ }
58
+
59
+ figcaption {
60
+ font-size: $small-font-size;
61
+ }
62
+
63
+
64
+
65
+ /**
66
+ * Lists
67
+ */
68
+ ul, ol {
69
+ margin-left: $hspacing-unit;
70
+ }
71
+
72
+ li {
73
+ > ul,
74
+ > ol {
75
+ margin-bottom: 0;
76
+ }
77
+ }
78
+
79
+
80
+
81
+ /**
82
+ * Headings
83
+ */
84
+ h1, h2, h3, h4, h5, h6 {
85
+ font-weight: $base-font-weight;
86
+ }
87
+
88
+
89
+
90
+ /**
91
+ * Links
92
+ */
93
+ a {
94
+ color: $brand-color;
95
+ text-decoration: none;
96
+
97
+ &:visited {
98
+ color: darken($brand-color, 15%);
99
+ }
100
+
101
+ &:hover {
102
+ color: $text-color;
103
+ text-decoration: underline;
104
+ }
105
+ }
106
+
107
+
108
+
109
+ /**
110
+ * Blockquotes
111
+ */
112
+ blockquote {
113
+ color: $grey-color;
114
+ border-left: 4px solid $grey-color-light;
115
+ padding-left: $vspacing-unit / 2;
116
+ font-size: 18px;
117
+ letter-spacing: -1px;
118
+ font-style: italic;
119
+
120
+ > :last-child {
121
+ margin-bottom: 0;
122
+ }
123
+ }
124
+
125
+
126
+
127
+ /**
128
+ * Code formatting
129
+ */
130
+ pre,
131
+ code {
132
+ font-size: 15px;
133
+ border: 1px solid $grey-color-light;
134
+ border-radius: 3px;
135
+ background-color: #eef;
136
+ }
137
+
138
+ code {
139
+ padding: 1px 5px;
140
+ }
141
+
142
+ pre {
143
+ padding: 8px 12px;
144
+ overflow-x: auto;
145
+
146
+ > code {
147
+ border: 0;
148
+ padding-right: 0;
149
+ padding-left: 0;
150
+ }
151
+ }
152
+
153
+
154
+
155
+ /**
156
+ * Clearfix
157
+ */
158
+ %clearfix:after {
159
+ content: "";
160
+ display: table;
161
+ clear: both;
162
+ }
163
+
164
+
165
+
166
+ /**
167
+ * Icons
168
+ */
169
+ .icon > svg {
170
+ display: inline-block;
171
+ vertical-align: middle;
172
+
173
+ path {
174
+ fill: $grey-color;
175
+ }
176
+ }