picklecore 1.0.0.beta.1 → 1.0.0

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.
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: