the-90s-called 0.1.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.
Files changed (16) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +38 -0
  4. data/_includes/footer.html +12 -0
  5. data/_includes/head.html +12 -0
  6. data/_includes/header.html +21 -0
  7. data/_layouts/default.html +13 -0
  8. data/_layouts/home.html +19 -0
  9. data/_layouts/page.html +11 -0
  10. data/_layouts/post.html +12 -0
  11. data/_sass/90s/_base.scss +68 -0
  12. data/_sass/90s/_layout.scss +150 -0
  13. data/_sass/90s/_syntax-highlighting.scss +71 -0
  14. data/_sass/90s.scss +21 -0
  15. data/assets/main.scss +15 -0
  16. metadata +100 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: e7c13ed0a1ebd3dbcf75da067cbfd9a42cb2c9b0
4
+ data.tar.gz: 467f0358cec89ed61ebafb605ba748ce107d7d39
5
+ SHA512:
6
+ metadata.gz: 4d2b24d9159a736ebd531b0fcbf92aeb0a4753ea6e19baee5289b72d255dd20c456bb9758770b12b5a1e35b8597c7870321080d7063dce4ab97b867ff4bf72a5
7
+ data.tar.gz: 3dcabe4a2a47047b0aefbca3549798f6b87fe16c5babd36ff65b9be815a1875d1c8e2a4d9c98003f1dd61d372d92370bbab705001b441f4753beab1ef38412ce
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2016 Michael Smith
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,38 @@
1
+ # the-90s-called
2
+
3
+ A very basic vanilla HTML theme for Jekyll as used on
4
+ [my personal website](https://hacktheplanet.be).
5
+
6
+ ## Installation
7
+
8
+ Add this line to your Jekyll site's Gemfile:
9
+
10
+ ```ruby
11
+ gem "the-90s-called"
12
+ ```
13
+
14
+ And add this line to your Jekyll site's `_config.yml`:
15
+
16
+ ```yaml
17
+ theme: the-90s-called
18
+ ```
19
+
20
+ And then execute:
21
+
22
+ $ bundle
23
+
24
+ Or install it yourself as:
25
+
26
+ $ gem install the-90s-called
27
+
28
+ ## Development
29
+
30
+ To set up your environment to develop this theme, run `bundle install`.
31
+
32
+ Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
33
+
34
+ When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
35
+
36
+ ## License
37
+
38
+ The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
data/_includes/footer.html ADDED
@@ -0,0 +1,12 @@
1
+ <footer class="site-footer">
2
+ <div class="wrapper">
3
+ <h2 class="footer-heading">{{ site.title | escape }}</h2>
4
+ <p><em>{{ site.description | escape }}</em></p>
5
+ {% if site.author %}
6
+ <br>{{ site.author | escape }}
7
+ {% endif %}
8
+ {% if site.email %}
9
+ <br><a href="mailto:{{ site.email }}">{{ site.email }}
10
+ {% endif %}
11
+ </div>
12
+ </footer>
data/_includes/head.html ADDED
@@ -0,0 +1,12 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+
6
+ <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
7
+ <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
8
+
9
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
10
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
11
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
12
+ </head>
data/_includes/header.html ADDED
@@ -0,0 +1,21 @@
1
+ <header class="site-header" role="banner">
2
+ <div class="wrapper">
3
+ <a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
4
+ <nav class="site-nav">
5
+ <span class="menu-icon">
6
+ <svg viewBox="0 0 18 15" width="18px" height="15px">
7
+ <path fill="#424242" 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"/>
8
+ <path fill="#424242" 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"/>
9
+ <path fill="#424242" 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"/>
10
+ </svg>
11
+ </span>
12
+ <div class="trigger">
13
+ {% for my_page in site.pages %}
14
+ {% if my_page.title %}
15
+ <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
16
+ {% endif %}
17
+ {% endfor %}
18
+ </div>
19
+ </nav>
20
+ </div>
21
+ </header>
data/_layouts/default.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+ {% include head.html %}
4
+ <body>
5
+ {% include header.html %}
6
+ <main class="page-content" aria-label="Content">
7
+ <div class="wrapper">
8
+ {{ content }}
9
+ </div>
10
+ </main>
11
+ {% include footer.html %}
12
+ </body>
13
+ </html>
data/_layouts/home.html ADDED
@@ -0,0 +1,19 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="home">
5
+ <h1 class="page-heading">Posts</h1>
6
+ {{ content }}
7
+ <ul class="post-list">
8
+ {% for post in site.posts %}
9
+ <li>
10
+ <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
11
+
12
+ <h2>
13
+ <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
14
+ </h2>
15
+ </li>
16
+ {% endfor %}
17
+ </ul>
18
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
19
+ </div>
data/_layouts/page.html ADDED
@@ -0,0 +1,11 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post">
5
+ <header class="post-header">
6
+ <h1 class="post-title">{{ page.title | escape }}</h1>
7
+ </header>
8
+ <div class="post-content">
9
+ {{ content }}
10
+ </div>
11
+ </article>
data/_layouts/post.html ADDED
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
5
+ <header class="post-header">
6
+ <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
7
+ <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
8
+ </header>
9
+ <div class="post-content" itemprop="articleBody">
10
+ {{ content }}
11
+ </div>
12
+ </article>
data/_sass/90s/_base.scss ADDED
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Code formatting
3
+ */
4
+ pre,
5
+ code {
6
+ border: 1px solid #000;
7
+ background-color: #eef;
8
+ }
9
+
10
+ code {
11
+ padding: 1px 5px;
12
+ }
13
+
14
+ pre {
15
+ padding: 8px 12px;
16
+ overflow-x: auto;
17
+
18
+ > code {
19
+ border: 0;
20
+ padding-right: 0;
21
+ padding-left: 0;
22
+ }
23
+ }
24
+
25
+ /**
26
+ * Set `margin-bottom` to maintain vertical rhythm
27
+ */
28
+ h1, h2, h3, h4, h5, h6,
29
+ p, blockquote, pre,
30
+ ul, ol, dl, figure,
31
+ %vertical-rhythm {
32
+ margin-bottom: $spacing-unit / 2;
33
+ }
34
+
35
+ /**
36
+ * Wrapper
37
+ */
38
+ .wrapper {
39
+ margin-right: auto;
40
+ margin-left: auto;
41
+ padding-right: $spacing-unit;
42
+ padding-left: $spacing-unit;
43
+ @extend %clearfix;
44
+
45
+ @include media-query($on-laptop) {
46
+ max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
47
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
48
+ padding-right: $spacing-unit / 2;
49
+ padding-left: $spacing-unit / 2;
50
+ }
51
+ }
52
+
53
+ /**
54
+ * Clearfix
55
+ */
56
+ %clearfix:after {
57
+ content: "";
58
+ display: table;
59
+ clear: both;
60
+ }
61
+
62
+ /**
63
+ * Icons
64
+ */
65
+ .icon > svg {
66
+ display: inline-block;
67
+ vertical-align: middle;
68
+ }
data/_sass/90s/_layout.scss ADDED
@@ -0,0 +1,150 @@
1
+ /**
2
+ * Site header
3
+ */
4
+ .site-header {
5
+ border-top: 5px solid #000;
6
+ border-bottom: 1px solid #000;
7
+ min-height: 56px;
8
+
9
+ // Positioning context for the mobile navigation icon
10
+ position: relative;
11
+ }
12
+
13
+ .site-title {
14
+ font-size: 26px;
15
+ font-weight: 300;
16
+ line-height: 56px;
17
+ letter-spacing: -1px;
18
+ margin-bottom: 0;
19
+ float: left;
20
+ }
21
+
22
+ .site-nav {
23
+ float: right;
24
+ line-height: 56px;
25
+
26
+ .menu-icon {
27
+ display: none;
28
+ }
29
+
30
+ @include media-query($on-palm) {
31
+ position: absolute;
32
+ top: 9px;
33
+ right: $spacing-unit / 2;
34
+ border: 1px solid #000;
35
+ text-align: right;
36
+
37
+ .menu-icon {
38
+ display: block;
39
+ float: right;
40
+ width: 36px;
41
+ height: 26px;
42
+ line-height: 0;
43
+ padding-top: 10px;
44
+ text-align: center;
45
+ }
46
+
47
+ .trigger {
48
+ clear: both;
49
+ display: none;
50
+ }
51
+
52
+ &:hover .trigger {
53
+ display: block;
54
+ padding-bottom: 5px;
55
+ }
56
+
57
+ .page-link {
58
+ display: block;
59
+ padding: 5px 10px;
60
+
61
+ &:not(:last-child) {
62
+ margin-right: 0;
63
+ }
64
+ margin-left: 20px;
65
+ }
66
+ }
67
+ }
68
+
69
+ /**
70
+ * Site footer
71
+ */
72
+ .site-footer {
73
+ border-top: 1px solid #000;
74
+ padding: $spacing-unit 0;
75
+ }
76
+
77
+ .footer-heading {
78
+ font-size: 18px;
79
+ margin-bottom: $spacing-unit / 2;
80
+ }
81
+
82
+ /**
83
+ * Page content
84
+ */
85
+ .page-content {
86
+ padding: $spacing-unit 0;
87
+ }
88
+
89
+ .page-heading {
90
+ font-size: 20px;
91
+ }
92
+
93
+ .post-list {
94
+ margin-left: 0;
95
+ list-style: none;
96
+
97
+ > li {
98
+ margin-bottom: $spacing-unit;
99
+ }
100
+ }
101
+
102
+ .post-link {
103
+ display: block;
104
+ font-size: 24px;
105
+ }
106
+
107
+ /**
108
+ * Posts
109
+ */
110
+ .post-header {
111
+ margin-bottom: $spacing-unit;
112
+ }
113
+
114
+ .post-title {
115
+ font-size: 42px;
116
+ letter-spacing: -1px;
117
+ line-height: 1;
118
+
119
+ @include media-query($on-laptop) {
120
+ font-size: 36px;
121
+ }
122
+ }
123
+
124
+ .post-content {
125
+ margin-bottom: $spacing-unit;
126
+
127
+ h2 {
128
+ font-size: 32px;
129
+
130
+ @include media-query($on-laptop) {
131
+ font-size: 28px;
132
+ }
133
+ }
134
+
135
+ h3 {
136
+ font-size: 26px;
137
+
138
+ @include media-query($on-laptop) {
139
+ font-size: 22px;
140
+ }
141
+ }
142
+
143
+ h4 {
144
+ font-size: 20px;
145
+
146
+ @include media-query($on-laptop) {
147
+ font-size: 18px;
148
+ }
149
+ }
150
+ }
data/_sass/90s/_syntax-highlighting.scss ADDED
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ background: #ccc;
6
+ @extend %vertical-rhythm;
7
+
8
+ .highlighter-rouge & {
9
+ background: #eef;
10
+ }
11
+
12
+ .c { color: #998; font-style: italic } // Comment
13
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { font-weight: bold } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #998; font-style: italic } // Comment.Multiline
17
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #998; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #099 } // Literal.Number
38
+ .s { color: #d14 } // Literal.String
39
+ .na { color: #008080 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #008080 } // Name.Constant
43
+ .ni { color: #800080 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #000080 } // Name.Tag
48
+ .nv { color: #008080 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #099 } // Literal.Number.Float
52
+ .mh { color: #099 } // Literal.Number.Hex
53
+ .mi { color: #099 } // Literal.Number.Integer
54
+ .mo { color: #099 } // Literal.Number.Oct
55
+ .sb { color: #d14 } // Literal.String.Backtick
56
+ .sc { color: #d14 } // Literal.String.Char
57
+ .sd { color: #d14 } // Literal.String.Doc
58
+ .s2 { color: #d14 } // Literal.String.Double
59
+ .se { color: #d14 } // Literal.String.Escape
60
+ .sh { color: #d14 } // Literal.String.Heredoc
61
+ .si { color: #d14 } // Literal.String.Interpol
62
+ .sx { color: #d14 } // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #d14 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #008080 } // Name.Variable.Class
68
+ .vg { color: #008080 } // Name.Variable.Global
69
+ .vi { color: #008080 } // Name.Variable.Instance
70
+ .il { color: #099 } // Literal.Number.Integer.Long
71
+ }
data/_sass/90s.scss ADDED
@@ -0,0 +1,21 @@
1
+ // Define defaults for each variable.
2
+ $spacing-unit: 30px !default;
3
+
4
+ // Width of the content area
5
+ $content-width: 800px !default;
6
+
7
+ $on-palm: 600px !default;
8
+ $on-laptop: 800px !default;
9
+
10
+ @mixin media-query($device) {
11
+ @media screen and (max-width: $device) {
12
+ @content;
13
+ }
14
+ }
15
+
16
+ // Import partials.
17
+ @import
18
+ "90s/base",
19
+ "90s/layout",
20
+ "90s/syntax-highlighting"
21
+ ;
data/assets/main.scss ADDED
@@ -0,0 +1,15 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+ @charset "utf-8";
5
+
6
+ $spacing-unit: 30px;
7
+
8
+ // Width of the content area
9
+ $content-width: 800px;
10
+
11
+ $on-palm: 600px;
12
+ $on-laptop: 800px;
13
+
14
+ // Import partials from the `90s` theme.
15
+ @import "90s";
metadata ADDED
@@ -0,0 +1,100 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: the-90s-called
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - shmitty
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2016-12-26 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: jekyll
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.3'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.12'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.12'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description:
56
+ email:
57
+ - root@hacktheplanet.be
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _includes/footer.html
65
+ - _includes/head.html
66
+ - _includes/header.html
67
+ - _layouts/default.html
68
+ - _layouts/home.html
69
+ - _layouts/page.html
70
+ - _layouts/post.html
71
+ - _sass/90s.scss
72
+ - _sass/90s/_base.scss
73
+ - _sass/90s/_layout.scss
74
+ - _sass/90s/_syntax-highlighting.scss
75
+ - assets/main.scss
76
+ homepage: https://github.com/michaelshmitty/the-90s-called
77
+ licenses:
78
+ - MIT
79
+ metadata: {}
80
+ post_install_message:
81
+ rdoc_options: []
82
+ require_paths:
83
+ - lib
84
+ required_ruby_version: !ruby/object:Gem::Requirement
85
+ requirements:
86
+ - - ">="
87
+ - !ruby/object:Gem::Version
88
+ version: '0'
89
+ required_rubygems_version: !ruby/object:Gem::Requirement
90
+ requirements:
91
+ - - ">="
92
+ - !ruby/object:Gem::Version
93
+ version: '0'
94
+ requirements: []
95
+ rubyforge_project:
96
+ rubygems_version: 2.5.1
97
+ signing_key:
98
+ specification_version: 4
99
+ summary: A *very* basic back to the 90s vanilla HTML theme.
100
+ test_files: []