jekyll-theme-breq 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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a28b3f0d4f3ba7c168e8c299f2b78831d5c2a9f499a513a86653c21ba32386e4
4
- data.tar.gz: 6b44d1806a91196041e32f6d5b920af58ef1d42a8bd994a033769306c8b1573b
3
+ metadata.gz: bcc27d059529b04fc15489ccd520f4257eef615d382dd6ba4eec56c7ba685548
4
+ data.tar.gz: 7a661cecb102753a9f7700ec6e729178dbac40fe51138e0015a7a2e6e6df7104
5
5
  SHA512:
6
- metadata.gz: 6df12320e0a5eaf52eaf1fc04d9381f98427ecd6dc821bb9ce6247465116439d2752f4fa2db310d73645b9889c4771a3ca89cbf8075d08521143b362be95bc7a
7
- data.tar.gz: e584d89894f326773d3a1496537bc53f1fd4d3862d3f1fa9c2941da334b26421ced76b550d8adcb872bb93a1ee5ef16250dccc8f6507ed637f8e52c32336820d
6
+ metadata.gz: d9632ac094ec8859629c5ecd961a6996ffd3c31e4663486ab9ef4ac2106a222fcd538794cf09b96439f886a84d56f74bbf74c59fd7caf00b64cf01494b4c235b
7
+ data.tar.gz: f8a81c2e70043388538606ce2314e62b92921a486931454fb977ae55ed9ef1eedf3a656b80e46beb4f96eb732ab32aa65df1e6fa0c1c648063f350dd6b1d3ac7
@@ -0,0 +1,27 @@
1
+ <div class="slide"
2
+ {% if include.image %}
3
+ style="background-image:url('{{ include.image }}');"
4
+ {% endif %}
5
+ >
6
+ {% if include.link %}
7
+ <a href="{{ include.link }}" target="_blank" rel="noopener" class="block-link">
8
+ {% endif %}
9
+
10
+ {% if include.video %}
11
+ <video autoplay muted loop>
12
+ <source src="{{ include.video }}" type="video/webm">
13
+ </video>
14
+ {% endif %}
15
+
16
+ <div class="slide-tint"></div>
17
+
18
+ <div class="container">
19
+ <div class="slide-overlay">
20
+ <h1><strong>{{ include.title }}</strong></h1>
21
+ <p>{{ include.subtitle }}</p>
22
+ </div>
23
+ </div>
24
+ {% if include.link %}
25
+ </a>
26
+ {% endif %}
27
+ </div>
@@ -11,12 +11,12 @@
11
11
 
12
12
  <body>
13
13
 
14
- {% include nav.html %}
15
-
16
- {{ content }}
17
-
18
- {% include footer.html %}
14
+ <div class="content-wrap">
15
+ {% include nav.html %}
19
16
 
17
+ {{ content }}
18
+ </div>
19
+ {% include footer.html %}
20
20
  </body>
21
21
 
22
22
  </html>
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: page
3
+ ---
4
+
5
+ <div class="row error-container">
6
+ <div class="col-md-6 error-number">
7
+ <p class="big-error-number">{{ page.error_number }}</p>
8
+ </div>
9
+ <div class="col-md-6 error-description">
10
+ {{ content }}
11
+ </div>
12
+ </div>
@@ -0,0 +1,9 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="container page slideshow">
6
+
7
+ {{ content }}
8
+
9
+ </div>
@@ -0,0 +1,84 @@
1
+ @import "colors";
2
+
3
+ .center {
4
+ text-align: center;
5
+ }
6
+
7
+ .bordered-box {
8
+ padding: 10px;
9
+ margin-top: 20px;
10
+ margin-bottom: 20px;
11
+
12
+ border-style: solid;
13
+ border-width: 2px;
14
+ border-color: $border-box;
15
+ border-radius: 5px;
16
+ }
17
+
18
+
19
+ @media only screen and (max-width: 992px) {
20
+ .card-columns.index-cards {
21
+ column-count: 1;
22
+ }
23
+ }
24
+
25
+ @media only screen and (min-width: 992px) {
26
+ .card-columns.index-cards {
27
+ column-count: 2;
28
+ }
29
+ }
30
+
31
+ @media only screen and (min-width: 1200px) {
32
+ .card-columns.index-cards {
33
+ column-count: 3;
34
+ }
35
+ }
36
+
37
+
38
+ .btn {
39
+ background-color: $button;
40
+ }
41
+
42
+ .btn-xl {
43
+ padding: 15px 30px;
44
+ font-size: 36px;
45
+ border-radius: 15px;
46
+ }
47
+
48
+ .showcase-title h1 {
49
+ font-size: 72px;
50
+ }
51
+
52
+ .iframe-container {
53
+ position: relative;
54
+ padding-bottom: 56.25%; /* 16:9 */
55
+ padding-top: 25px;
56
+ height: 0;
57
+ }
58
+
59
+ .iframe-container iframe {
60
+ position: absolute;
61
+ top: 0;
62
+ left: 0;
63
+ width: 100%;
64
+ height: 100%;
65
+ }
66
+
67
+ .contact-badge {
68
+ text-align: center;
69
+ margin-bottom: 20px;
70
+
71
+ border: 2px solid $border-box;
72
+ border-radius: 5px;
73
+
74
+ padding-top: 10px;
75
+ padding-bottom: 5px;
76
+ }
77
+
78
+ .contact-badge h1 {
79
+ font-size: 48px;
80
+ }
81
+
82
+ .contact-badge h2 {
83
+ font-size: 24px;
84
+ }
@@ -0,0 +1,47 @@
1
+ @import "colors";
2
+
3
+ body {
4
+ font-family: 'Lato', sans-serif;
5
+ font-size: 20px;
6
+
7
+ color: $text-color;
8
+ background-color: $background-color;
9
+ }
10
+
11
+ h1, h2, h3, h4, h5, h6 {
12
+ color: $heading-text-color;
13
+ font-family: 'Ubuntu', sans-serif;
14
+ }
15
+
16
+ a {
17
+ color: $link;
18
+ }
19
+
20
+ a:hover {
21
+ color: $link;
22
+ }
23
+
24
+ a.block-link:hover {
25
+ text-decoration: none;
26
+ }
27
+
28
+ p, ul, ol {
29
+ color: $text-color;
30
+ }
31
+
32
+ strong, em {
33
+ color: $emphasis-text-color;
34
+ }
35
+
36
+ hr {
37
+ margin-top: 40px;
38
+ margin-bottom: 20px;
39
+ border: 1px solid $text-color;
40
+ }
41
+
42
+ blockquote {
43
+ margin: 40px 10px;
44
+ color: $blockquote;
45
+ font-style: italic;
46
+ font-weight: bold;
47
+ }
@@ -0,0 +1,13 @@
1
+ .error-container {
2
+ width: 100%;
3
+ }
4
+
5
+ .error-number {
6
+ font-size: 120px;
7
+ text-align: right;
8
+ margin-bottom: 0;
9
+ }
10
+
11
+ .error-description {
12
+ margin-top: 50px;
13
+ }
@@ -0,0 +1,35 @@
1
+ @import "colors.scss";
2
+
3
+ .footer {
4
+ background-color: $footer-background;
5
+ }
6
+
7
+ .footer p, .footer a {
8
+ color: $footer-text;
9
+ }
10
+
11
+ table, tbody, td, th {
12
+ border: 2px solid #999;
13
+ padding: 0.5rem 0.7rem;
14
+ }
15
+
16
+ table {
17
+ margin-bottom: 1rem;
18
+ }
19
+
20
+
21
+ html, body {
22
+ height: 100%;
23
+ }
24
+
25
+ body {
26
+ display: flex;
27
+ flex-direction: column;
28
+ }
29
+
30
+ .content-wrap {
31
+ flex: 1 0 auto;
32
+ }
33
+ .footer {
34
+ flex-shrink: 0;
35
+ }
@@ -0,0 +1,50 @@
1
+
2
+ .page img {
3
+ display: block;
4
+ margin-left: auto;
5
+ margin-right: auto;
6
+ }
7
+
8
+
9
+
10
+ img {
11
+ object-fit: contain;
12
+ max-height: 600px;
13
+ }
14
+
15
+ img:not(.actual-size) {
16
+ width: 100%;
17
+ }
18
+
19
+ img.actual-size {
20
+ margin-left: auto;
21
+ margin-right: auto;
22
+ display: block;
23
+ margin-bottom: 10px;
24
+ }
25
+
26
+ @mixin halfwidth-img {
27
+ width: 50%;
28
+ max-height: 400px;
29
+ }
30
+
31
+ .halfwidth-left img {
32
+ @include halfwidth-img;
33
+ float: left;
34
+ }
35
+
36
+ .halfwidth-right img {
37
+ @include halfwidth-img;
38
+ float: right;
39
+ }
40
+
41
+ .small-img {
42
+ max-width: 200px;
43
+ max-height: 200px;
44
+ }
45
+
46
+ .caption {
47
+ text-align: center;
48
+ margin-top: 1rem;
49
+ color: $text-color;
50
+ }
@@ -1,191 +1,10 @@
1
1
  @import "colors";
2
+ @import "defaults";
3
+ @import "basics";
4
+ @import "image";
2
5
  @import "nav";
6
+ @import "footer";
3
7
  @import "tiles";
4
-
5
- body {
6
- font-family: 'Lato', sans-serif;
7
- font-size: 20px;
8
-
9
- color: $text-color;
10
- background-color: $background-color;
11
- }
12
-
13
- h1, h2, h3, h4, h5, h6 {
14
- color: $heading-text-color;
15
- font-family: 'Ubuntu', sans-serif;
16
- }
17
-
18
- a {
19
- color: $link;
20
- }
21
-
22
- a:hover {
23
- color: $link;
24
- }
25
-
26
- a.block-link:hover {
27
- text-decoration: none;
28
- }
29
-
30
- p, ul, ol {
31
- color: $text-color;
32
- }
33
-
34
- strong, em {
35
- color: $emphasis-text-color;
36
- }
37
-
38
- hr {
39
- margin-top: 40px;
40
- margin-bottom: 20px;
41
- border: 1px solid $text-color;
42
- }
43
-
44
- blockquote {
45
- margin: 40px 10px;
46
- color: $blockquote;
47
- font-style: italic;
48
- font-weight: bold;
49
- }
50
-
51
- code {
52
- color: $code !important;
53
- }
54
-
55
- .center {
56
- text-align: center;
57
- }
58
-
59
- .bordered-box {
60
- padding: 10px;
61
- margin-top: 20px;
62
- margin-bottom: 20px;
63
-
64
- border-style: solid;
65
- border-width: 2px;
66
- border-color: $border-box;
67
- border-radius: 5px;
68
- }
69
-
70
- .footer {
71
- background-color: $footer-background;
72
- }
73
-
74
- .footer p, .footer a {
75
- color: $footer-text;
76
- }
77
-
78
- .page img {
79
- display: block;
80
- margin-left: auto;
81
- margin-right: auto;
82
- }
83
-
84
-
85
- @media only screen and (max-width: 992px) {
86
- .card-columns.index-cards {
87
- column-count: 1;
88
- }
89
- }
90
-
91
- @media only screen and (min-width: 992px) {
92
- .card-columns.index-cards {
93
- column-count: 2;
94
- }
95
- }
96
-
97
- @media only screen and (min-width: 1200px) {
98
- .card-columns.index-cards {
99
- column-count: 3;
100
- }
101
- }
102
-
103
- .btn {
104
- background-color: $button;
105
- }
106
-
107
- .btn-xl {
108
- padding: 15px 30px;
109
- font-size: 36px;
110
- border-radius: 15px;
111
- }
112
-
113
- .showcase-title h1 {
114
- font-size: 72px;
115
- }
116
-
117
- .caption {
118
- text-align: center;
119
- margin-top: 1rem;
120
- color: $text-color;
121
- }
122
-
123
- .small-img {
124
- max-width: 200px;
125
- max-height: 200px;
126
- }
127
-
128
- img {
129
- object-fit: contain;
130
- max-height: 600px;
131
- }
132
-
133
- img:not(.actual-size) {
134
- width: 100%;
135
- }
136
-
137
- img.actual-size {
138
- margin-left: auto;
139
- margin-right: auto;
140
- display: block;
141
- margin-bottom: 10px;
142
- }
143
-
144
- @mixin halfwidth-img {
145
- width: 50%;
146
- max-height: 400px;
147
- }
148
-
149
- .halfwidth-left img {
150
- @include halfwidth-img;
151
- float: left;
152
- }
153
-
154
- .halfwidth-right img {
155
- @include halfwidth-img;
156
- float: right;
157
- }
158
-
159
- .iframe-container {
160
- position: relative;
161
- padding-bottom: 56.25%; /* 16:9 */
162
- padding-top: 25px;
163
- height: 0;
164
- }
165
-
166
- .iframe-container iframe {
167
- position: absolute;
168
- top: 0;
169
- left: 0;
170
- width: 100%;
171
- height: 100%;
172
- }
173
-
174
- .contact-badge {
175
- text-align: center;
176
- margin-bottom: 20px;
177
-
178
- border: 2px solid $border-box;
179
- border-radius: 5px;
180
-
181
- padding-top: 10px;
182
- padding-bottom: 5px;
183
- }
184
-
185
- .contact-badge h1 {
186
- font-size: 48px;
187
- }
188
-
189
- .contact-badge h2 {
190
- font-size: 24px;
191
- }
8
+ @import "syntax";
9
+ @import "error";
10
+ @import "slide";
@@ -0,0 +1,77 @@
1
+ .slide {
2
+ left: calc(-50vw + 50%);
3
+
4
+ position: relative;
5
+ width: 100vw;
6
+ height: 100vh;
7
+
8
+ background-attachment: fixed;
9
+ background-position: center;
10
+ background-repeat: no-repeat;
11
+ background-size: cover;
12
+
13
+ z-index: 0;
14
+ }
15
+
16
+ .slide video {
17
+ position: absolute;
18
+
19
+ top: 50%;
20
+ left: 50%;
21
+ transform: translate(-50%, -50%);
22
+
23
+ width: 100%;
24
+ height: 100%;
25
+
26
+ object-fit: cover;
27
+
28
+ z-index: 1;
29
+ }
30
+
31
+ .slide-tint {
32
+ position: absolute;
33
+ height: 100%;
34
+ width: 100%;
35
+
36
+ z-index: 2;
37
+ opacity: 0.4;
38
+ }
39
+
40
+ .slide .container {
41
+ position: relative;
42
+ height: 100%;
43
+ }
44
+
45
+ .slide-overlay {
46
+ margin: 20px;
47
+ padding: 20px;
48
+ background-color: rgba(0, 0, 0, 0.7);
49
+ position: absolute;
50
+ z-index: 3;
51
+ right: 0;
52
+ bottom: 0;
53
+ text-align: right;
54
+ width: 70%;
55
+ }
56
+
57
+ .slide-overlay p {
58
+ color: #FFF;
59
+ }
60
+
61
+ @media only screen and (min-width: 992px) {
62
+ .slideshow .slide-overlay h1 {
63
+ font-size: 72px;
64
+ }
65
+
66
+ .slideshow .slide-overlay p {
67
+ font-size: 30px;
68
+ }
69
+
70
+ .slideshow h1 {
71
+ font-size: 60px;
72
+ }
73
+
74
+ .slideshow p {
75
+ font-size: 30px;
76
+ }
77
+ }
@@ -0,0 +1,171 @@
1
+
2
+ /*
3
+ * GitHub style for Pygments syntax highlighter, for use with Jekyll
4
+ * Courtesy of GitHub.com
5
+ *
6
+ * src: https://github.com/aahan/pygments-github-style
7
+ */
8
+
9
+ .highlight pre, pre {
10
+ background-color: #f8f8f8;
11
+ border: 1px solid #ccc;
12
+ padding: 6px 10px;
13
+ border-radius: 3px;
14
+ }
15
+
16
+ .highlight {
17
+ .hll {
18
+ background-color: #f8f8f8;
19
+ border: 1px solid #ccc;
20
+ padding: 6px 10px;
21
+ border-radius: 3px;
22
+ }
23
+ .c {
24
+ color: #999988;
25
+ font-style: italic;
26
+ }
27
+ .err {
28
+ color: #a61717;
29
+ background-color: #e3d2d2;
30
+ }
31
+ .k, .o {
32
+ font-weight: bold;
33
+ }
34
+ .cm {
35
+ color: #999988;
36
+ font-style: italic;
37
+ }
38
+ .cp {
39
+ color: #999999;
40
+ font-weight: bold;
41
+ }
42
+ .c1 {
43
+ color: #999988;
44
+ font-style: italic;
45
+ }
46
+ .cs {
47
+ color: #999999;
48
+ font-weight: bold;
49
+ font-style: italic;
50
+ }
51
+ .gd {
52
+ color: #000000;
53
+ background-color: #ffdddd;
54
+ .x {
55
+ color: #000000;
56
+ background-color: #ffaaaa;
57
+ }
58
+ }
59
+ .ge {
60
+ font-style: italic;
61
+ }
62
+ .gr {
63
+ color: #aa0000;
64
+ }
65
+ .gh {
66
+ color: #999999;
67
+ }
68
+ .gi {
69
+ color: #000000;
70
+ background-color: #ddffdd;
71
+ .x {
72
+ color: #000000;
73
+ background-color: #aaffaa;
74
+ }
75
+ }
76
+ .go {
77
+ color: #888888;
78
+ }
79
+ .gp {
80
+ color: #555555;
81
+ }
82
+ .gs {
83
+ font-weight: bold;
84
+ }
85
+ .gu {
86
+ color: #800080;
87
+ font-weight: bold;
88
+ }
89
+ .gt {
90
+ color: #aa0000;
91
+ }
92
+ .kc, .kd, .kn, .kp, .kr {
93
+ font-weight: bold;
94
+ }
95
+ .kt {
96
+ color: #445588;
97
+ font-weight: bold;
98
+ }
99
+ .m {
100
+ color: #009999;
101
+ }
102
+ .s {
103
+ color: #dd1144;
104
+ }
105
+ .n {
106
+ color: #333333;
107
+ }
108
+ .na {
109
+ color: teal;
110
+ }
111
+ .nb {
112
+ color: #0086b3;
113
+ }
114
+ .nc {
115
+ color: #445588;
116
+ font-weight: bold;
117
+ }
118
+ .no {
119
+ color: teal;
120
+ }
121
+ .ni {
122
+ color: purple;
123
+ }
124
+ .ne, .nf {
125
+ color: #990000;
126
+ font-weight: bold;
127
+ }
128
+ .nn {
129
+ color: #555555;
130
+ }
131
+ .nt {
132
+ color: navy;
133
+ }
134
+ .nv {
135
+ color: teal;
136
+ }
137
+ .ow {
138
+ font-weight: bold;
139
+ }
140
+ .w {
141
+ color: #bbbbbb;
142
+ }
143
+ .mf, .mh, .mi, .mo {
144
+ color: #009999;
145
+ }
146
+ .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
147
+ color: #dd1144;
148
+ }
149
+ .sr {
150
+ color: #009926;
151
+ }
152
+ .s1 {
153
+ color: #dd1144;
154
+ }
155
+ .ss {
156
+ color: #990073;
157
+ }
158
+ .bp {
159
+ color: #999999;
160
+ }
161
+ .vc, .vg, .vi {
162
+ color: teal;
163
+ }
164
+ .il {
165
+ color: #009999;
166
+ }
167
+ .gc {
168
+ color: #999;
169
+ background-color: #EAF2F5;
170
+ }
171
+ }
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-breq
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Wesley Chalmers
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-12-14 00:00:00.000000000 Z
11
+ date: 2020-12-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -39,18 +39,28 @@ files:
39
39
  - _includes/gallery.html
40
40
  - _includes/meta.html
41
41
  - _includes/nav.html
42
+ - _includes/slide.html
42
43
  - _includes/youtube.html
43
44
  - _layouts/blog.html
44
45
  - _layouts/contact.html
45
46
  - _layouts/default.html
47
+ - _layouts/error.html
46
48
  - _layouts/gallery.html
47
49
  - _layouts/page.html
48
50
  - _layouts/post.html
49
51
  - _layouts/project.html
50
52
  - _layouts/showcase.html
53
+ - _layouts/slideshow.html
54
+ - _sass/basics.scss
51
55
  - _sass/colors.scss
56
+ - _sass/defaults.scss
57
+ - _sass/error.scss
58
+ - _sass/footer.scss
59
+ - _sass/image.scss
52
60
  - _sass/main.scss
53
61
  - _sass/nav.scss
62
+ - _sass/slide.scss
63
+ - _sass/syntax.scss
54
64
  - _sass/tiles.scss
55
65
  - assets/css/styles.scss
56
66
  - assets/icons/android-chrome-192x192.png
@@ -63,6 +73,7 @@ files:
63
73
  - assets/icons/mstile-150x150.png
64
74
  - assets/icons/site.webmanifest
65
75
  - assets/images/pansexual.png
76
+ - assets/videos/344.webm
66
77
  homepage: https://breq.dev/
67
78
  licenses:
68
79
  - MIT