classic-jekyll-theme 1.5.2 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8d66db088a87b5e5e94c949c041b975572b3cb5b
4
- data.tar.gz: 5b7eaf91abf6a65c5d88865cd0b120ee3c6ce581
3
+ metadata.gz: c211ddb03c8c8cd4897ea18c9cef5706cddaf4b9
4
+ data.tar.gz: 03e7ac9afe4204600bf0978262c4ad65865d93ee
5
5
  SHA512:
6
- metadata.gz: b06a89f85a6772beafe7fca4cc1ab94a8c3c3ce38acd4bcc6f9b3cd8f4aef69a3686556ad8abe7c2487683e46ebb9af289d98382cb3f648d91bc532eb2f2331c
7
- data.tar.gz: df298a8486a0a696d78a9ca42295d4c507af39234f7be898516bb6da3463e4f8b3d972958df6d94d67232289d5da2696fab5e4762515846b48574e31f0a97357
6
+ metadata.gz: 2a0334e7f1f6dbcd97774103aae5dfbf345e4c3d1f29ad79e9af392a212b061ff82b574728cd6660203d2d564cb86bb41b1ca2941e0bbfeecdbbedf2546967ad
7
+ data.tar.gz: 475b5e93472c808baa1873d1152810b1b9a0e8b5a4c3bfed0cefd85d3bdee1322c01d84d116c5b8e004a2ad36108c19b9d5c44093e1a5f6e146d5502f40bc4e7
data/README.md CHANGED
@@ -1,28 +1,28 @@
1
- # Classic-Jekyll-Theme v1.5.2
1
+ # Classic-Jekyll-Theme v1.6.0
2
2
 
3
- Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu, (up to) three columns and a footer. The design is fully responsive for three different screen widths: wide, medium and narrow. It is probably best shown in an example:
3
+ Welcome to Classic-Jekyll-Theme. This theme centers around one of the most used website structures on the web. A banner, navigation menu (dropdown), (up to) three columns and a footer. The design is fully responsive for three different screen widths: wide, medium and narrow. It is probably best shown in an example:
4
4
 
5
5
  Wide:
6
6
 
7
- ![wide-layout](http://balancingrock.nl/img/classic-jekyll-theme-wide.png)
7
+ ![wide-layout](http://balancingrock.nl/assets/img/classic-jekyll-theme-wide.png)
8
8
 
9
9
  Medium:
10
10
 
11
- ![medium-left-layout](http://balancingrock.nl/img/classic-jekyll-theme-medium-left.png)
11
+ ![medium-left-layout](http://balancingrock.nl/assets/img/classic-jekyll-theme-medium-left.png)
12
12
 
13
13
  Narrow:
14
14
 
15
- ![narrow-layout](http://balancingrock.nl/img/classic-jekyll-theme-narrow.png)
15
+ ![narrow-layout](http://balancingrock.nl/assets/img/classic-jekyll-theme-narrow.png)
16
16
 
17
17
  The columns are called Primary (blue), Secondary (grey) and Tertiary (pink). In the above layouts the secondary column is on the left side. If it had been on the right side, the medium layout would have looked like this:
18
18
 
19
- ![medium-right-layout](http://balancingrock.nl/img/classic-jekyll-theme-medium-right.png)
19
+ ![medium-right-layout](http://balancingrock.nl/assets/img/classic-jekyll-theme-medium-right.png)
20
20
 
21
21
  The menu bar (in yellow) is always deployed in the wide layout. In the medium and narrow layout the menu bar is shown in the deployed state. When not deployed, a menu-item symbol is shown in the banner that switches the menu between deployed and not.
22
22
 
23
23
  An example screenshot:
24
24
 
25
- ![example](http://balancingrock.nl/img/classic-jekyll-theme-screenshot-half.png)
25
+ ![example](http://balancingrock.nl/assets/img/classic-jekyll-theme-screenshot-half.png)
26
26
 
27
27
  Or visit a site using this theme: [365posts.com](http://www.365posts.com)
28
28
 
@@ -50,7 +50,9 @@ Other features:
50
50
 
51
51
  - __Excerpt on pages__ Pages defining an explicit "excerpt" in their YAML will use this as the description for the header description meta tag (necessary for SEO purposes). Note that Jekyll does not generate excerpt information for pages, only posts. Hence it is necessary to define the excerpt as a YAML tag.
52
52
 
53
- You can get it from [github](https://github.com/Swiftrien/classic-jekyll-theme) or [rubygems](https://rubygems.org/gems/classic-jekyll-theme).
53
+ - __Blocked layout support__ Styles and includes support the creation of blocked layout (like product pages). To see an example of blocked pages, see the [http://balancingrock.nl](http://balancingrock.nl) home page.
54
+
55
+ You can get it from [github](https://github.com/Balancingrock/classic-jekyll-theme) or [rubygems](https://rubygems.org/gems/classic-jekyll-theme).
54
56
 
55
57
  Subscribe to news about this theme (be informed of new releases) by sending a mail to: rien@balancingrock.nl with the subject "classic".
56
58
 
@@ -337,6 +339,12 @@ Release 1.5.2
337
339
 
338
340
  - Added excerpt for pages. YAML only, no support for excerpts generated from the main content.
339
341
 
342
+ Release 1.6.0
343
+
344
+ - Added max width settings for CSS components _image-centered_ (80%), _image-float-center_ (40%), _image-float-right_ (50%) and _image-float-left_ (50%). These settings were updated in the file _/\_sass/classic/\_support.scss_
345
+
346
+ - Added support for content blocks. The new include and support definitions make it easy to create a 'blocked' layout. Whole or partially. To see the example, download the theme from github and run it with "bundle exec jekyll serve". Then select the menu item "Other -> Content blocks". Or visit [http://balancingrock.nl](http://balancingrock.nl) which uses this theme and has the blocked layout on the home page.
347
+
340
348
  ## Upgrade information
341
349
 
342
350
  ### from 0.2.6 to 1.0.0
@@ -474,6 +482,12 @@ The index for a menu item. If not present, the menu ordering is undetermined. If
474
482
 
475
483
  - Update the version number in the `Gemfile` & delete the `Gemfile.lock` file.
476
484
  - If the (undocumented) 'description' YAML tag was used, it must be changed to 'excerpt'.
485
+ - The file `_includes/header.html` was updated.
486
+
487
+ ### from 1.5.2 to 1.6.0
488
+
489
+ - Update the version number in the `Gemfile` & delete the `Gemfile.lock` file.
490
+ - The file `_sass/_support.html` was updated.
477
491
 
478
492
  ## Feedback
479
493
 
data/_data/cblocks.yml ADDED
@@ -0,0 +1,31 @@
1
+ # Content blocks example
2
+
3
+ - name: SwifterLog
4
+ description: A logging framewrok with 5 logging destinations.
5
+ link: https://github.com/Balancingrock/SwifterLog
6
+ image: http://balancingrock.nl/assets/img/swift-code-icon.png
7
+
8
+ - name: SwifterJSON
9
+ description: An easy to use single class JSON framework.
10
+ link: https://github.com/Balancingrock/SwifterJSON
11
+ image: http://balancingrock.nl/assets/img/swift-code-icon.png
12
+
13
+ - name: SwifterSockets
14
+ description: An API for POSIX sockets based networking software.
15
+ link: https://github.com/Balancingrock/SwifterSockets
16
+ image: http://balancingrock.nl/assets/img/swift-code-icon.png
17
+
18
+ - name: SecureSockets
19
+ description: An API for OpenSSL based networking software.
20
+ link: https://github.com/Balancingrock/SecureSockets
21
+ image: http://balancingrock.nl/assets/img/swift-code-icon.png
22
+
23
+ - name: Swiftfire
24
+ description: An HTML server in Swift.
25
+ link: http://swiftfire.nl/
26
+ image: http://balancingrock.nl/assets/img/swift-code-icon.png
27
+
28
+ - name: Classic Jekyll Theme
29
+ description: A theme for the Jekyll website builder.
30
+ link: http://balancingrock.nl/classic-jekyll-theme
31
+ image: http://balancingrock.nl/assets/img/classic-jekyll-theme-icon.png
@@ -0,0 +1,6 @@
1
+ <h2 class="cblock-row-title">{{ include.title }}</h2>
2
+ <div class="cblock-row">
3
+ {% for cblock in include.cblocks %}
4
+ {% include cblock.html name=cblock.name image=cblock.image description=cblock.description link=cblock.link %}
5
+ {% endfor %}
6
+ </div>
@@ -0,0 +1,5 @@
1
+ <div class="cblock">
2
+ <a href={{ include.link }}><img class="cblock-image" src={{ include.image }}></a>
3
+ <p class="cblock-name"><a href={{ include.link }}>{{ include.name }}</a></p>
4
+ <p class="cblock-description">{{ include.description }}</p>
5
+ </div>
@@ -0,0 +1,8 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="cblock-page">
5
+
6
+ {% include cblock-row.html title="Content Blocks" cblocks=site.data.cblocks %}
7
+
8
+ </div>
@@ -1,15 +1,12 @@
1
- // This file contains class definitions for support of page and post layout. The classes are intended to be used in the markdown files as follows:
1
+ // This file contains class definitions for support of page and post layout.
2
2
  //
3
- // ![image-name](image-source){:.image-centered}
4
- //
5
- // Or:
3
+ // ===============================================================
4
+ // Text styles, use as follows in *.md files:
6
5
  //
7
- // ^
8
6
  // {:.text-boxed-float-left}
9
7
  // This is the text that will be in the box on the left hand side.
10
- // ^
11
- //
12
- // Note: The second method will not always work for images! For images, follow the image with a class definition.
8
+ //
9
+ // ===============================================================
13
10
 
14
11
  // text centered in a column
15
12
  .text-centered {
@@ -22,49 +19,108 @@
22
19
  font-weight: bold;
23
20
  }
24
21
 
22
+ // A floating text box on the right hand side.
23
+ .text-boxed-float-right {
24
+ float: right;
25
+ font-size: $small-font-size;
26
+ font-style: italic;
27
+ border: 1px solid lightgray;
28
+ margin: $vspacing-unit/2 0 $vspacing-unit/2 $hspacing-unit;
29
+ padding: 0 $hspacing-unit/2;
30
+ width: 25%
31
+ }
32
+
33
+ // A floating text box on the left hand side
34
+ .text-boxed-float-left {
35
+ float: left;
36
+ font-size: $small-font-size;
37
+ font-style: italic;
38
+ border: 1px solid lightgray;
39
+ margin: $vspacing-unit/2 $hspacing-unit $vspacing-unit/2 0;
40
+ padding: 0 $hspacing-unit/2;
41
+ width: 25%
42
+ }
43
+
44
+
45
+ // ===============================================================
46
+ // Image styles, use as follows in *.md files:
47
+ //
48
+ // ![image-name](image-source){:.image-centered}
49
+ //
50
+ // ===============================================================
51
+
25
52
  // An image centered in a column with nothing on either side
26
53
  .image-centered {
27
54
  display: block;
55
+ max-width: 80%;
28
56
  margin-left: auto;
29
57
  margin-right: auto;
30
58
  }
31
59
 
32
60
  // An image floating centered with text on both sides
33
61
  .image-float-center {
62
+ display: block;
63
+ max-width: 40%;
34
64
  float: center;
35
65
  margin: $vspacing-unit $hspacing-unit
36
66
  }
37
67
 
38
68
  // An image float right (with text flowing on the left side)
39
69
  .image-float-right {
70
+ display: block;
71
+ max-width: 50%;
40
72
  float: right;
41
73
  margin: $vspacing-unit 0 $vspacing-unit $hspacing-unit
42
74
  }
43
75
 
44
76
  // An image float left (with text flowing on the right side)
45
77
  .image-float-left {
78
+ display: block;
79
+ max-width: 50%;
46
80
  float: left;
47
81
  margin: $vspacing-unit $hspacing-unit $vspacing-unit 0
48
82
  }
49
83
 
50
- // A floating text box on the right hand side.
51
- .text-boxed-float-right {
52
- float: right;
84
+
85
+ // ===============================================================
86
+ // Content blocks support.
87
+ // ===============================================================
88
+
89
+ .cblock-row-title {
90
+ text-align: center;
91
+ }
92
+
93
+ .cblock-row {
94
+ display: flex;
95
+ flex-direction: row;
96
+ flex-wrap: wrap;
97
+ justify-content: center;
98
+ }
99
+
100
+ .cblock {
101
+ display: block;
102
+ width: 200px;
103
+ margin: $vspacing-unit $hspacing-unit;
104
+ }
105
+
106
+ .cblock-name {
107
+ text-align: center;
108
+ }
109
+
110
+ .cblock-image {
111
+ display: block;
112
+ width: 150px;
113
+ height: 150px;
114
+ margin-left: auto;
115
+ margin-right: auto;
116
+ }
117
+
118
+ .cblock-description {
119
+ text-align: center;
53
120
  font-size: $small-font-size;
54
- font-style: italic;
55
- border: 1px solid lightgray;
56
- margin: $vspacing-unit/2 0 $vspacing-unit/2 $hspacing-unit;
57
- padding: 0 $hspacing-unit/2;
58
- width: 25%
59
121
  }
60
122
 
61
- // A floating text box on the left hand side
62
- .text-boxed-float-left {
63
- float: left;
123
+ .pblock-store {
124
+ text-align: center;
64
125
  font-size: $small-font-size;
65
- font-style: italic;
66
- border: 1px solid lightgray;
67
- margin: $vspacing-unit/2 $hspacing-unit $vspacing-unit/2 0;
68
- padding: 0 $hspacing-unit/2;
69
- width: 25%
70
126
  }
@@ -0,0 +1,10 @@
1
+ ---
2
+ layout: content-blocks
3
+ title: Content blocks
4
+ date: 2017-01-23
5
+ menuInclude: yes
6
+ menuTopTitle: Other
7
+ menuSubTitle: Content blocks
8
+ menuSubIndex: 3
9
+ excerpt: "An excerpt is used as the page description and can be up to 160 characters long..."
10
+ ---
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: classic-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.5.2
4
+ version: 1.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rien
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-01-02 00:00:00.000000000 Z
11
+ date: 2017-01-23 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll-feed
@@ -80,12 +80,12 @@ dependencies:
80
80
  - - "~>"
81
81
  - !ruby/object:Gem::Version
82
82
  version: '10.0'
83
- description: A responsive 3 column Jekyll theme for wide, medium and narrow displays.
84
- The three columns are reordered as necessary to match the display width. Includes
85
- a menu bar generator, a category page generator and a default cookie warning for
86
- European sites. The three columns consist of 1 primary column, a secondary column
87
- and a tertiary column. The secondary column can be placed either to the right or
88
- left of the primary column. The tertiary column is on the other side. The secondary
83
+ description: A responsive 1, 2 or 3 column theme for wide, medium and narrow with
84
+ drop(down) menu. The three columns are reordered as necessary to match the display
85
+ width. Includes a menu bar generator, a category page generator and a default cookie
86
+ warning for European sites. The three columns consist of 1 primary column, a secondary
87
+ column and a tertiary column. The secondary column can be placed either to the right
88
+ or left of the primary column. The tertiary column is on the other side. The secondary
89
89
  and tertiary columns can be disabled. This theme uses normalize.css.
90
90
  email:
91
91
  - rien@balancingrock.nl
@@ -95,8 +95,11 @@ extra_rdoc_files: []
95
95
  files:
96
96
  - LICENSE.txt
97
97
  - README.md
98
+ - _data/cblocks.yml
98
99
  - _data/setup.yml
99
100
  - _data/text-for.yml
101
+ - _includes/cblock-row.html
102
+ - _includes/cblock.html
100
103
  - _includes/disqus_comments.html
101
104
  - _includes/footer.html
102
105
  - _includes/google-analytics.html
@@ -115,6 +118,7 @@ files:
115
118
  - _includes/widgets/subscribe.html
116
119
  - _includes/widgets/youtube-player.html
117
120
  - _layouts/category-page.html
121
+ - _layouts/content-blocks.html
118
122
  - _layouts/default.html
119
123
  - _layouts/home.html
120
124
  - _layouts/page.html
@@ -144,6 +148,7 @@ files:
144
148
  - pages/contact/contact.md
145
149
  - pages/cookie-consent/cookie-consent.md
146
150
  - pages/more/more.md
151
+ - pages/other/blocks.md
147
152
  - pages/other/example-page.md
148
153
  - pages/other/other.md
149
154
  homepage: https://rubygems.org/gems/classic-jekyll-theme
@@ -169,5 +174,6 @@ rubyforge_project:
169
174
  rubygems_version: 2.5.2
170
175
  signing_key:
171
176
  specification_version: 4
172
- summary: A responsive 3 column Jekyll theme for wide, medium and narrow displays.
177
+ summary: A responsive 1, 2 or 3 column theme for wide, medium and narrow displays
178
+ with drop(down) menu.
173
179
  test_files: []