picklecore 1.0.0.beta.1 → 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
  SHA256:
3
- metadata.gz: dbd5808416837d58d1b9c2c5a0173468ddcde13118171de74f7f81056518b692
4
- data.tar.gz: 1c8eab2191a44dad595c0829e18d5ffd1239d1a78d96fefc165e48ba1d06e00c
3
+ metadata.gz: 1db4d3ab365991eaa5870d5770e67fa3e08dc6ef8e7275a82c64605d23667ac0
4
+ data.tar.gz: 118245bfdbc01349f27a06fa06dff4c86636ef09975518847ec18f2c5fa8386b
5
5
  SHA512:
6
- metadata.gz: 97524c9ed0f41ae59cabe2023f1c89f5d847cb02527cb794034090b1fa8759353414945880be82f1ceb0719e472cd6a453c572115b28dac2835823ef253ebd35
7
- data.tar.gz: 419325b50a84d63622bb861fb911d78e070bfe310d232732e7d588e68408d388a11f13b5f9bc2e1480054433d44d05f9ed9818a768e90f8d642c781675246727
6
+ metadata.gz: 29893683b0730d72912de8e4af5e6427719afbe16f31aeb505e41243c1f2e147461d0254aaa82e84333441ca92f41b3935bc66e15e43143847355b87d186677e
7
+ data.tar.gz: 57a3fe88d84d6f9766a4bd2c4158dfb25ba8d610ce73760166c1115957ce37a45a74153ab4aa2dfa662fee9f2e871a9903a385b459d8fecdb0a5bf8f47373511
@@ -1,74 +1,23 @@
1
- <nav aria-label="site" id="nav">
2
- <table>
3
- {%- if site.github -%}
4
- <tr>
5
- <td>
6
- <i class="fab fa-github-square"></i>
7
- </td>
8
- <td>
9
- <a href="https://github.com/{{ site.github }}" alt="GitHub Profile" class="nobreak">GitHub</a>
10
- </td>
11
- </tr>
12
- {%- endif -%}
13
- {%- if site.email -%}
14
- <tr>
15
- <td>
16
- <i class="fas fa-envelope"></i>
17
- </td>
18
- <td>
19
- <a href="mailto:{{ site.email }}" alt="Email Address" class="nobreak">Email</a>
20
- </td>
21
- </tr>
22
- {%- endif -%}
23
- {%- if site.discord -%}
24
- <tr>
25
- <td>
26
- <i class="fab fa-discord"></i>
27
- </td>
28
- <td>
29
- <a href="https://discord.gg/{{ site.discord }}" alt="Discord Server" class="nobreak">Discord</a>
30
- </td>
31
- </tr>
32
- {%- endif -%}
33
- {%- if site.twitter.username -%}
34
- <tr>
35
- <td>
36
- <i class="fab fa-twitter"></i>
37
- </td>
38
- <td>
39
- <a href="https://twitter.com/{{ site.twitter.username }}" class="nobreak" alt="Twitter">Twitter</a>
40
- </td>
41
- </tr>
42
- {%- endif -%}
43
- {%- if site.statuspage -%}
44
- <tr>
45
- <td>
46
- <i class="fas fa-exclamation-triangle"></i>
47
- </td>
48
- <td>
49
- <a href="{{ site.statuspage }}" class="nobreak" alt="System Status">System Status</a>
50
- </td>
51
- </tr>
52
- {%- endif -%}
53
- {%- if site.pgp -%}
54
- <tr>
55
- <td>
56
- <i class="fas fa-lock"></i>
57
- </td>
58
- <td>
59
- <a href="{{ site.pgp }}" class="nobreak" alt="Public PGP Key">Public PGP Key</a>
60
- </td>
61
- </tr>
62
- {%- endif -%}
63
- {%- if site.devto -%}
64
- <tr>
65
- <td>
66
- <i class="fab fa-dev"></i>
67
- </td>
68
- <td>
69
- <a href="https://dev.to/{{ site.devto }}" class="nobreak" alt="DEV Profile">DEV Profile</a>
70
- </td>
71
- </tr>
1
+ <div id="nav-btn" class="openbtn" onclick="toggleNav()">
2
+ <span></span>
3
+ <span></span>
4
+ <span></span>
5
+ </div>
6
+ <nav aria-label="site" class="sidebar-nav" id="snav">
7
+ <table class="sidebar-table">
8
+ {%- if site.data.sidebar and site.data.sidebar.items -%}
9
+ {%- for item in site.data.sidebar.items -%}
10
+ <tr class="sidebar-tr">
11
+ {%- if item.fa-icon-classes -%}
12
+ <td class="sidebar-td">
13
+ <i class="{{ item.fa-icon-classes }} sidebar-icon"></i>
14
+ </td>
15
+ {%- endif -%}
16
+ <td class="sidebar-td">
17
+ <a href="{{ item.url }}"{%- if item.alt -%} alt="{{ item.alt }}"{%- endif -%}>{{ item.name }}</a>
18
+ </td>
19
+ </tr>
20
+ {%- endfor -%}
72
21
  {%- endif -%}
73
22
  </table>
74
23
  </nav>
@@ -30,6 +30,21 @@
30
30
  <link rel="author" href="{{ page.author }}">
31
31
  {% endif %}
32
32
  {% endif %}
33
+ {% if page.sidebar %}
34
+ <script type="text/javascript">
35
+ navOpen = false;
36
+ function toggleNav() {
37
+ if (navOpen) {
38
+ document.getElementById("snav").style.width = "0";
39
+ navOpen = false;
40
+ } else {
41
+ document.getElementById("snav").style.width = "265px";
42
+ navOpen = true;
43
+ }
44
+ document.getElementById("nav-btn").classList.toggle("open");
45
+ }
46
+ </script>
47
+ {% endif %}
33
48
  {% unless site.no_extra_head %}
34
49
  {% include metadata/extra.html %}
35
50
  {% endunless %}
@@ -5,6 +5,9 @@
5
5
  <link rel="stylesheet" href="/assets/css/page.css"></link>
6
6
  </head>
7
7
  <body>
8
+ {% if page.sidebar %}
9
+ {% include components/sidebar.html %}
10
+ {% endif %}
8
11
  <main class="content">
9
12
  {{ content }}
10
13
  </main>
@@ -0,0 +1,150 @@
1
+ .sidebar-nav {
2
+ height: 100%;
3
+ width: 0;
4
+ position: fixed;
5
+ z-index: 1;
6
+ top: 0;
7
+ right: 0;
8
+ background-color: $sidebar-background;
9
+ overflow-x: hidden;
10
+ transition: 0.5s;
11
+ padding-top: 60px;
12
+ }
13
+
14
+ .sidebar-nav a {
15
+ padding: 8px;
16
+ text-decoration: none;
17
+ color: $sidebar-text-color;
18
+ font-size: 25px;
19
+ display: block;
20
+ transition: 0.3s;
21
+ }
22
+
23
+ .sidebar-table {
24
+ padding: 0 26px;
25
+ }
26
+
27
+ .sidebar-tr {
28
+ white-space: nowrap;
29
+ padding: 8px 8px 8px 32px;
30
+ text-decoration: none;
31
+ color: $primary;
32
+ font-size: 25px;
33
+ transition: 0.3s;
34
+ }
35
+
36
+ .sidebar-icon {
37
+ color: $sidebar-text-color;
38
+ }
39
+
40
+ .sidebar-td {
41
+ padding: 7px 0;
42
+ }
43
+
44
+ @media screen and (max-height: 450px) {
45
+ .sidebar-nav {
46
+ padding-top: 15px;
47
+ }
48
+
49
+ .sidebar-nav a {
50
+ font-size: 18px;
51
+ }
52
+ }
53
+
54
+ #nav-btn {
55
+ width: 60px;
56
+ height: 35px;
57
+ position: fixed;
58
+ right: 25px;
59
+ top: 25px;
60
+ margin: 0;
61
+ z-index: 2;
62
+ -webkit-transform: rotate(0deg);
63
+ -moz-transform: rotate(0deg);
64
+ -o-transform: rotate(0deg);
65
+ transform: rotate(0deg);
66
+ -webkit-transition: 0.5s ease-in-out;
67
+ -moz-transition: 0.5s ease-in-out;
68
+ -o-transition: 0.5s ease-in-out;
69
+ transition: 0.5s ease-in-out;
70
+ cursor: pointer;
71
+ }
72
+
73
+ #nav-btn span {
74
+ display: block;
75
+ position: absolute;
76
+ height: 5px;
77
+ width: 100%;
78
+ background-color: $primary;
79
+ border-radius: 5px;
80
+ opacity: 1;
81
+ left: 0;
82
+ -webkit-transform: rotate(0deg);
83
+ -moz-transform: rotate(0deg);
84
+ -o-transform: rotate(0deg);
85
+ transform: rotate(0deg);
86
+ -webkit-transition: 0.25s ease-in-out;
87
+ -moz-transition: 0.25s ease-in-out;
88
+ -o-transition: 0.25s ease-in-out;
89
+ transition: 0.25s ease-in-out;
90
+ }
91
+
92
+ #nav-btn span:nth-child(1) {
93
+ top: 0px;
94
+ -webkit-transform-origin: left center;
95
+ -moz-transform-origin: left center;
96
+ -o-transform-origin: left center;
97
+ transform-origin: left center;
98
+ }
99
+
100
+ #nav-btn span:nth-child(2) {
101
+ top: 15px;
102
+ -webkit-transform-origin: left center;
103
+ -moz-transform-origin: left center;
104
+ -o-transform-origin: left center;
105
+ transform-origin: left center;
106
+ }
107
+
108
+ #nav-btn span:nth-child(3) {
109
+ top: 30px;
110
+ -webkit-transform-origin: left center;
111
+ -moz-transform-origin: left center;
112
+ -o-transform-origin: left center;
113
+ transform-origin: left center;
114
+ }
115
+
116
+ #nav-btn.open span {
117
+ background-color: $primary;
118
+ }
119
+
120
+ #nav-btn.open span:nth-child(1) {
121
+ -webkit-transform: rotate(45deg);
122
+ -moz-transform: rotate(45deg);
123
+ -o-transform: rotate(45deg);
124
+ transform: rotate(45deg);
125
+ top: -3px;
126
+ left: 8px;
127
+ }
128
+
129
+ #nav-btn.open span:nth-child(2) {
130
+ width: 0%;
131
+ opacity: 0;
132
+ }
133
+
134
+ #nav-btn.open span:nth-child(3) {
135
+ -webkit-transform: rotate(-45deg);
136
+ -moz-transform: rotate(-45deg);
137
+ -o-transform: rotate(-45deg);
138
+ transform: rotate(-45deg);
139
+ top: 39px;
140
+ left: 8px;
141
+ }
142
+
143
+ @media (prefers-reduced-motion: reduce) {
144
+ #nav-btn, #nav-btn span, .sidebar-nav {
145
+ -webkit-transition: 0;
146
+ -moz-transition: 0;
147
+ -o-transition: 0;
148
+ transition: 0;
149
+ }
150
+ }
@@ -1,6 +1,8 @@
1
1
  $primary: white;
2
2
  $background: #303f9f;
3
3
  $link: $primary;
4
+ $sidebar-background: $primary;
5
+ $sidebar-text-color: $background;
4
6
 
5
7
  hr {
6
8
  background-color: $primary;
@@ -1,5 +1,7 @@
1
1
  $primary: white;
2
2
  $background: #24292e;
3
+ $sidebar-background: $background;
4
+ $sidebar-text-color: $primary;
3
5
 
4
6
  hr {
5
7
  background-color: $primary;
@@ -1,5 +1,7 @@
1
1
  $primary: #303f9f;
2
2
  $background: white;
3
+ $sidebar-background: $background;
4
+ $sidebar-text-color: $primary;
3
5
 
4
6
  hr {
5
7
  background-color: #808080;
@@ -9,4 +9,5 @@
9
9
  @import "bulma/sass/grid/columns";
10
10
  $card-content-padding: 1.25rem;
11
11
  @import "bulma/sass/components/card";
12
+ @import "partials/_sidebar";
12
13
  @import "_base";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: picklecore
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0.beta.1
4
+ version: 1.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Reece Dunham
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-05-13 00:00:00.000000000 Z
12
+ date: 2020-06-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll
@@ -107,6 +107,7 @@ files:
107
107
  - _layouts/home.html
108
108
  - _layouts/post.html
109
109
  - _sass/_base.scss
110
+ - _sass/partials/_sidebar.scss
110
111
  - _sass/skins/_classic.scss
111
112
  - _sass/skins/_dark.scss
112
113
  - _sass/skins/_light.scss
@@ -138,9 +139,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
138
139
  version: '0'
139
140
  required_rubygems_version: !ruby/object:Gem::Requirement
140
141
  requirements:
141
- - - ">"
142
+ - - ">="
142
143
  - !ruby/object:Gem::Version
143
- version: 1.3.1
144
+ version: '0'
144
145
  requirements: []
145
146
  rubygems_version: 3.0.8
146
147
  signing_key: