proto-theme3 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: dc870eb5c81e1944bb96f0fffcb4ab83fd25f8a053cdf61970b6666fb8b4c958
4
+ data.tar.gz: 8b9ae931b98f724d5692c20388ae73c2d485e50d6cd59dd349531980c2d92c08
5
+ SHA512:
6
+ metadata.gz: 99ddce96af790a0cb9a1616a1322b8b61edee5755a0164cfe1dee71d0d9753bd7a676ca627f07ef3c4ca8513a5756811d5a957161e2e9ba3af69e7770c09e7ac
7
+ data.tar.gz: f95bc8c740df7c65c0a6c8abd94904707d37accfda655e52b42ab391d5a136c5dd848eea56092ddfb1f67b962f6b68de84a1f3fda56e2539dd8de330f6705fcc
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2019
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,60 @@
1
+ # theme-jorsin
2
+
3
+ A theme made for the wand website.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your Jekyll site's `Gemfile`:
8
+
9
+ ```ruby
10
+ gem "theme-jorsin"
11
+ ```
12
+
13
+ And add this line to your Jekyll site's `_config.yml`:
14
+
15
+ ```yaml
16
+ theme: theme-jorsin
17
+ ```
18
+
19
+ And then execute:
20
+
21
+ $ bundle
22
+
23
+ Or install it yourself as:
24
+
25
+ $ gem install theme-jorsin
26
+
27
+ ## Usage
28
+
29
+ To refer to themes css, open _sass/css/style.scss and add
30
+ ```scss
31
+ ---
32
+ ---
33
+
34
+ @import "main";
35
+ ```
36
+
37
+ To use a layout from theme refer to it in metadata under "layout tag"
38
+ ```md
39
+ ---
40
+ layout: PREMADE-LAYOUT-NAME`
41
+ ---
42
+ ```
43
+
44
+ To add a link to nav bar, modify _data/navigation.yml with the format
45
+
46
+ ```yml
47
+ - name:(eg People)
48
+ link:(eg /people.html)
49
+ ```
50
+
51
+ ## Development
52
+
53
+ To set up your environment to develop this theme, run `bundle install`.
54
+
55
+ 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.
56
+
57
+ ## License
58
+
59
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
60
+
@@ -0,0 +1,3 @@
1
+ <div id="banner">
2
+ <img src="/assets/images/logos.svg" alt="Wand logo" >
3
+ </div>
@@ -0,0 +1,11 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <title>{{ page.title }}</title>
4
+ <link rel ="stylesheet" href="assets/css/styles.css">
5
+ <link rel ="stylesheet" href="assets/css/local.css">
6
+ <link rel ="stylesheet" href="assets/css/home.css">
7
+ <link rel ="stylesheet" href="assets/css/people.css">
8
+ <link rel ="stylesheet" href="assets/css/research.css">
9
+ <link rel ="stylesheet" href="assets/css/contact.css">
10
+ <script type="text/javascript" src="assets/js/local.js"></script>
11
+ </head>
@@ -0,0 +1,10 @@
1
+ <div id="links-board">
2
+ <h2>Links</h2>
3
+ <ul>
4
+ {% for link in site.data.quicklinks %}
5
+ <li>
6
+ <a href="{{ link.href }}" class="boxLink">{{ link.name }}</a>
7
+ </li>
8
+ {% endfor %}
9
+ </ul>
10
+ </div>
@@ -0,0 +1,22 @@
1
+ <nav>
2
+ <button onclick="toggleMenu();" id="menu-button">Menu &#8801;</button>
3
+ {% for item in site.data.navigation %}
4
+ {% if item.name contains 'Research' %}
5
+ <div class="dropdown">
6
+ <a href="{{ item.link }}" class="navlink droplink{% if page.url == item.link %} current{% endif %}">
7
+ <h3>{{ item.name }}</h3>
8
+ </a>
9
+ <button onclick="toggleResearch();" class="arrowButton navlink"><h3>&#11167;</h3></button>
10
+ <div class="dropdown-content">
11
+ {% for link in site.data.droplinks %}
12
+ <a href="{{ link.href }}">{{ link.name }}</a>
13
+ {% endfor %}
14
+ </div>
15
+ </div>
16
+ {% else %}
17
+ <a href="{{ item.link }}" class="navlink {% if page.url == item.link %}current{% endif %}">
18
+ <h3>{{ item.name }}</h3>
19
+ </a>
20
+ {% endif %}
21
+ {% endfor %}
22
+ </nav>
File without changes
@@ -0,0 +1,9 @@
1
+ <div id="twitter-board" class="board">
2
+ <div id="twitter-panel">
3
+ <h2>Twitter feed</h2>
4
+ <a class="twitter-timeline" data-width="900" data-height="700"
5
+ href="https://twitter.com/TwitterDev/timelines/539487832448843776?ref_src=twsrc%5Etfw">
6
+ National Park Tweets - Curated tweets by TwitterDev</a> <script async
7
+ src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
8
+ </div>
9
+ </div>
@@ -0,0 +1,6 @@
1
+ <div id="welcome-board">
2
+ <div id="welcome-panel">
3
+ {{ content }}
4
+ <a href="" class="boxLink">Link</a>
5
+ </div>
6
+ </div>
@@ -0,0 +1,6 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div id="contact">
5
+ {{ content }}
6
+ </div>
@@ -0,0 +1,11 @@
1
+ <!doctype html>
2
+ <html>
3
+ {% include headwLocal.html %}
4
+ <body>
5
+ {% include banner.html %}
6
+ {% include navigation.html %}
7
+ <div id="contentContainer">
8
+ {{ content }}
9
+ </div>
10
+ </body>
11
+ </html>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include welcome-board.html %}
6
+ <div id="twitter-wlinks">
7
+ {% include twitter-board.html %}
8
+ {% include links-board.html %}
9
+ </div>
@@ -0,0 +1,26 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div id="peopleInput">
5
+ {{ content }}
6
+ </div>
7
+
8
+ <div id="people">
9
+ {% for item in site.data.pCatagory %}
10
+ <div id="{{ item.name }}" class="pCatagory">
11
+ <h1>{{ item.name | capitalize}}</h1>
12
+
13
+ <ul id="{{item.name}}Link">
14
+ {% for person in site.people %}
15
+ {% if person.role contains item.name%}
16
+ <li class="person">
17
+ <img src="assets/images/{{ person.name | downcase | replace: ' ', '_' }}" class="peopleImg" alt=" ">
18
+ <h4>{{ person.name }}</h4>
19
+ <span>{{ person.content | truncate: 20 }}</span>
20
+ </li>
21
+ {% endif %}
22
+ {% endfor %}
23
+ </ul>
24
+ </div> <br >
25
+ {% endfor %}
26
+ </div>
@@ -0,0 +1,17 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div id="researchInput">
5
+ {{ content }}
6
+ </div>
7
+
8
+ <div id="research">
9
+ <ul>
10
+ {% for topic in site.research %}
11
+ <li>
12
+ <span>{{ topic.content }}</span>
13
+ <a href="{{ topic.url }}" class="boxLink">{{ topic.name }}</a>
14
+ </li>
15
+ {% endfor %}
16
+ <ul>
17
+ </div>
data/_sass/main.scss ADDED
@@ -0,0 +1,163 @@
1
+
2
+ html {
3
+ max-width: 110%;
4
+ overflow-x: hidden;
5
+ }
6
+
7
+ .current {
8
+ background-color: #BB261A;
9
+ }
10
+
11
+ nav {
12
+ display: inline-block;
13
+ background-color: #2B2B2B;
14
+ width: 110%;
15
+ margin-top: -8px;
16
+ margin-left: -8px;
17
+ padding-left: 20%;
18
+ }
19
+
20
+ nav a {
21
+ display: inline-block;
22
+ width: 12%;
23
+ height: 5%;
24
+ background-color: #2B2B2B;
25
+ margin-right: -0.5%;
26
+ margin-top: auto;
27
+ padding: 0% 1% 0.5% 1%;
28
+ color: #ccc;
29
+ text-align: center;
30
+ text-decoration: none;
31
+ transition: background-color 0.3s;
32
+ outline: none;
33
+ }
34
+
35
+ nav a:hover {
36
+ background-color: #BB261A;
37
+ }
38
+
39
+ .current:hover{
40
+ background-color: #2B2B2B;
41
+ }
42
+
43
+ nav img {
44
+ display: block;
45
+ float: left;
46
+ height: 50px;
47
+ margin-top: 15px;
48
+ margin-right: 20px;
49
+ margin-left: 10px;
50
+ }
51
+
52
+ #banner {
53
+ width: 110%;
54
+ background-color: #2B2B2B;
55
+ margin-top: -8px;
56
+ margin-left: -8px;
57
+ padding-left: 10px;
58
+ padding-top: 10px;
59
+ padding-bottom: 15px;
60
+ }
61
+
62
+ #banner img {
63
+ height: 50px;
64
+ }
65
+
66
+ hr {
67
+ color: #cc0000;
68
+ background-color: #cc0000;
69
+ border: none;
70
+ height: 1px;
71
+ }
72
+
73
+ h1, h2, h3, h4, p {
74
+ font-family: "Roboto", serif;
75
+ }
76
+
77
+ h1 {
78
+ font-size: 2.6875em;
79
+ }
80
+
81
+ h2 {
82
+ font-size: 1.875em;
83
+ }
84
+
85
+ h3 {
86
+ font-size: 1em;
87
+ }
88
+
89
+ h4 {
90
+ font-size: 1.25em;
91
+ }
92
+
93
+ p {
94
+ font-size: 1em;
95
+ }
96
+
97
+
98
+
99
+ ul {
100
+ padding-left: 0px;
101
+ }
102
+
103
+ .boxLink {
104
+ display: inline-block;
105
+ background-color: darkred;
106
+ padding: 8px;
107
+ min-width: 100px;
108
+ color: white;
109
+ text-decoration: none;
110
+ text-align: center;
111
+ }
112
+
113
+ /* Dropdown Button */
114
+ .droplink {
115
+
116
+ }
117
+
118
+ /* The container <div> - needed to position the dropdown content */
119
+ .dropdown {
120
+ display: contents;
121
+ }
122
+
123
+ /* Dropdown Content (Hidden by Default) */
124
+ .dropdown-content {
125
+ display: none;
126
+ position: absolute;
127
+ min-width: 20%;
128
+ z-index: 1;
129
+ margin-left: 15%;
130
+ font-size: 1vw;
131
+ }
132
+
133
+ /* Links inside the dropdown */
134
+ .dropdown-content a {
135
+ padding: 6% 1% 4% 6%;
136
+ text-decoration: none;
137
+ display: block;
138
+ background-color: #BB261A;
139
+ width: 90%;
140
+ text-align: left;
141
+ }
142
+
143
+ /* Change color of dropdown links on hover */
144
+ .dropdown-content a:hover {text-decoration: underline;}
145
+
146
+ /* Show the dropdown menu on hover */
147
+ .dropdown:hover .dropdown-content {display: block;}
148
+
149
+ /* Keep research button red */
150
+ .dropdown:hover .droplink {background-color: #BB261A;}
151
+
152
+ /* Change the background color of the dropdown button when the dropdown content is shown */
153
+ .droplink:hover .droplink {background-color: #BB261A;}
154
+
155
+ #menu-button {
156
+ display: none;
157
+ }
158
+
159
+ .arrowButton {
160
+ display: none;
161
+ }
162
+
163
+
metadata ADDED
@@ -0,0 +1,100 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: proto-theme3
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.5
5
+ platform: ruby
6
+ authors:
7
+ - Jorsin
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2019-11-17 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: '0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: '0'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: 2.0.2
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: 2.0.2
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '12.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '12.0'
55
+ description:
56
+ email:
57
+ - danielbesley0@gmail.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - LICENSE.txt
63
+ - README.md
64
+ - _includes/banner.html
65
+ - _includes/headwLocal.html
66
+ - _includes/links-board.html
67
+ - _includes/navigation.html
68
+ - _includes/pCatagory.html
69
+ - _includes/twitter-board.html
70
+ - _includes/welcome-board.html
71
+ - _layouts/contact.html
72
+ - _layouts/default.html
73
+ - _layouts/home.html
74
+ - _layouts/people.html
75
+ - _layouts/research.html
76
+ - _sass/main.scss
77
+ homepage: https://wand.nz
78
+ licenses:
79
+ - MIT
80
+ metadata: {}
81
+ post_install_message:
82
+ rdoc_options: []
83
+ require_paths:
84
+ - lib
85
+ required_ruby_version: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ required_rubygems_version: !ruby/object:Gem::Requirement
91
+ requirements:
92
+ - - ">="
93
+ - !ruby/object:Gem::Version
94
+ version: '0'
95
+ requirements: []
96
+ rubygems_version: 3.0.6
97
+ signing_key:
98
+ specification_version: 4
99
+ summary: Theme used for the wand website
100
+ test_files: []