omnihub-theme 0.1.6 → 1.0.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: db03d56a512c474330d0b09e21cda7a34f96dd61
4
- data.tar.gz: b728a370eb3dbc8e91476f9ce30666ab0c5a2fa2
3
+ metadata.gz: b26f16228eb45491656494e8a892ff5b7494ab8b
4
+ data.tar.gz: 8f7b0bbc63707cf92a7accec026c552af8aeb08d
5
5
  SHA512:
6
- metadata.gz: ab5de25bd92266a7eaf5e42b30457be19f66f3a4a60747068eb5aabf49970e680a5d3b344ed50d1f58ccd8e80d6741f5b846422a9b3c5624f8547f6b175a7aa7
7
- data.tar.gz: 255ee8b3ab38f7f36483cacf48cb8b348a8b6180207de94fc3cf2c2be2d276b3c39432d74f8d51cbc0efd3903e7f703fc2bf70a589174c9a253a66b7ee85dd1d
6
+ metadata.gz: dfe4174a24fdeb1058a6236f7b00ffebd798052fc798cb423f2773ef329d3569bbb979ad54d3efe9c7e09be27a242e4df6c821dabdf0d6d162ad5fd2915763c5
7
+ data.tar.gz: 07797089ef03ca2f96170f34407040bbe86930987b492adfed3664a5f2d8299c8691efa5663967d82f60a95c22b506280962b6f045a9a35f9f022ab6924752ee
@@ -0,0 +1,17 @@
1
+ {% assign url_parts = page.url | split: '/' %}
2
+ {% assign url_parts_size = url_parts | size %}
3
+ {% assign rm = url_parts | last %}
4
+ {% assign base_url = page.url | replace: rm %}
5
+
6
+ <ul>
7
+ {% for node in site.pages %}
8
+ {% if node.url contains base_url %}
9
+ {% assign node_url_parts = node.url | split: '/' %}
10
+ {% assign node_url_parts_size = node_url_parts | size %}
11
+ {% assign filename = node_url_parts | last %}
12
+ {% if url_parts_size == node_url_parts_size and filename != 'index.html' %}
13
+ <li style="display:inline-block; color:white; text-decoration: none;"><a href='{{node.url}}'>{{node.title}}</a></li>
14
+ {% endif %}
15
+ {% endif %}
16
+ {% endfor %}
17
+ </ul>
@@ -2,5 +2,4 @@
2
2
  <div class="footer-content"><span class="site-footer-owner"><a href="{{ site.github.url }}">{{ site.title }}</a> is maintained by <a href="{{ site.author.url }}">{{ site.author.name }}</a>.</span>
3
3
  </div>
4
4
 
5
- <!-- <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/pietromenna/jekyll-cayman-theme">Cayman theme</a> by <a href="http://github.com/jasonlong">Jason Long</a>.</span> -->
6
5
  </footer>
@@ -7,6 +7,18 @@
7
7
  <a href="https://github.wvrgroup.internal/adasgupta/api-listinghub" class="btn">View Source</a-->
8
8
 
9
9
  <div class="row">
10
- <div class="col-sm-7 col-sm-offset-3"><span><img src="{{ site.github.url }}/omnihub-theme/assets/HA_Logo_White.png" title=""></span><span class="page-header__title">{{ page.title}} </span></div>
10
+ <div class="col-xs-12 col-sm-7 col-sm-offset-3"><a class="home-link" href="{{ site.github.url}}/"><span><img src="{{ site.github.url }}/assets/HA_Logo_White.png" title=""></span><span class="page-header__title">{{ site.title}}</span></a></div>
11
+
12
+ <div class="col-sm-2">
13
+ <select class="hub-selector desktop" onchange="window.location.href=this.options[this.selectedIndex].value;">
14
+ <option value="">Select a Hub</option>
15
+ {% for hub in site.data.hubs %}
16
+ <option value="{{site.github.url}}/{{ hub.shortcode}}-hub-overview">{{ hub.name }}</option>
17
+ {% endfor %}
18
+ </select>
19
+
20
+ </div>
21
+
11
22
  </div>
23
+
12
24
  </section>
@@ -0,0 +1,22 @@
1
+ <ul class="nav nav-stacked">
2
+
3
+ {% for target in site.data.nav %}
4
+
5
+ <!-- check to see if the data file has a submenu, and if so display it -->
6
+ {% if target.submenu != null %}
7
+ <li>
8
+ <a href="{{ site.url }}{{ dale.url }}" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">{{ target.title }}<i class="fa fa-angle-down"></i></a>
9
+ <ul class="">
10
+ {% for menu in target.submenu %}
11
+ <li><a href="{{ site.url }}{{ menu.href }}">{{ menu.title }}</a></li>
12
+ {% endfor %}
13
+ </ul>
14
+ {% else %}
15
+
16
+ <li>
17
+ <a href="{{ site.github.url }}{{ target.href }}">{{ target.title }}</a>
18
+ {% endif %}
19
+ </li>
20
+ {% endfor %}
21
+ </ul>
22
+
@@ -1,15 +1,16 @@
1
-
2
1
  <!DOCTYPE html>
3
2
  <html lang="en-us">
4
3
 
5
4
  {% include head.html %}
6
5
 
7
6
  <body>
8
- {% include page-header.html %}
9
-
10
- <nav></nav>
7
+ {% include page-header.html %}
11
8
 
9
+ <nav>
10
+ {% include nav.html %}
12
11
 
12
+ </nav>
13
+
13
14
  <section class="main-content">
14
15
 
15
16
  {{ content }}
@@ -22,5 +23,3 @@
22
23
 
23
24
  </body>
24
25
  </html>
25
-
26
-
@@ -10,9 +10,17 @@
10
10
  <nav></nav>
11
11
 
12
12
 
13
+
13
14
  <section class="main-content">
14
15
 
15
- {{ content }}
16
+ <div class="row">
17
+ <div class="col-sm-2">
18
+
19
+ {% include vertical-nav.html %}
20
+ </div>
21
+ <div class="col-sm-10">{{ content }} </div>
22
+ </div>
23
+
16
24
 
17
25
 
18
26
  </section>
@@ -0,0 +1,51 @@
1
+
2
+ @media (max-width:768px){
3
+
4
+ .main-content,
5
+ .navigation__content .tab-content {
6
+ width:100%;
7
+ }
8
+
9
+ .page-header {
10
+ &__title {
11
+ font-size:1.4em;
12
+ white-space:nowrap;
13
+
14
+ }
15
+ }
16
+ }
17
+
18
+
19
+ @media (min-width:769px) and (max-width:1024px){
20
+
21
+ .page-header {
22
+ &__title {
23
+ font-size:1.4em;
24
+ white-space:nowrap;
25
+
26
+ }
27
+ }
28
+ }
29
+
30
+ @media (max-width:420px){
31
+
32
+
33
+ .hub-selector {
34
+
35
+ &.desktop {
36
+ display:none;
37
+ }
38
+
39
+ &.mobile {
40
+ display:block;
41
+ }
42
+
43
+ }
44
+ .page-header {
45
+ &__title {
46
+ font-size:1em;
47
+ white-space:nowrap;
48
+
49
+ }
50
+ }
51
+ }
@@ -10,10 +10,43 @@ h1,h2,h3,h4,h5,h6{
10
10
  font-weight: 600;
11
11
  }
12
12
 
13
+ a.home-link:hover {
14
+ text-decoration:none;
15
+ color:white;
16
+ }
17
+
13
18
  nav {
14
19
  background: $color-dark-gray;
15
20
  height:50px;
21
+
22
+ ul.nav-items {
23
+ width:80%;
24
+ margin:0 auto;
25
+
26
+ li {
27
+ margin-right:1em;
28
+ display:inline-block;
29
+ line-height:3.5em;
30
+
31
+
32
+
33
+ a{
34
+ color:white !important;
35
+ text-decoration:none;
36
+
37
+ &:hover {
38
+
39
+ text-decoration:underline;
40
+ }
41
+
42
+ }
43
+ }
44
+
45
+ }
46
+
16
47
  }
48
+
49
+
17
50
 
18
51
  .page-header {
19
52
  background: $color-primary;
@@ -21,30 +54,51 @@ nav {
21
54
  margin:0;
22
55
  padding:2rem 4rem;
23
56
  width:100%;
24
- height:128px;
57
+ height:92px;
25
58
 
26
59
 
27
60
  img {
28
61
  width:90%;
29
- max-width:250px;
62
+ max-width:150px;
30
63
 
31
64
  }
32
65
 
33
66
  &__title {
34
67
  text-align:left;
35
- font-size:2.5rem;
68
+ font-size:3rem;
36
69
  vertical-align:top;
37
70
  color: $page-title;
38
- line-height:97px;
71
+ line-height:50px;
39
72
  margin-left:1rem;
73
+
74
+ a:hover {
75
+ text-decoration:none;
76
+ }
40
77
 
41
78
  }
42
79
  }
43
80
 
81
+
82
+
83
+ .hub-selector {
84
+
85
+ &.desktop {
86
+ display:block;
87
+ }
88
+
89
+ &.mobile {
90
+ display:none;
91
+ }
92
+
93
+ }
94
+
44
95
  .main-content {
45
- width:80%;
96
+ width:62%;
46
97
  padding: 2rem 4rem;
47
98
  margin:0 auto;
99
+ min-height:150px;
100
+ height:auto;
101
+ min-height:350px;
48
102
  }
49
103
 
50
104
  .content-header {
@@ -54,6 +108,7 @@ nav {
54
108
  .tab-pane {
55
109
 
56
110
  margin-top:0rem;
111
+ min-height:400px;
57
112
  h3, h4 {
58
113
  text-align:center;
59
114
  line-height:3rem;
@@ -103,9 +158,34 @@ nav {
103
158
  border-top: 25px solid $color-light-gray;
104
159
 
105
160
 
161
+
106
162
  &.left {
107
- position:relative;
108
- left:16%;
163
+
164
+ &.position-1 {
165
+ position:relative;
166
+ left:6%;
167
+ }
168
+
169
+ &.position-2 {
170
+ position:relative;
171
+ left:25%;
172
+ }
173
+
174
+ &.position-3 {
175
+ position:relative;
176
+ left:44%;
177
+ }
178
+
179
+ &.position-4 {
180
+ position:relative;
181
+ left:63%;
182
+ }
183
+
184
+ &.position-5 {
185
+ position:relative;
186
+ left:82%;
187
+ }
188
+
109
189
  }
110
190
 
111
191
  &.center {
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: omnihub-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 1.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Catherine Vo
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-12-09 00:00:00.000000000 Z
11
+ date: 2016-12-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -62,14 +62,18 @@ files:
62
62
  - LICENSE.txt
63
63
  - README.md
64
64
  - _includes/head.html
65
+ - _includes/nav.html
65
66
  - _includes/page-footer.html
66
67
  - _includes/page-header.html
68
+ - _includes/vertical-nav.html
67
69
  - _layouts/default.html
68
70
  - _layouts/page.html
69
71
  - _layouts/post.html
70
72
  - _sass/_fonts.scss
73
+ - _sass/_mobile.scss
71
74
  - _sass/_theme.scss
72
75
  - _sass/_variables.scss
76
+ - assets/HA_Logo_White.png
73
77
  homepage: ''
74
78
  licenses:
75
79
  - MIT