jekyll-theme-windows95 0.4.0 → 0.4.2

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
  SHA256:
3
- metadata.gz: ac32ce8b982f3c2b0fa90bfdba794d2f93e2bd7524e180256bf687f5af0219bf
4
- data.tar.gz: 78c38498572fdde3aee34aede57db113aea1a76415e817a773a3c06910b4cd82
3
+ metadata.gz: 1f12ac0fc4d35ba9149ab35de98f262c0251eb7eb6d9c814e02ba7f7be1e791f
4
+ data.tar.gz: 22f1782c45dc3a71fd18a0ad03346316988ee4b81a2a920d425da232e777c055
5
5
  SHA512:
6
- metadata.gz: 339fcd99d69a18d5f041b7e9ef12a878d63579b24fe8c0cd925264505d2c7b60a0af0ba72a9f6c3f9b2c2ac9b73b6e9a76ca32984785bda9358d01e878ab791f
7
- data.tar.gz: 2070c0f5527e80d82885a4be4efa012b45ec7d514a2f64c08f4a87f7453052229f5f1100e1380c6763411dc17460a9a784d476105e91ce08fb76ca74dacfda04
6
+ metadata.gz: 7b70352c0800c85e8306cc3dde5e60e5c2706adcfdbcc389337f8dfad9257df50cebca5247d45968cd541a78e4de3834f9998d1f25aa1bb4c8a2f9705fcc6709
7
+ data.tar.gz: 0d6b7b883313559978f48b1c296ab3a8faf7b7b6a46b48f40a4aa6173fb6ab8b07139c3a750f0fe50636a9c004ac8f2f4926b5c61302ba7b15364a6b1394407c
data/404.html ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ layout: default
3
+ title: 404...
4
+ permalink: /404.html
5
+ ---
6
+
7
+ <p>Sorry this page does not exist... :(</p>
data/README.md CHANGED
@@ -4,6 +4,6 @@
4
4
 
5
5
  ### Homepage (demo): [Jekyll Theme Windows 95](https://asantos07.github.io/jekyll-theme-windows95/)
6
6
 
7
- ## For a documentation on how to use this theme, see the live demo.
7
+ ## For documentation on how to use this theme, see the live demo.
8
8
 
9
- ### Author: [Ariel Santos](https://github.com/asantos07), forked from [h01000110 (hi)](https://github.com/h01000110)
9
+ ### Author: [Ariel Santos](https://github.com/asantos07), forked from [h01000110 (hi)](https://github.com/h01000110)
@@ -18,7 +18,7 @@
18
18
  <script>hljs.initHighlightingOnLoad();</script>
19
19
  </head>
20
20
  <body>
21
- <div class="wrapper window">
21
+ <div class="window" id="wrapper">
22
22
  <div class="window_title">
23
23
  <img src="{{ "/assets/img/mycomputer.png" | relative_url }}" />
24
24
  {% if page.tag %}
@@ -42,38 +42,42 @@
42
42
  </li>
43
43
  </ul>
44
44
  </div>
45
+ {% if page.intro %} <!-- If at root, rendering index.md -->
46
+ <div class="intro">
47
+ {{ content }}
48
+ </div>
49
+ {% else %}
45
50
  <div class="post_list">
46
51
  {% unless page.date %}
47
52
  {% if page.title == '404...' %}
48
53
  <ul>
49
54
  {% for post in site.posts %}
50
- <li><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
55
+ <li><a href="{{ post.url | relative_url }}#content" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
51
56
  {% endfor %}
52
57
  </ul>
53
- {% else %}
54
- <div class="intro">
55
- {{ content }}
56
- </div>
58
+ {% else %} <!-- If page is showing a tag -->
59
+ {{ content }}
57
60
  {% endif %}
58
- {% else %}
61
+ {% else %} <!-- If page is showing a post -->
59
62
  <ul>
60
63
  {% for post in site.posts %}
61
- <li><a href="{{ post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
64
+ <li><a href="{{ post.url | relative_url }}#content" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
62
65
  {% endfor %}
63
66
  </ul>
64
67
  {% endunless %}
65
68
  </div>
69
+ {% endif %}
66
70
  <div class="post_total">
67
71
  {% if page.tag %}
68
- <div class="left">{{ site.tags[page.tag] | size }} object(s)</div>
72
+ <div class="left">{{ site.tags[page.tag] | size }} post(s)</div>
69
73
  {% else %}
70
- <div class="left">{{ site.posts | size }} object(s)</div>
74
+ <div class="left">{{ site.posts | size }} post(s)</div>
71
75
  {% endif %}
72
76
  <div class="right">&nbsp;</div>
73
77
  </div>
74
78
  </div>
75
79
  {% if page.title %}
76
- <div class="content window">
80
+ <div class="window" id="content">
77
81
  <div class="window_title">
78
82
  <img src="{{ "/assets/img/file.png" | relative_url }}" />
79
83
  <h1>{{ page.title }}</h1>
data/_layouts/tag.html CHANGED
@@ -3,6 +3,9 @@ layout: default
3
3
  ---
4
4
  <ul>
5
5
  {% for post in site.tags[page.tag] %}
6
- <li><a href="{{ site.baseurl }}/{{ post.url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
6
+ <li>
7
+ <a href="{{ post.url | relative_url }}#content" title="{{ post.title }}">
8
+ <img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a>
9
+ </li>
7
10
  {% endfor %}
8
11
  </ul>
data/_sass/_postlist.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  .post_list {
2
2
  width: 70.2%;
3
3
  margin: 0 auto;
4
- min-height: 150px;
5
- max-height: 150px;
4
+ min-height: $windowHeight;
5
+ max-height: $windowHeight;
6
6
  overflow-y: scroll;
7
7
  display: inline-block;
8
8
  ul {
@@ -10,7 +10,7 @@
10
10
  li {
11
11
  display: inline-block;
12
12
  margin: 10px;
13
- max-width: 16ch;
13
+ max-width: 12em;
14
14
  overflow: hidden;
15
15
  text-overflow: ellipsis;
16
16
  white-space: nowrap;
@@ -28,28 +28,39 @@
28
28
  }
29
29
  }
30
30
 
31
- .post_list>.intro {
32
- margin: 4px 2px 2px 2px;
31
+ .intro {
32
+ width: 70%;
33
+ margin: 0 auto;
34
+ padding-left: 4px;
35
+ min-height: $windowHeight;
36
+ max-height: $windowHeight;
37
+
38
+ overflow-y: scroll;
33
39
  overflow-wrap: break-word;
40
+ overflow-x: hidden;
41
+ white-space: pre-wrap;
42
+
43
+ display: inline-block;
44
+
34
45
  a {
35
46
  color: #0000ff;
36
47
  }
37
48
  h1 {
38
49
  font-size: 20px;
39
50
  font-weight: 700;
40
- margin: 5px 0 5px 0;
51
+ margin: 12px 0 8px 0;
41
52
  }
42
53
  h2 {
43
54
  font-size: 18px;
44
55
  font-weight: 700;
45
- margin: 25px 0 5px 0;
56
+ margin: 12px 0 6px 0;
46
57
  }
47
58
  em {
48
59
  font-style: italic;
49
60
  }
50
61
  blockquote {
51
62
  padding: 0 0 0 15px;
52
- margin: 15px 5px;
63
+ margin: 5px 5px;
53
64
  border-left: 8px solid #000000;
54
65
  }
55
66
  strong {
@@ -60,37 +71,38 @@
60
71
  border-left: 0;
61
72
  }
62
73
  ul {
63
- margin: 0 0 15px 30px;
74
+ list-style: square;
75
+ margin: 0 0 10px 15px;
64
76
  li {
65
- padding: 5px;
77
+ white-space: normal;
78
+ text-align: left;
79
+ margin: 3px 0;
66
80
  ul {
67
- margin: 10px 0 0 15px;
68
81
  li {
69
- padding: 5px;
70
82
  }
71
83
  }
72
84
  }
73
85
  }
74
86
  ol {
75
- list-style: decimal-leading-zero;
76
- margin: 0 0 15px 30px;
87
+ // list-style: decimal-leading-zero;
88
+ // margin: 0 0 15px 30px;
77
89
  li {
78
- padding: 5px;
90
+ // padding: 5px;
79
91
  ul {
80
- margin: 10px 0 0 15px;
92
+ // margin: 10px 0 0 15px;
81
93
  li {
82
- padding: 5px;
94
+ // padding: 5px;
83
95
  }
84
96
  }
85
97
  }
86
98
  }
87
- table,
88
- th,
89
- td {
90
- border: 1px solid #222222;
91
- padding: 2px;
92
- }
93
- pre {
94
- margin-bottom: 15px;
95
- }
99
+ // table,
100
+ // th,
101
+ // td {
102
+ // // border: 1px solid #222222;
103
+ // // padding: 2px;
104
+ // }
105
+ // pre {
106
+ // // margin-bottom: 15px;
107
+ // }
96
108
  }
@@ -0,0 +1,2 @@
1
+ $windowHeight: 300px;
2
+ $contentHeight: 96vh;
data/_sass/_window.scss CHANGED
@@ -22,7 +22,103 @@
22
22
  }
23
23
  }
24
24
 
25
- .content>.window_title {
25
+ #wrapper,
26
+ #content {
27
+ width: 800px;
28
+ margin: auto;
29
+ margin-top: 20px;
30
+ background: #bfb8bf;
31
+ border: 2px solid;
32
+ border-color: #fff8ff #000000 #000000 #fff8ff;
33
+ padding: 2px 0;
34
+ }
35
+
36
+ #content {
37
+ max-height: $contentHeight;
38
+ min-height: $contentHeight;
39
+ display: flex;
40
+ flex-direction: column;
41
+ margin-bottom: 2vh;
42
+ }
43
+
44
+ #content>.post_content {
45
+ flex-grow: 1;
46
+ width: 98.5%;
47
+ padding: 2px;
48
+ margin: 0 auto;
49
+ overflow-y: scroll;
50
+ overflow-x: hidden;
51
+ p {
52
+ line-height: 150%;
53
+ margin-bottom: 15px;
54
+ }
55
+ a {
56
+ color: #0000ff;
57
+ margin-bottom: 15px;
58
+ }
59
+ h1 {
60
+ font-size: 20px;
61
+ font-weight: 700;
62
+ margin: 50px 0 10px 0;
63
+ }
64
+ h2 {
65
+ font-size: 18px;
66
+ font-weight: 700;
67
+ margin: 25px 0 5px 0;
68
+ }
69
+ em {
70
+ font-style: italic;
71
+ }
72
+ blockquote {
73
+ padding: 0 0 0 15px;
74
+ margin: 15px 5px;
75
+ border-left: 8px solid #000000;
76
+ }
77
+ strong {
78
+ font-weight: 700;
79
+ }
80
+ hr {
81
+ border-top: 3px solid #333333;
82
+ border-left: 0;
83
+ }
84
+ ul {
85
+ list-style: square;
86
+ margin: 0 0 15px 30px;
87
+ li {
88
+ padding: 5px;
89
+ ul {
90
+ margin: 10px 0 0 15px;
91
+ li {
92
+ padding: 5px;
93
+ }
94
+ }
95
+ }
96
+ }
97
+ ol {
98
+ list-style: decimal-leading-zero;
99
+ margin: 0 0 15px 30px;
100
+ li {
101
+ padding: 5px;
102
+ ul {
103
+ margin: 10px 0 0 15px;
104
+ li {
105
+ padding: 5px;
106
+ }
107
+ }
108
+ }
109
+ }
110
+ table,
111
+ th,
112
+ td {
113
+ border: 1px solid #222222;
114
+ padding: 2px;
115
+ }
116
+ pre {
117
+ margin-bottom: 15px;
118
+ }
119
+ }
120
+
121
+ #content>.window_title {
26
122
  h1 {
27
123
  display: inline-block;
28
124
  }
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  # this ensures Jekyll reads the file to be transformed into CSS later
3
3
  ---
4
-
4
+ @import "variables";
5
5
  @import "reset";
6
6
  @import "window";
7
7
  @import "topbar";
@@ -13,17 +13,7 @@ body {
13
13
  font-size: 13px;
14
14
  }
15
15
 
16
- .wrapper, .content {
17
- width: 800px;
18
- margin: auto;
19
- margin-top: 20px;
20
- background: #bfb8bf;
21
- border: 2px solid;
22
- border-color: #fff8ff #000000 #000000 #fff8ff;
23
- padding: 2px 0;
24
- }
25
-
26
- .post_list, .tag_list, .post_content {
16
+ .post_list, .tag_list, .post_content, .intro {
27
17
  background: #fff8ff;
28
18
  border-width: 2px;
29
19
  border-style: ridge groove groove ridge;
@@ -32,8 +22,8 @@ body {
32
22
  .tag_list {
33
23
  width: 28%;
34
24
  margin: 0 auto;
35
- min-height: 150px;
36
- max-height: 150px;
25
+ min-height: $windowHeight;
26
+ max-height: $windowHeight;
37
27
  overflow-y: scroll;
38
28
  display: inline-block;
39
29
 
@@ -88,100 +78,7 @@ body {
88
78
  margin-right: 2px;
89
79
  }
90
80
  }
91
- .post_content {
92
- position: relative;
93
- width: 98.5%;
94
- min-height: 600px;
95
- max-height: 600px;
96
- padding: 2px;
97
- margin: 0 auto;
98
- overflow-y: scroll;
99
- // overflow-x: scroll;
100
-
101
- p {
102
- line-height: 150%;
103
- margin-bottom: 15px;
104
- }
105
-
106
- a {
107
- color: #0000ff;
108
- margin-bottom: 15px;
109
- }
110
-
111
- h1 {
112
- font-size: 20px;
113
- font-weight: 700;
114
- margin: 50px 0 10px 0;
115
- }
116
-
117
- h2 {
118
- font-size: 18px;
119
- font-weight: 700;
120
- margin: 25px 0 5px 0;
121
- }
122
-
123
- em {
124
- font-style: italic;
125
- }
126
-
127
- blockquote {
128
- padding: 0 0 0 15px;
129
- margin: 15px 5px;
130
- border-left: 8px solid #000000;
131
- }
132
-
133
- strong {
134
- font-weight: 700;
135
- }
136
81
 
137
- hr {
138
- border-top: 3px solid #333333;
139
- border-left: 0;
140
- }
141
-
142
- ul {
143
- list-style: square;
144
- margin: 0 0 15px 30px;
145
-
146
- li {
147
- padding: 5px;
148
-
149
- ul {
150
- margin: 10px 0 0 15px;
151
-
152
- li {
153
- padding: 5px;
154
- }
155
- }
156
- }
157
- }
158
-
159
- ol {
160
- list-style: decimal-leading-zero;
161
- margin: 0 0 15px 30px;
162
-
163
- li {
164
- padding: 5px;
165
-
166
- ul {
167
- margin: 10px 0 0 15px;
168
-
169
- li {
170
- padding: 5px;
171
- }
172
- }
173
- }
174
- }
175
-
176
- table, th, td {
177
- border: 1px solid #222222;
178
- padding: 2px;
179
- }
180
-
181
- pre {
182
- margin-bottom: 15px;
183
- }
184
- }
185
82
  .hljs {
186
83
  background: #fff8ff;
187
84
  }
@@ -198,12 +95,12 @@ body {
198
95
  }
199
96
  }
200
97
  @media only screen and (max-width: 900px) {
201
- .content {
98
+ #content {
202
99
  width: 90%;
203
100
  }
204
101
  }
205
102
  @media only screen and (max-width: 700px) {
206
- .content {
103
+ #content {
207
104
  width: 90%;
208
105
  }
209
106
  .post_content {
@@ -216,7 +113,7 @@ body {
216
113
  }
217
114
  }
218
115
  @media only screen and (max-width: 810px) {
219
- .wrapper {
116
+ #wrapper {
220
117
  width: 90%;
221
118
  }
222
119
  .post_total {
@@ -233,7 +130,7 @@ body {
233
130
  .tag_list {
234
131
  width: 99%;
235
132
  }
236
- .post_list {
133
+ .post_list, .intro {
237
134
  width: 99%;
238
135
  float: left;
239
136
  }
@@ -251,7 +148,7 @@ body {
251
148
  .tag_list {
252
149
  width: 98.7%;
253
150
  }
254
- .post_list {
151
+ .post_list, .intro {
255
152
  width: 98.7%;
256
153
  float: left;
257
154
  }
data/tags/all.html CHANGED
@@ -5,6 +5,9 @@ permalink: /all/
5
5
  ---
6
6
  <ul>
7
7
  {% for post in site.posts %}
8
- <li><a href="{{ post.url | relative_url }}" title="{{ post.title }}"><img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a></li>
8
+ <li>
9
+ <a href="{{ post.url | relative_url }}#content" title="{{ post.title }}">
10
+ <img src="{{ "/assets/img/file.ico" | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a>
11
+ </li>
9
12
  {% endfor %}
10
13
  </ul>
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-windows95
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.0
4
+ version: 0.4.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ariel Santos
@@ -45,16 +45,16 @@ executables: []
45
45
  extensions: []
46
46
  extra_rdoc_files: []
47
47
  files:
48
+ - 404.html
48
49
  - LICENSE
49
50
  - README.md
50
- - _data/social.yml
51
51
  - _includes/topbar.html
52
- - _layouts/all.html
53
52
  - _layouts/default.html
54
53
  - _layouts/tag.html
55
54
  - _sass/_postlist.scss
56
55
  - _sass/_reset.scss
57
56
  - _sass/_topbar.scss
57
+ - _sass/_variables.scss
58
58
  - _sass/_window.scss
59
59
  - assets/css/atom-one-light.css
60
60
  - assets/css/font-awesome.css
@@ -84,8 +84,6 @@ files:
84
84
  - assets/js/002.js
85
85
  - assets/js/highlight.pack.js
86
86
  - tags/all.html
87
- - tags/society.html
88
- - tags/tech.html
89
87
  homepage: https://asantos07.github.io/jekyll-theme-windows95/
90
88
  licenses:
91
89
  - MIT
data/_data/social.yml DELETED
@@ -1,6 +0,0 @@
1
- - name: Author
2
- link: https://asantos07.github.io/
3
- - name: Github
4
- link: https://github.com/asantos07/jekyll-theme-windows95/
5
- - name: RubyGems
6
- link: https://rubygems.org/gems/jekyll-theme-windows95
data/_layouts/all.html DELETED
@@ -1,8 +0,0 @@
1
- <ul>
2
- {% for post in site.posts %}
3
- <li>
4
- <a href="{{ post.url }}" title="{{ post.title }}">
5
- <img src="{{ " /assets/img/file.ico " | relative_url }}" title="{{ post.title }}" />{{ post.title }}</a>
6
- </li>
7
- {% endfor %}
8
- </ul>
data/tags/society.html DELETED
@@ -1,5 +0,0 @@
1
- ---
2
- layout: tag
3
- tag: society
4
- permalink: /tag/society/
5
- ---
data/tags/tech.html DELETED
@@ -1,5 +0,0 @@
1
- ---
2
- layout: tag
3
- tag: tech
4
- permalink: /tag/tech/
5
- ---