personally-developed 2.0.0 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -0
- data/_includes/footer.html +4 -1
- data/_includes/header.html +3 -3
- data/_sass/personally-developed/_fonts.scss +9 -0
- data/_sass/personally-developed/_header.scss +33 -6
- data/_sass/personally-developed/_layout.scss +6 -6
- data/_sass/personally-developed/_variables.scss +10 -1
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8fa71ad7b6d20aa2f4b481cd944621a92c31b9e1
|
4
|
+
data.tar.gz: dd1718e12e430d7e51bb1f5297a9ad1c1b798dad
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1b517486808bc3ea85f87ab83ad8ab43608965b99797eaf47dd939d5143b38a3ac014764ec8e5031044e66a9264321046903ba8502cc0c8367ce1ea0e8556d91
|
7
|
+
data.tar.gz: d4d7843cb6566ffcf2e23f44cca2c9df190079535a47b611f34f3a2e37b689c6825661d7b139da586ad89f5bbb427ad79c91756a77c1839e4bc7d6deb4ec427c
|
data/README.md
CHANGED
@@ -6,6 +6,8 @@ Jekyll scaffold](https://github.com/jonathanpike/personally-developed) to use wi
|
|
6
6
|
|
7
7
|
![theme preview](/screenshot.png)
|
8
8
|
|
9
|
+
### View a [live demo](https://jonathanpike.net/personally-developed/)!
|
10
|
+
|
9
11
|
## Installation
|
10
12
|
|
11
13
|
Add this line to your Jekyll site's `Gemfile`:
|
data/_includes/footer.html
CHANGED
@@ -1,5 +1,8 @@
|
|
1
1
|
<footer>
|
2
2
|
<div class="col-xs-12">
|
3
3
|
<p class="text-center">Have a great rest of your <span id="day">day</span>!</p>
|
4
|
+
<br />
|
5
|
+
{% assign earliestPost = site.posts | last %}
|
6
|
+
<p class="meta text-center">© {{ earliestPost.date | date: "%Y" }}–{{ site.time | date: "%Y" }} {{ site.author }}</p>
|
4
7
|
</div>
|
5
|
-
</footer>
|
8
|
+
</footer>
|
data/_includes/header.html
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
<header>
|
2
2
|
|
3
3
|
<div class="col-xs-12 col-md-4 animated fadeInDown namebox" id="box">
|
4
|
-
<h1 class="title"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
|
5
|
-
<p>{{ site.description }}</p>
|
4
|
+
<h1 class="namebox-title"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
|
5
|
+
<p class="namebox-subtitle">{{ site.description }}</p>
|
6
6
|
<hr />
|
7
7
|
<ul class="navigation">
|
8
8
|
{% for page in site.pages %}
|
9
|
-
<li><h4><a href="{{ page.url }}">{{ page.title }}</a><span class="gray-text"></h4></li>
|
9
|
+
<li class="navigation-item"><h4 class="navigation-item-text"><a href="{{ page.url }}">{{ page.title }}</a><span class="gray-text"></h4></li>
|
10
10
|
{% endfor %}
|
11
11
|
</ul>
|
12
12
|
</div>
|
@@ -23,3 +23,12 @@ hr {
|
|
23
23
|
border: 0;
|
24
24
|
border-top: 1px solid rgba($pd-black,.1);
|
25
25
|
}
|
26
|
+
|
27
|
+
// Blockquotes
|
28
|
+
blockquote {
|
29
|
+
padding: (1rem / 2) 1rem;
|
30
|
+
margin-bottom: 1rem;
|
31
|
+
font-size: $font-size-base * 1.1;
|
32
|
+
color: $pd-light-gray;
|
33
|
+
border-left: .15rem solid $pd-transparent-blue;
|
34
|
+
}
|
@@ -9,7 +9,28 @@
|
|
9
9
|
border-radius: 2px;
|
10
10
|
border: 2px solid $pd-transparent-blue;
|
11
11
|
position: relative;
|
12
|
-
|
12
|
+
padding: 0 15px;
|
13
|
+
@media only screen and (max-width: $screen-tablet) {
|
14
|
+
margin-top: 5px;
|
15
|
+
border: 0;
|
16
|
+
border-bottom: 2px solid $pd-transparent-blue;
|
17
|
+
margin-left: 0px;
|
18
|
+
width: auto;
|
19
|
+
float: none;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
.namebox-title {
|
24
|
+
@media only screen and (max-width: $screen-tablet) {
|
25
|
+
font-size: $font-size-h4;
|
26
|
+
text-align: center;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
.namebox-subtitle {
|
31
|
+
@media only screen and (max-width: $screen-tablet) {
|
32
|
+
display: none;
|
33
|
+
}
|
13
34
|
}
|
14
35
|
|
15
36
|
.navigation {
|
@@ -17,11 +38,17 @@
|
|
17
38
|
padding: 0px;
|
18
39
|
}
|
19
40
|
|
20
|
-
.
|
21
|
-
|
41
|
+
.navigation-item {
|
42
|
+
@media only screen and (max-width: $screen-tablet) {
|
43
|
+
display: inline-block;
|
44
|
+
width: calc(90%/3);
|
45
|
+
text-align: center;
|
46
|
+
margin: 0 2px;
|
47
|
+
}
|
22
48
|
}
|
23
49
|
|
24
|
-
.
|
25
|
-
|
50
|
+
.navigation-item-text {
|
51
|
+
@media only screen and (max-width: $screen-tablet) {
|
52
|
+
font-size: $font-size-h5;
|
53
|
+
}
|
26
54
|
}
|
27
|
-
|
@@ -4,12 +4,12 @@ html{
|
|
4
4
|
|
5
5
|
body {
|
6
6
|
font-family: $pd-font-family-sans-serif;
|
7
|
-
font-size:
|
7
|
+
font-size: $font-size-base;
|
8
8
|
border: 8px solid $pd-transparent-blue;
|
9
9
|
min-height: 100%;
|
10
10
|
background-color: $pd-off-white;
|
11
11
|
margin: 0;
|
12
|
-
@media only screen and (max-width:
|
12
|
+
@media only screen and (max-width: $screen-phone) {
|
13
13
|
border: 4px solid $pd-transparent-blue;
|
14
14
|
}
|
15
15
|
}
|
@@ -17,15 +17,15 @@ body {
|
|
17
17
|
.container {
|
18
18
|
@include grid-container;
|
19
19
|
|
20
|
-
@media only screen and (min-width:
|
20
|
+
@media only screen and (min-width: $screen-tablet) {
|
21
21
|
max-width: 750px;
|
22
22
|
}
|
23
23
|
|
24
|
-
@media only screen and (min-width:
|
24
|
+
@media only screen and (min-width: $screen-desktop) {
|
25
25
|
max-width: 970px;
|
26
26
|
}
|
27
27
|
|
28
|
-
@media only screen and (min-width:
|
28
|
+
@media only screen and (min-width: $screen-wide-desktop) {
|
29
29
|
max-width: 1170px;
|
30
30
|
}
|
31
31
|
|
@@ -42,7 +42,7 @@ body {
|
|
42
42
|
|
43
43
|
margin-bottom: 20px;
|
44
44
|
padding: 0px 30px 0px 30px;
|
45
|
-
@media only screen and (max-width:
|
45
|
+
@media only screen and (max-width: $screen-phone) {
|
46
46
|
padding: 0px;
|
47
47
|
}
|
48
48
|
}
|
@@ -25,7 +25,7 @@ $font-weight-bold: bold !default;
|
|
25
25
|
$font-weight-base: $font-weight-normal !default;
|
26
26
|
$line-height-base: 1.5 !default;
|
27
27
|
|
28
|
-
$font-size-h1: 2.
|
28
|
+
$font-size-h1: 2.25rem !default;
|
29
29
|
$font-size-h2: 2rem !default;
|
30
30
|
$font-size-h3: 1.75rem !default;
|
31
31
|
$font-size-h4: 1.5rem !default;
|
@@ -48,3 +48,12 @@ $table-cell-padding: 0.75rem !default;
|
|
48
48
|
$large-neat-grid: (
|
49
49
|
media: 1000px,
|
50
50
|
);
|
51
|
+
|
52
|
+
// Media Query Breakpoints
|
53
|
+
$screen-phone: 480px !default;
|
54
|
+
|
55
|
+
$screen-tablet: 768px !default;
|
56
|
+
|
57
|
+
$screen-desktop: 992px !default;
|
58
|
+
|
59
|
+
$screen-wide-desktop: 1200px !default;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: personally-developed
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Jonathan Pike
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-
|
11
|
+
date: 2017-05-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -122,7 +122,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
122
122
|
version: '0'
|
123
123
|
requirements: []
|
124
124
|
rubyforge_project:
|
125
|
-
rubygems_version: 2.
|
125
|
+
rubygems_version: 2.5.1
|
126
126
|
signing_key:
|
127
127
|
specification_version: 4
|
128
128
|
summary: A simple, one column theme for Jekyll that puts your content first.
|