Skip to content
This repository was archived by the owner on Oct 7, 2022. It is now read-only.

Commit 2ba621f

Browse files
RDILRDIL
committed
add dark theme support - please stop twitter dming me about it now
1 parent e93db71 commit 2ba621f

File tree

11 files changed

+51
-23
lines changed

11 files changed

+51
-23
lines changed

‎.gitpod.yml

+3
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
tasks:
22
- command: echo "gem: --no-document" >> ~/.gemrc && gem update && gem update --system && gem install bundler && bundler
3+
4+
ports:
5+
- port: 4000

‎Gemfile.lock

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
PATH
22
remote: .
33
specs:
4-
picklecore (0.13.0)
5-
jekyll (>= 3.5, < 4.0)
4+
picklecore (0.14.0)
5+
jekyll (>= 3.5, < 5)
66
jekyll-default-layout (= 0.1.4)
77
jekyll-relative-links (= 0.6.1)
88

@@ -51,7 +51,7 @@ GEM
5151
mercenary (0.3.6)
5252
pathutil (0.16.2)
5353
forwardable-extended (~> 2.6)
54-
public_suffix (4.0.1)
54+
public_suffix (4.0.2)
5555
rake (13.0.1)
5656
rb-fsevent (0.10.3)
5757
rb-inotify (0.10.1)

‎Rakefile

+1-7
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
require 'bundler'
22

3-
abort('Please run rake using `bundler exec rake --trace --verbose`') unless ENV["BUNDLE_BIN_PATH"]
3+
abort('Please run rake using `bundler exec rake`') unless ENV["BUNDLE_BIN_PATH"]
44

55
task default: %w[build]
66

@@ -9,9 +9,3 @@ task :build do
99
sh "bundle exec gem build *.gemspec"
1010
puts "End phase 'gem build'"
1111
end
12-
13-
task :push do
14-
puts "Start phase 'gem push'"
15-
sh "gem push ./*.gem"
16-
puts "End phase 'gem push'"
17-
end

‎_includes/styling/theme-color.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
#303f9f
1+
#{%- if site.dark -%}24292e{%- else -%}303f9f{%- endif -%}

‎_layouts/error.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
{% include page-template/metadata.html pagename="You fell off my site!" %}
55
<link rel="stylesheet" href="/assets/css/error.css"></link>
66
</head>
7-
<body onload="document.body.style.backgroundColor = '#303f9f'">
7+
<body>
88
<div class="error">
99
<h1 class="animated fadeInRightBig">{{ site.errormessage | default: "Uh oh... You fell off our site!" }}</h1>
1010
<p class="animated delay fadeInLeftBig">

‎assets/css/error-page.css

+1-2
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,7 @@
55

66
body {
77
overflow: hidden;
8-
transition: background-color 1s;
9-
background-color: white;
8+
background-color: {%- include styling/theme-color.css -%};
109
}
1110

1211
.error {

‎assets/css/main.css

+4-5
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ tr {
3939

4040
.card {
4141
background: #fff;
42-
color: {%- include styling/theme-color.css -%};
42+
color: #303f9f;
4343
border-radius: 2px;
4444
height: 400px;
4545
margin: 1rem;
@@ -81,7 +81,7 @@ tr {
8181
.nav a {
8282
padding: 8px;
8383
text-decoration: none;
84-
color: {%- include styling/theme-color.css -%};
84+
color: #303f9f;
8585
font-size: 25px;
8686
display: block;
8787
transition: 0.3s;
@@ -94,7 +94,7 @@ table {
9494
tr {
9595
padding: 8px 8px 8px 32px;
9696
text-decoration: none;
97-
color: {%- include styling/theme-color.css -%};
97+
color: #303f9f;
9898
font-size: 25px;
9999
transition: 0.3s;
100100
}
@@ -238,7 +238,7 @@ button {
238238
vertical-align: middle;
239239
background: {%- include styling/theme-color.css -%};
240240
color: #fff;
241-
border: none;
241+
border: white 1px solid;
242242
position: relative;
243243
height: 60px;
244244
font-size: 1.6em;
@@ -261,7 +261,6 @@ button:after {
261261
right: 0;
262262
height: 2px;
263263
width: 0;
264-
background: {%- include styling/theme-color.css -%};
265264
transition: 400ms ease all;
266265
}
267266

‎assets/js/main.js

-1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,5 @@ function toggleNav() {
88
document.getElementById("nav").style.width = "265px";
99
navOpen = true;
1010
}
11-
1211
document.getElementById("nav-btn").classList.toggle("open");
1312
}

‎picklecore.gemspec

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Gem::Specification.new do |spec|
44
spec.name = "picklecore".freeze
5-
spec.version = "0.13.0"
5+
spec.version = "0.14.0"
66
spec.authors = ["Reece Dunham".freeze, "Param Thakkar".freeze]
77
spec.email = ["[email protected]".freeze]
88
spec.summary = "A Jekyll theme built to create personal and small websites, but can easily scale!".freeze
@@ -22,7 +22,7 @@ Gem::Specification.new do |spec|
2222
f.match(%r!^(assets|_(includes|layouts|sass)/|(LICENSE|README)((\.(txt|md)|$)))!i)
2323
end
2424

25-
spec.add_runtime_dependency "jekyll", ">= 3.5", "< 4.0"
25+
spec.add_runtime_dependency "jekyll", ">= 3.5", "< 5"
2626
spec.add_runtime_dependency "jekyll-default-layout", "= 0.1.4"
2727
spec.add_runtime_dependency "jekyll-relative-links", "= 0.6.1"
2828

‎testSite/_config.yml

+6-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1+
# ___________ DO NOT MODIFY BETWEEN THESE LINES ___________
12
theme: picklecore
2-
33
name: PickleCore Test Site
44
title: Example
5+
# ___________ DO NOT MODIFY BETWEEN THESE LINES ___________
6+
7+
# you can edit this stuff though if testing:
8+
github: rdilweb
9+
dark: true

‎testSite/index.md

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
layout: default-with-sidebar
3+
title: EXAMPLE PAGE
4+
---
5+
6+
# Index
7+
8+
Hi!
9+
10+
------
11+
12+
<div class="cards">
13+
{% include components/card.html cardtitle="Hello" cardbody="from card world" %}
14+
</div>
15+
16+
------
17+
18+
<button>I am a BUTTON (big surprise right?)</button>
19+
20+
------
21+
22+
*italics*
23+
**bold**
24+
25+
------
26+
27+
{% for post in site.posts %}
28+
<a href="{{ post.url | relative }}">I wrote a post once</a>
29+
{% endfor %}

0 commit comments

Comments
 (0)