louie 0.1.1 → 0.1.2
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 +6 -0
- data/_sass/base.scss +7 -6
- data/_sass/post.scss +2 -8
- data/_sass/rows.scss +64 -47
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d78581c04d1a58cb7ae8e93f46c990a7dc1d138b
|
|
4
|
+
data.tar.gz: fd95b42be9a59f61c9da3de66c3ff7af4c8bd76c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1237181758fa43d8761492accec10335731f2d94d24ca61c228d3d8be976d5368b5ef87ad5d38773fb62dcbf416cde5db3b8809b8fe15883cf61e5b4663c52a3
|
|
7
|
+
data.tar.gz: 0c058cb73ba63a042c4ca8cee788f4992377d84b8e3c42250343fd9510f8058a0605fcb494ff9fb9ffa365b6a38c6694f65462a60e108e0c4a82044e217006a4
|
data/README.md
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
# Louie
|
|
2
|
+
[](https://badge.fury.io/rb/louie)
|
|
3
|
+
|
|
2
4
|
A jekyll portfolio generator (that looks awesome). Louie is free, lightweight, and customizable as a blog, archive, or portfolio.
|
|
3
5
|
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
4
10
|
## Installation
|
|
5
11
|
Add this line to your Jekyll site's Gemfile:
|
|
6
12
|
|
data/_sass/base.scss
CHANGED
|
@@ -17,7 +17,7 @@ $color__beige: #f8f8f1;
|
|
|
17
17
|
$color__yellow: #fefeca;
|
|
18
18
|
|
|
19
19
|
@mixin media-query($device) {
|
|
20
|
-
@media screen and (
|
|
20
|
+
@media screen and (min-width: $device) {
|
|
21
21
|
@content;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
@@ -54,12 +54,13 @@ a {
|
|
|
54
54
|
|
|
55
55
|
// layout
|
|
56
56
|
html {
|
|
57
|
+
overflow-x: hidden;
|
|
57
58
|
overflow-y: scroll;
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
body {
|
|
61
62
|
width: 100%;
|
|
62
|
-
margin:
|
|
63
|
+
margin: 25px 0;
|
|
63
64
|
padding: 0;
|
|
64
65
|
background: $color__beige;
|
|
65
66
|
font-family: $inconsolata;
|
|
@@ -70,11 +71,11 @@ body {
|
|
|
70
71
|
|
|
71
72
|
.container {
|
|
72
73
|
max-width: 1200px;
|
|
73
|
-
margin: 0
|
|
74
|
+
margin: 0 25px;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
77
|
// media queries
|
|
77
|
-
@include media-query($on-
|
|
78
|
+
@include media-query($on-palm) {
|
|
78
79
|
body {
|
|
79
80
|
margin: 50px 0 25px;
|
|
80
81
|
}
|
|
@@ -86,10 +87,10 @@ body {
|
|
|
86
87
|
|
|
87
88
|
@include media-query($on-laptop) {
|
|
88
89
|
body {
|
|
89
|
-
margin:
|
|
90
|
+
margin: 120px 0 50px;
|
|
90
91
|
}
|
|
91
92
|
|
|
92
93
|
.container {
|
|
93
|
-
margin: 0
|
|
94
|
+
margin: 0 120px;
|
|
94
95
|
}
|
|
95
96
|
}
|
data/_sass/post.scss
CHANGED
|
@@ -2,13 +2,6 @@
|
|
|
2
2
|
@extend .container;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.post__meta,
|
|
6
|
-
.post__paginate,
|
|
7
|
-
.post__body {
|
|
8
|
-
min-width: 500px;
|
|
9
|
-
width: 50%;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
5
|
.post__meta {
|
|
13
6
|
margin: 30px 0 20px;
|
|
14
7
|
border-bottom: 1px solid $color__black;
|
|
@@ -56,6 +49,7 @@
|
|
|
56
49
|
.post__meta,
|
|
57
50
|
.post__body,
|
|
58
51
|
.post__paginate {
|
|
59
|
-
width:
|
|
52
|
+
min-width: 500px;
|
|
53
|
+
width: 50%;
|
|
60
54
|
}
|
|
61
55
|
}
|
data/_sass/rows.scss
CHANGED
|
@@ -19,6 +19,12 @@
|
|
|
19
19
|
transition: opacity 500ms;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
.row__cols,
|
|
23
|
+
.row__post {
|
|
24
|
+
display: block;
|
|
25
|
+
margin-bottom: 10px;
|
|
26
|
+
}
|
|
27
|
+
|
|
22
28
|
.row__cols {
|
|
23
29
|
font-weight: 700;
|
|
24
30
|
overflow: hidden;
|
|
@@ -27,42 +33,6 @@
|
|
|
27
33
|
.row__post {
|
|
28
34
|
width: 100%;
|
|
29
35
|
overflow: hidden;
|
|
30
|
-
|
|
31
|
-
&:hover {
|
|
32
|
-
* {
|
|
33
|
-
text-decoration: underline;
|
|
34
|
-
cursor: pointer;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.row__active {
|
|
38
|
-
text-decoration: line-through;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.row__img {
|
|
42
|
-
display: block;
|
|
43
|
-
opacity: 0.5;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
&:nth-child(2n) .row__img {
|
|
48
|
-
top: random(250) - random(250) + px;
|
|
49
|
-
left: random(500) + px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&:nth-child(3n) .row__img {
|
|
53
|
-
top: random(250) - random(250) + px;
|
|
54
|
-
left: random(500) + px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&:nth-child(4n) .row__img {
|
|
58
|
-
top: random(250) - random(250) + px;
|
|
59
|
-
left: random(500) + px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&:nth-child(5n) .row__img {
|
|
63
|
-
top: random(250) - random(250) + px;
|
|
64
|
-
left: random(500) + px;
|
|
65
|
-
}
|
|
66
36
|
}
|
|
67
37
|
|
|
68
38
|
.row__title,
|
|
@@ -72,12 +42,23 @@
|
|
|
72
42
|
}
|
|
73
43
|
|
|
74
44
|
.row__title {
|
|
75
|
-
width:
|
|
45
|
+
width: 100%;
|
|
76
46
|
}
|
|
77
47
|
|
|
78
48
|
.row__date,
|
|
79
49
|
.row__cat {
|
|
80
|
-
width:
|
|
50
|
+
width: auto;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.row__cat {
|
|
54
|
+
position: relative;
|
|
55
|
+
margin-left: 10px;
|
|
56
|
+
|
|
57
|
+
&:before {
|
|
58
|
+
position: absolute;
|
|
59
|
+
content: '|';
|
|
60
|
+
left: -9px;
|
|
61
|
+
}
|
|
81
62
|
}
|
|
82
63
|
|
|
83
64
|
.row__body {
|
|
@@ -90,30 +71,66 @@
|
|
|
90
71
|
}
|
|
91
72
|
|
|
92
73
|
// media queries
|
|
74
|
+
@include media-query($on-laptop) {
|
|
75
|
+
.row__post {
|
|
76
|
+
&:hover {
|
|
77
|
+
* {
|
|
78
|
+
text-decoration: underline;
|
|
79
|
+
cursor: pointer;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.row__active {
|
|
83
|
+
text-decoration: line-through;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.row__img {
|
|
87
|
+
display: block;
|
|
88
|
+
opacity: 0.5;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
&:nth-child(2n) .row__img {
|
|
93
|
+
top: random(250) - random(250) + px;
|
|
94
|
+
left: random(500) + px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&:nth-child(3n) .row__img {
|
|
98
|
+
top: random(250) - random(250) + px;
|
|
99
|
+
left: random(500) + px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&:nth-child(4n) .row__img {
|
|
103
|
+
top: random(250) - random(250) + px;
|
|
104
|
+
left: random(500) + px;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&:nth-child(5n) .row__img {
|
|
108
|
+
top: random(250) - random(250) + px;
|
|
109
|
+
left: random(500) + px;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
93
114
|
@include media-query($on-palm) {
|
|
94
115
|
.row__cols,
|
|
95
116
|
.row__post {
|
|
96
|
-
|
|
97
|
-
margin-bottom: 10px;
|
|
117
|
+
margin: 0;
|
|
98
118
|
}
|
|
99
119
|
|
|
100
120
|
.row__title {
|
|
101
|
-
width:
|
|
121
|
+
width: 50%;
|
|
102
122
|
}
|
|
103
123
|
|
|
104
124
|
.row__date,
|
|
105
125
|
.row__cat {
|
|
106
|
-
width:
|
|
126
|
+
width: 25%;
|
|
107
127
|
}
|
|
108
128
|
|
|
109
129
|
.row__cat {
|
|
110
|
-
|
|
111
|
-
margin-left: 10px;
|
|
130
|
+
margin: 0;
|
|
112
131
|
|
|
113
132
|
&:before {
|
|
114
|
-
|
|
115
|
-
content: '|';
|
|
116
|
-
left: -9px;
|
|
133
|
+
content: '';
|
|
117
134
|
}
|
|
118
135
|
}
|
|
119
136
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: louie
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lillian Chen
|
|
@@ -93,7 +93,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
93
93
|
version: '0'
|
|
94
94
|
requirements: []
|
|
95
95
|
rubyforge_project:
|
|
96
|
-
rubygems_version: 2.
|
|
96
|
+
rubygems_version: 2.4.5.1
|
|
97
97
|
signing_key:
|
|
98
98
|
specification_version: 4
|
|
99
99
|
summary: A Jekyll theme (that looks awesome). Louie is free, lightweight, and customizable
|