daydream-theme 0.1.0 → 1.0.3
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 +4 -4
- data/README.md +16 -2
- data/_includes/head.html +5 -1
- data/_sass/daydream/_sidebar.scss +167 -76
- metadata +9 -9
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f2c384002cfd958f517de60375158be9ab09a8c559b17c133ad5d09d6bfb68fe
|
|
4
|
+
data.tar.gz: 3019b3b240d435e61a41d3850b11429a30571f9fa24dff5f174e791f7f5b75f2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9f3bdacb91bfc62875eebb815cf646d39da38659d5e45446bc49e982e865631f91a1f7a9d7b13dec9cfdb9939279ff2721c836422d2ed78e1d38f3347af70f4f
|
|
7
|
+
data.tar.gz: bf1bb3eb75d7c3ab9f303f70bcdddd5f709ba1451382d7b6f6a869510345ff4534385ab35a81a89a497ec0ba85a0e6c3cdf99707effb8aeed1a70f11f834419c
|
data/README.md
CHANGED
|
@@ -6,7 +6,7 @@ Welcome to my Jekyll theme, its pretty basic, there isn't really much more too i
|
|
|
6
6
|
|
|
7
7
|
A live demo can also be seen [here](https://embar.io).
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
Theme is also somewhat mobile friendly!
|
|
10
10
|
|
|
11
11
|
This theme should be accessability friendly as its just HTML and CSS, but no gaurantees there, I am not a frontend developer.
|
|
12
12
|
|
|
@@ -15,6 +15,7 @@ Photo by [Wolfgang Hasselmann](https://unsplash.com/@wolfgang_hasselmann?utm_sou
|
|
|
15
15
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
|
+
### Standalone Jekyll
|
|
18
19
|
Add this line to your Jekyll site's `Gemfile`:
|
|
19
20
|
|
|
20
21
|
```ruby
|
|
@@ -39,6 +40,19 @@ Or install it yourself as:
|
|
|
39
40
|
|
|
40
41
|
$ gem install daydream
|
|
41
42
|
|
|
43
|
+
|
|
44
|
+
### Github Pages
|
|
45
|
+
|
|
46
|
+
To install on github pages instead add this line to your `GemFile` under the jekyll plugins group:
|
|
47
|
+
```ruby
|
|
48
|
+
gem "jekyll-remote-theme"
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
then in your Jekyll site's `_config.yml`:
|
|
52
|
+
```yaml
|
|
53
|
+
remote_theme: williambenembarek/daydream-theme
|
|
54
|
+
```
|
|
55
|
+
|
|
42
56
|
## Usage
|
|
43
57
|
|
|
44
58
|
Edit config, replace bg.jpg if you want to, add a picture called me.jpg in `assets/me.jpg` to include a picture.
|
|
@@ -123,7 +137,7 @@ Paste in the following and edit it
|
|
|
123
137
|
|
|
124
138
|
## TODO
|
|
125
139
|
- Add dark mode toggle, if you end up implementing this please send me a PR! Would be apprciated :)
|
|
126
|
-
- Make mobile friendly
|
|
140
|
+
- Make mobile friendly (Somewhat done, can 100% be improved)
|
|
127
141
|
|
|
128
142
|
## Contributing
|
|
129
143
|
|
data/_includes/head.html
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
<meta charset="utf-8">
|
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
4
|
{% feed_meta %}
|
|
5
|
-
|
|
5
|
+
{% raw %}
|
|
6
|
+
{% seo %}
|
|
7
|
+
{% endraw %}
|
|
6
8
|
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css" crossorigin="anonymous">
|
|
7
9
|
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">
|
|
8
10
|
<link rel="stylesheet" href="{{ 'assets/css/open-color.css' | relative_url }}">
|
|
@@ -11,4 +13,6 @@
|
|
|
11
13
|
<script async src="https://use.fontawesome.com/releases/v5.12.0/js/all.js"></script>
|
|
12
14
|
|
|
13
15
|
{% include custom-head.html %}
|
|
16
|
+
|
|
17
|
+
|
|
14
18
|
</head>
|
|
@@ -1,105 +1,196 @@
|
|
|
1
|
-
.sidebar {
|
|
2
|
-
width: 15%;
|
|
3
|
-
color: var(--sidebar-color);
|
|
4
|
-
background: center / cover;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.sidebar-shield {
|
|
8
|
-
width: 100%;
|
|
9
|
-
height: 100%;
|
|
10
|
-
background-color: rgba(0,0,0,0.1);
|
|
11
|
-
}
|
|
12
1
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
@media only screen and (min-width: 992px) {
|
|
3
|
+
.sidebar {
|
|
4
|
+
width: 15%;
|
|
5
|
+
color: var(--sidebar-color);
|
|
6
|
+
background: center / cover;
|
|
7
|
+
}
|
|
18
8
|
|
|
19
|
-
|
|
20
|
-
|
|
9
|
+
.sidebar-shield {
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
background-color: rgba(0,0,0,0.1);
|
|
21
13
|
}
|
|
22
|
-
}
|
|
23
14
|
|
|
24
|
-
.
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
letter-spacing: -1px;
|
|
30
|
-
word-wrap: break-word;
|
|
31
|
-
}
|
|
15
|
+
.header {
|
|
16
|
+
width: 100%;
|
|
17
|
+
text-align: center;
|
|
18
|
+
text-shadow: 1px 1px 3px var(--oc-black);
|
|
19
|
+
padding: 2em;
|
|
32
20
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
margin-top: 0;
|
|
38
|
-
}
|
|
21
|
+
a {
|
|
22
|
+
color: var(--oc-white);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
39
25
|
|
|
40
|
-
.
|
|
41
|
-
|
|
42
|
-
|
|
26
|
+
.brand-title {
|
|
27
|
+
font-family: var(--brand-title-font);
|
|
28
|
+
font-size: 2.5em;
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
line-height: 1.2;
|
|
31
|
+
letter-spacing: -1px;
|
|
32
|
+
word-wrap: break-word;
|
|
33
|
+
}
|
|
43
34
|
|
|
44
|
-
.
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
.brand-tagline {
|
|
36
|
+
font-size: 1.25em;
|
|
37
|
+
line-height: 1.2;
|
|
38
|
+
letter-spacing: -1px;
|
|
39
|
+
margin-top: 0;
|
|
47
40
|
}
|
|
48
41
|
|
|
49
|
-
.
|
|
50
|
-
|
|
42
|
+
.nav {
|
|
43
|
+
margin: 1em 0;
|
|
51
44
|
}
|
|
52
|
-
}
|
|
53
45
|
|
|
54
|
-
.
|
|
55
|
-
|
|
56
|
-
|
|
46
|
+
.nav-item {
|
|
47
|
+
a:hover {
|
|
48
|
+
background-color: transparent;
|
|
49
|
+
}
|
|
57
50
|
|
|
58
|
-
.
|
|
59
|
-
|
|
60
|
-
|
|
51
|
+
.current {
|
|
52
|
+
font-weight: bold;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.social-list {
|
|
57
|
+
white-space: normal;
|
|
58
|
+
}
|
|
61
59
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
color: var(--link-color);
|
|
60
|
+
.social-item {
|
|
61
|
+
a {
|
|
65
62
|
background-color: transparent;
|
|
66
|
-
|
|
63
|
+
|
|
64
|
+
&:focus,
|
|
65
|
+
&:hover {
|
|
66
|
+
color: var(--link-color);
|
|
67
|
+
background-color: transparent;
|
|
68
|
+
background-image: none;
|
|
69
|
+
}
|
|
67
70
|
}
|
|
68
71
|
}
|
|
69
|
-
}
|
|
70
72
|
|
|
71
|
-
.image-cropper {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
73
|
+
.image-cropper {
|
|
74
|
+
width: 100px;
|
|
75
|
+
height: 100px;
|
|
76
|
+
position: relative;
|
|
77
|
+
left: 2em;
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
border-radius: 40%;
|
|
80
|
+
margin: 1em;
|
|
81
|
+
}
|
|
80
82
|
|
|
81
|
-
img {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
img {
|
|
84
|
+
display: inline;
|
|
85
|
+
margin: 0 auto;
|
|
86
|
+
height: 100%;
|
|
87
|
+
width: auto;
|
|
88
|
+
}
|
|
86
89
|
}
|
|
90
|
+
@media only screen and (max-width: 992px) {
|
|
91
|
+
.sidebar {
|
|
92
|
+
width: 100%;
|
|
93
|
+
height: 15%;
|
|
94
|
+
color: var(--sidebar-color);
|
|
95
|
+
background: center / cover;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.sidebar-shield {
|
|
99
|
+
width: 100%;
|
|
100
|
+
height: 100%;
|
|
101
|
+
background-color: rgba(0,0,0,0.1);
|
|
102
|
+
}
|
|
87
103
|
|
|
88
|
-
@media (min-width: $md-screen) {
|
|
89
104
|
.header {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
105
|
+
width: 100%;
|
|
106
|
+
text-align: center;
|
|
107
|
+
text-shadow: 1px 1px 3px var(--oc-black);
|
|
108
|
+
padding: 2em;
|
|
109
|
+
|
|
110
|
+
a {
|
|
111
|
+
color: var(--oc-white);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.brand-title {
|
|
116
|
+
font-family: var(--brand-title-font);
|
|
117
|
+
font-size: 2.5em;
|
|
118
|
+
font-weight: bold;
|
|
119
|
+
line-height: 1.2;
|
|
120
|
+
letter-spacing: -1px;
|
|
121
|
+
word-wrap: break-word;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.brand-tagline {
|
|
125
|
+
font-size: 1.25em;
|
|
126
|
+
line-height: 1.2;
|
|
127
|
+
letter-spacing: -1px;
|
|
128
|
+
margin-top: 0;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.nav {
|
|
132
|
+
margin: 1em 0;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.nav-item {
|
|
136
|
+
a:hover {
|
|
137
|
+
background-color: transparent;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.current {
|
|
141
|
+
font-weight: bold;
|
|
142
|
+
}
|
|
94
143
|
}
|
|
95
144
|
|
|
96
|
-
.
|
|
97
|
-
|
|
145
|
+
.social-list {
|
|
146
|
+
white-space: normal;
|
|
98
147
|
}
|
|
99
148
|
|
|
100
149
|
.social-item {
|
|
101
150
|
a {
|
|
102
|
-
|
|
151
|
+
background-color: transparent;
|
|
152
|
+
|
|
153
|
+
&:focus,
|
|
154
|
+
&:hover {
|
|
155
|
+
color: var(--link-color);
|
|
156
|
+
background-color: transparent;
|
|
157
|
+
background-image: none;
|
|
158
|
+
}
|
|
103
159
|
}
|
|
104
160
|
}
|
|
105
|
-
|
|
161
|
+
|
|
162
|
+
.image-cropper {
|
|
163
|
+
width: 100px;
|
|
164
|
+
height: 100px;
|
|
165
|
+
position: relative;
|
|
166
|
+
left: 31%;
|
|
167
|
+
overflow: hidden;
|
|
168
|
+
border-radius: 40%;
|
|
169
|
+
margin: 1em;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
img {
|
|
173
|
+
display: inline;
|
|
174
|
+
margin: 0 auto;
|
|
175
|
+
height: 100%;
|
|
176
|
+
width: auto;
|
|
177
|
+
}}
|
|
178
|
+
|
|
179
|
+
@media (min-width: $md-screen) {
|
|
180
|
+
.header {
|
|
181
|
+
text-align: left;
|
|
182
|
+
position: absolute;
|
|
183
|
+
top: 10%;
|
|
184
|
+
text-underline-offset: 0.35rem;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.nav-item a {
|
|
188
|
+
padding-left: 0;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.social-item {
|
|
192
|
+
a {
|
|
193
|
+
padding-left: 0;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: daydream-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 1.0.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- william Ben Embarek
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2022-01-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -16,15 +16,15 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version:
|
|
19
|
+
version: 3.9.0
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version:
|
|
27
|
-
description:
|
|
26
|
+
version: 3.9.0
|
|
27
|
+
description:
|
|
28
28
|
email:
|
|
29
29
|
- william.benembarek@gmail.com
|
|
30
30
|
executables: []
|
|
@@ -67,7 +67,7 @@ homepage: https://embar.io
|
|
|
67
67
|
licenses:
|
|
68
68
|
- MIT
|
|
69
69
|
metadata: {}
|
|
70
|
-
post_install_message:
|
|
70
|
+
post_install_message:
|
|
71
71
|
rdoc_options: []
|
|
72
72
|
require_paths:
|
|
73
73
|
- lib
|
|
@@ -82,8 +82,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
82
82
|
- !ruby/object:Gem::Version
|
|
83
83
|
version: '0'
|
|
84
84
|
requirements: []
|
|
85
|
-
rubygems_version: 3.
|
|
86
|
-
signing_key:
|
|
85
|
+
rubygems_version: 3.2.29
|
|
86
|
+
signing_key:
|
|
87
87
|
specification_version: 4
|
|
88
88
|
summary: Its a jekyll theme, pretty simple.
|
|
89
89
|
test_files: []
|