jekyll-theme-tou-dai 0.2.1 → 0.3.1

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 (9) hide show
  1. checksums.yaml +4 -4
  2. data/_data/menu.json +8 -1
  3. data/_includes/header.html +7 -4
  4. data/_includes/logo.html +1 -0
  5. data/_layouts/default.html +1 -0
  6. data/_sass/_menu.scss +105 -97
  7. data/_sass/_tables.scss +23 -0
  8. data/_sass/jekyll-theme-tou-dai.scss +44 -30
  9. metadata +20 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d3498f7802c1a04425ba648c87979bd59205e45b
4
- data.tar.gz: 34e736878bab52f5598bcba91cf2a29599901513
3
+ metadata.gz: 4f544b64dccf86c958e6b3ffafc10a30438f18a8
4
+ data.tar.gz: 9dbff310a275d8a3fb3227a30173d42026c7712d
5
5
  SHA512:
6
- metadata.gz: 7984c396c5744caa2849fc083d7459df2c9eef8628da9bd10533f22ced87e606976b088f445394eff61b1de17566be032d1498064ccd105b8e7a6b388004c61d
7
- data.tar.gz: 51fd4278073b2a8535c66715dd7aa35e43268f112d47dd0dff2bf86a5a2f9a2bcc99084f565da10555f770d5e1b09a55be7d6926d1c720740dbc29d30d3aaf67
6
+ metadata.gz: 94d6ffcdfd37812baa2d225b318c192032c54afbe3f93ba82779b5c427049662b1d14b84b5024260ea8d56a27e1db9d36244c6133a95ad788bbe8960896eb62b
7
+ data.tar.gz: d06a4f50c245623b7e53a119576cbaec2068406637565f6233223c160644b6eb45c9723e5f818ac460ac26c3baaa7a3b008b251883f757f5fdd6bb719936d00a
data/_data/menu.json CHANGED
@@ -4,6 +4,13 @@
4
4
  "url": "/"
5
5
  },{
6
6
  "title":"Impressum",
7
- "url":"/impressum"
7
+ "url":"/impressum",
8
+ "sub":[{
9
+ "title":"Sub Impressum",
10
+ "url":"impressum/sub/"
11
+ },{
12
+ "title":"Sub2 Impressum",
13
+ "url":"impressum/sub2/"
14
+ }]
8
15
  }
9
16
  ]
data/_includes/header.html CHANGED
@@ -9,11 +9,14 @@
9
9
  {% for item in site.data.menu %}
10
10
  <li class="menu-item"{%if forloop.last == true %} id="last-item"{%endif%}>
11
11
  <a href="{{site.baseurl}}{{item.url}}">{{item.title}}</a>
12
+ {% if item.sub != nil %}
13
+ <ul class="sub-list">{% for sub in item.sub %}
14
+ <li class="menu-item sub-item"><a href="{{site.baseurl}}{{sub.url}}">{{sub.title}}</a></li>
15
+ {% endfor %}
16
+ </ul>
17
+ {% endif %}
12
18
  </li>
13
- {% comment %}{% if item.sub != nil %}
14
- <ul>{% for sub in item.sub %}
15
- <li class="menu-item"><a href="{{site.baseurl}}{{sub.url}}">{{sub.title}}</a></li>{% endfor %}
16
- </ul>{% endif %}{% endcomment %}
19
+
17
20
  {% endfor %}
18
21
  </ul>
19
22
  </nav>
data/_includes/logo.html ADDED
@@ -0,0 +1 @@
1
+ <div class="logo">Logo</div>
data/_layouts/default.html CHANGED
@@ -31,6 +31,7 @@ http://gethead.info/ -->
31
31
  </head>
32
32
  <body class="fade">
33
33
  {% include header.html %}
34
+ {% include logo.html %}
34
35
  <section>
35
36
  <div id="main">
36
37
  <div class="menu-trigger"></div>
data/_sass/_menu.scss CHANGED
@@ -1,4 +1,5 @@
1
- @import 'colors','mixins';
1
+ @import 'colors',
2
+ 'mixins';
2
3
  // --------- MENU -------
3
4
  // based on this codepen
4
5
  // http://codepen.io/andreasstorm/pen/lriga
@@ -17,49 +18,59 @@ header {
17
18
 
18
19
  .logo {
19
20
  text-decoration: none;
20
- color: #FFFFFF;
21
+ color: rgb(17, 17, 17);
21
22
  font-weight: 800;
22
- font-size: 30px;
23
- line-height: 40px;
23
+ font-size: 5em;
24
+ // line-height: 40px;
24
25
  }
25
- nav > ul {
26
+
27
+ nav>ul {
26
28
  // float: right;
27
- max-width:800px;
29
+ max-width: 800px;
28
30
  border-bottom: 1px solid black;
29
31
  }
30
32
 
31
- nav > ul > li {
32
- text-size:40px;
33
+ nav>ul>li {
34
+ text-size: 40px;
33
35
  text-align: center;
34
36
  line-height: 40px;
35
37
  margin-left: 0.5em;
36
- [class^="icon-"], [class*=" icon-"] {
37
- height: 30px;
38
- width: 30px;
39
- position:relative;
40
- top:10px;
38
+ [class^="icon-"],
39
+ [class*=" icon-"] {
40
+ height: 30px;
41
+ width: 30px;
42
+ position: relative;
43
+ top: 10px;
44
+ }
45
+ }
41
46
 
42
- }
47
+ nav>ul li ul {
48
+ display: none;
49
+ padding: 0;
50
+ list-style-type: none;
43
51
  }
44
52
 
45
- nav > ul li ul li {
53
+ nav>ul li ul li {
46
54
  width: 100%;
47
55
  text-align: left;
56
+ white-space: nowrap; // stop the wrapping in the first place
48
57
  }
49
58
 
50
59
  nav ul li:hover {
51
60
  cursor: pointer;
52
61
  position: relative;
53
62
  text-decoration: underline;
54
-
55
63
  }
56
- nav ul li:hover > ul {
64
+
65
+ nav ul li:hover>ul {
57
66
  display: block;
58
67
  }
59
- nav ul li:hover > a {
68
+
69
+ nav ul li:hover>a {
60
70
  // color: #777;
61
71
  }
62
- nav > ul > li > a {
72
+
73
+ nav>ul>li>a {
63
74
  cursor: pointer;
64
75
  display: block;
65
76
  outline: none;
@@ -67,15 +78,15 @@ nav > ul > li > a {
67
78
  text-decoration: none;
68
79
  }
69
80
 
70
- nav > ul > li {
81
+ nav>ul>li {
71
82
  float: left;
72
- list-style:none;
73
-
83
+ list-style: none;
74
84
  }
85
+
75
86
  // nav a {
76
87
  // color: white;
77
88
  // }
78
- nav > ul li ul {
89
+ nav>ul li ul {
79
90
  display: none;
80
91
  position: absolute;
81
92
  left: 0;
@@ -83,88 +94,85 @@ nav > ul li ul {
83
94
  width: 100%;
84
95
  z-index: 2000;
85
96
  }
86
- nav > ul li ul li > a {
97
+
98
+ nav>ul li ul li>a {
87
99
  text-decoration: none;
88
100
  }
89
101
 
90
- [type="checkbox"], label {
102
+ [type="checkbox"],
103
+ label {
91
104
  display: none;
92
105
  }
93
106
 
94
- [type="checkbox"]:not(:checked) ~ ul {
107
+ [type="checkbox"]:not(:checked)~ul {
95
108
  border-bottom: 0px solid black;
96
109
  }
97
110
 
98
111
  @media screen and (max-width: 800px) {
99
- nav ul {
100
- display: none;
101
- padding:0;
102
- background:$backgroundColor;
103
- }
104
-
105
- label {
106
- display: block;
107
- //background: #222;
108
- width: 40px;
109
- height: 40px;
110
- cursor: pointer;
111
- position: absolute;
112
- right: 0px;
113
- top: 0px;
114
- @include rounded(0,0,0,5px);
115
- }
116
-
117
- label:after{
118
- content:'';
119
- display: block;
120
- width: 30px;
121
- height: 5px;
122
- background: $colLinks;
123
- margin: 7px 5px;
124
- box-shadow: 0px 10px 0px $colLinks, 0px 20px 0px $colLinks
125
- }
126
-
127
- [type="checkbox"]:checked ~ ul {
128
- display: block;
129
- z-index: 9999;
130
- position: absolute;
131
- right: -20px;
132
- left: -20px;
133
- top:20px;
134
- }
135
-
136
- [type="checkbox"]:not(:checked) ~ ul {
137
- border-bottom: 0px solid black;
138
- }
139
-
140
- nav a {
141
- color: #777;
142
- }
143
-
144
- nav ul li {
145
- display: block;
146
- float: none;
147
- width: 100%;
148
- text-align: left;
149
- //background: #222;
150
- text-indent: 40px;
151
- }
152
-
153
- nav > ul > li {
154
- margin-left: 0px;
155
- }
156
-
157
- nav > ul li ul li {
158
- display: block;
159
- float: none;
160
- list-style:none;
161
- }
162
-
163
- nav > ul li ul {
164
- display: block;
165
- position: relative;
166
- width: 100%;
167
- z-index: 9999;
168
- float: none;
169
- }
112
+ nav ul {
113
+ display: none;
114
+ padding: 0;
115
+ background: $backgroundColor;
116
+ }
117
+ label {
118
+ display: block;
119
+ //background: #222;
120
+ width: 40px;
121
+ height: 40px;
122
+ cursor: pointer;
123
+ position: absolute;
124
+ right: 0px;
125
+ top: 0px;
126
+ @include rounded(0, 0, 0, 5px);
127
+ }
128
+ label:after {
129
+ content: '';
130
+ display: block;
131
+ width: 30px;
132
+ height: 5px;
133
+ background: $colLinks;
134
+ margin: 7px 5px;
135
+ box-shadow: 0px 10px 0px $colLinks, 0px 20px 0px $colLinks
136
+ }
137
+ [type="checkbox"]:checked~ul {
138
+ display: block;
139
+ z-index: 9999;
140
+ position: absolute;
141
+ right: -20px;
142
+ left: -20px;
143
+ top: 20px;
144
+ }
145
+ [type="checkbox"]:not(:checked)~ul {
146
+ border-bottom: 0px solid black;
147
+ }
148
+ nav a {
149
+ color: #777;
150
+ }
151
+ nav ul li {
152
+ display: block;
153
+ float: none;
154
+ width: 100%;
155
+ text-align: left;
156
+ //background: #222;
157
+ text-indent: 40px;
158
+ text-decoration: none;
159
+ }
160
+ nav ul li:hover {
161
+ text-decoration: none;
162
+ }
163
+ nav>ul>li {
164
+ margin-left: 0px;
165
+ }
166
+ nav>ul li ul li {
167
+ display: block;
168
+ float: none;
169
+ list-style: none;
170
+ }
171
+ nav>ul li ul {
172
+ display: block;
173
+ position: relative;
174
+ width: 100%;
175
+ z-index: 9999;
176
+ float: none;
177
+ }
170
178
  }
data/_sass/_tables.scss ADDED
@@ -0,0 +1,23 @@
1
+ table {
2
+ border-collapse: collapse;
3
+ }
4
+
5
+ tr:nth-child(even) {
6
+ background: #FFF
7
+ }
8
+
9
+ tr:nth-child(odd) {
10
+ background: #CCC
11
+ }
12
+
13
+ thead {
14
+ tr {
15
+ th {
16
+ background: #FFF
17
+ }
18
+ }
19
+ }
20
+
21
+ td {
22
+ padding-left: 5px;
23
+ }
data/_sass/jekyll-theme-tou-dai.scss CHANGED
@@ -1,77 +1,91 @@
1
- @import 'typescale', 'fonts', 'menu';
1
+ @import 'typescale',
2
+ 'fonts',
3
+ 'menu',
4
+ 'tables';
2
5
 
3
6
  /*css taken from http://jgthms.com/web-design-in-4-minutes/*/
7
+
4
8
  body {
5
- margin: 0 auto;
6
- max-width: 50em;
9
+ margin: 0 auto;
10
+ max-width: 50em;
7
11
  }
8
- body {
9
- font-family: serif;
12
+
13
+ * {
14
+ box-sizing: border-box;
10
15
  }
11
16
 
12
17
  body {
13
- /* top | right | bottom | left */
14
- padding: 0em 0em 4em 0em;
15
- // padding: 4em 1em;
18
+ font-family: serif;
16
19
  }
17
20
 
18
- #main{
19
- padding: 4em 1em;
21
+ body {
22
+ /* top | right | bottom | left */
23
+ padding: 0em 0em 4em 0em;
24
+ // padding: 4em 1em;
25
+ }
20
26
 
27
+ #main {
28
+ padding: 4em 1em;
21
29
  }
30
+
22
31
  h2 {
23
- margin-top: 1em;
24
- padding-top: 1em;
32
+ margin-top: 1em;
33
+ padding-top: 1em;
25
34
  }
26
35
 
27
36
  body {
28
- color: #555;
37
+ color: #555;
29
38
  }
30
39
 
31
40
  h1,
32
41
  h2,
33
42
  strong {
34
- color: #333;
43
+ color: #333;
35
44
  }
36
45
 
37
46
  code,
38
47
  pre {
39
- background: #eee;
48
+ background: #eee;
40
49
  }
41
50
 
42
51
  code {
43
- padding: 2px 4px;
44
- vertical-align: text-bottom;
52
+ padding: 2px 4px;
53
+ vertical-align: text-bottom;
45
54
  }
46
55
 
47
56
  pre {
48
- padding: 1em;
49
- white-space: pre-wrap; /* css-3 */
50
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
51
- white-space: -pre-wrap; /* Opera 4-6 */
52
- white-space: -o-pre-wrap; /* Opera 7 */
53
- word-wrap: break-word; /* Internet Explorer 5.5+ */
57
+ padding: 1em;
58
+ white-space: pre-wrap;
59
+ /* css-3 */
60
+ white-space: -moz-pre-wrap;
61
+ /* Mozilla, since 1999 */
62
+ white-space: -pre-wrap;
63
+ /* Opera 4-6 */
64
+ white-space: -o-pre-wrap;
65
+ /* Opera 7 */
66
+ word-wrap: break-word;
67
+ /* Internet Explorer 5.5+ */
54
68
  }
55
69
 
56
70
  a {
57
- color: #e81c4f;
71
+ color: #e81c4f;
58
72
  }
59
73
 
60
74
  body {
61
- color: #566b78;
75
+ color: #566b78;
62
76
  }
63
77
 
64
78
  code,
65
79
  pre {
66
- background: #f5f7f9;
67
- /*border-bottom: 1px solid #d8dee9;*/
68
- color: #a7adba;
80
+ background: #f5f7f9;
81
+ /*border-bottom: 1px solid #d8dee9;*/
82
+ color: #a7adba;
69
83
  }
70
84
 
71
85
  pre {
72
- border-left: 2px solid #69c;
86
+ border-left: 2px solid #69c;
73
87
  }
74
88
 
75
89
  img {
76
- max-width: 100%;
90
+ max-width: 100%;
77
91
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-tou-dai
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
4
+ version: 0.3.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - fabianmoronzirfas
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-10-14 00:00:00.000000000 Z
11
+ date: 2017-10-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -30,14 +30,14 @@ dependencies:
30
30
  requirements:
31
31
  - - "~>"
32
32
  - !ruby/object:Gem::Version
33
- version: 0.0.5
33
+ version: 0.1.3
34
34
  type: :runtime
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
38
  - - "~>"
39
39
  - !ruby/object:Gem::Version
40
- version: 0.0.5
40
+ version: 0.1.3
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: jekyll-tidy
43
43
  requirement: !ruby/object:Gem::Requirement
@@ -94,6 +94,20 @@ dependencies:
94
94
  - - "~>"
95
95
  - !ruby/object:Gem::Version
96
96
  version: '1.0'
97
+ - !ruby/object:Gem::Dependency
98
+ name: jekyll-autoprefixer
99
+ requirement: !ruby/object:Gem::Requirement
100
+ requirements:
101
+ - - "~>"
102
+ - !ruby/object:Gem::Version
103
+ version: '1.0'
104
+ type: :runtime
105
+ prerelease: false
106
+ version_requirements: !ruby/object:Gem::Requirement
107
+ requirements:
108
+ - - "~>"
109
+ - !ruby/object:Gem::Version
110
+ version: '1.0'
97
111
  - !ruby/object:Gem::Dependency
98
112
  name: bundler
99
113
  requirement: !ruby/object:Gem::Requirement
@@ -119,12 +133,14 @@ files:
119
133
  - README.md
120
134
  - _data/menu.json
121
135
  - _includes/header.html
136
+ - _includes/logo.html
122
137
  - _layouts/default.html
123
138
  - _layouts/plain.txt
124
139
  - _sass/_colors.scss
125
140
  - _sass/_fonts.scss
126
141
  - _sass/_menu.scss
127
142
  - _sass/_mixins.scss
143
+ - _sass/_tables.scss
128
144
  - _sass/_typescale.scss
129
145
  - _sass/jekyll-theme-tou-dai.scss
130
146
  - _sass/palette.scss