rebuild-theme 0.1.1 → 0.2.0

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: 1f1b34eab59d10318382fc347d411268b811bef63ad56a1e0d1669970e8472ef
4
- data.tar.gz: 22a04564cd8657fd5219f00319c57d30ed2e7a01d4591ecb78812de747324c83
3
+ metadata.gz: 880aab7a8eabf7567b3f94d0f654e35245f12589b643653a395b55bd75d5efda
4
+ data.tar.gz: e2f711dea7949d9f5bddd86ad65eda81466aded3d295487966bb57406dac8461
5
5
  SHA512:
6
- metadata.gz: b25bed04fb9e9080bcbf9cf112b04f285e4ddde61cf2749f775d13ce795ae43933e646cca956868e46a7bb2e480e9c0a6b7fc692663aa8ab6bb221eb62d52f77
7
- data.tar.gz: 1fffc5baa3747cf5f0437ec581997c3561c7dc95909912e6eac96b06bc9722a3b82315530b401649cadf8328ba8e51aeae978ceef038f6d99407fa78dc4d191e
6
+ metadata.gz: 8e9f3393d189d37985f6b7a8c601160110735a5e66aa045a1cdffcbcf30fc3b5a677e5ce7b1a5e8489e8bc0fc4a9e9cd6e2ac6676ce86a70c948f7fadd40a830
7
+ data.tar.gz: 00b7059588274c19eac9cf647d81a44053d645b93ad3895e867c05aed23a81922f3b74f47d0d46ff1c60fbf815a8acf91b8c91bb437e06829f1f04e57dd6e6c8
@@ -0,0 +1,34 @@
1
+ <footer class="site-footer h-card">
2
+ <data class="u-url" href="{{ "/" | relative_url }}"></data>
3
+
4
+ <div class="wrapper">
5
+
6
+ <div class="footer-col-wrapper">
7
+ <div class="footer-col one-half">
8
+ <h2 class="footer-heading">{{ site.title | escape }}</h2>
9
+ <ul class="contact-list">
10
+ <li class="p-name">
11
+ {%- if site.author -%}
12
+ {{ site.author | escape }}
13
+ {%- else -%}
14
+ {{ site.title | escape }}
15
+ {%- endif -%}
16
+ </li>
17
+ {%- if site.email -%}
18
+ <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
19
+ {%- endif -%}
20
+ </ul>
21
+ </div>
22
+
23
+ <div class="footer-col one-half">
24
+ <p>{{- site.description | escape -}}</p>
25
+ </div>
26
+
27
+ <div class="social-links">
28
+ {%- include social.html -%}
29
+ </div>
30
+ </div>
31
+
32
+ </div>
33
+
34
+ </footer>
@@ -0,0 +1,8 @@
1
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
2
+ <script>
3
+ window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
4
+ window.dataLayer = window.dataLayer || [];
5
+ function gtag(){dataLayer.push(arguments);}
6
+ gtag('js', new Date());
7
+ gtag('config', '{{ site.google_analytics }}');
8
+ </script>
data/_includes/head.html CHANGED
@@ -2,5 +2,22 @@
2
2
  <meta charset="utf-8">
3
3
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
4
  <link href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i" rel="stylesheet">
5
+ <link href="https://fonts.googleapis.com/css?family=Zilla+Slab:500,600" rel="stylesheet">
5
6
  <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
7
+ {%- if jekyll.environment == 'production' and site.google_analytics -%}
8
+ {%- include google-analytics.html -%}
9
+ {%- endif -%}
10
+ <style type="text/css">
11
+ .img {
12
+ background-image: url("{{ site.rebuild.header_img | relative_url }}");
13
+ background-position: center center;
14
+ background-size: cover;
15
+ height: 600px;
16
+ width: 100%;
17
+ position: fixed;
18
+ top: 0;
19
+ z-index: -1;
20
+ overflow: hidden;
21
+ }
22
+ </style>
6
23
  </head>
@@ -0,0 +1,31 @@
1
+ <header class="site-header">
2
+ <div class="img" id="headerImg"></div>
3
+ <div class="header" id="header">
4
+ {%- assign default_paths = site.pages | map: "path" -%}
5
+ {%- assign page_paths = site.header_pages | default: default_paths -%}
6
+ {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
7
+ <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
8
+
9
+ {%- if titles_size > 0 -%}
10
+ <nav class="site-nav">
11
+ <input type="checkbox" id="nav-trigger" class="nav-trigger" />
12
+ <label for="nav-trigger">
13
+ <span class="menu-icon">
14
+ <svg viewBox="0 0 18 15" width="18px" height="15px">
15
+ <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
16
+ </svg>
17
+ </span>
18
+ </label>
19
+
20
+ <div class="trigger">
21
+ {%- for path in page_paths -%}
22
+ {%- assign my_page = site.pages | where: "path", path | first -%}
23
+ {%- if my_page.title -%}
24
+ <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
25
+ {%- endif -%}
26
+ {%- endfor -%}
27
+ </div>
28
+ </nav>
29
+ {%- endif -%}
30
+ </div>
31
+ </header>
@@ -4,10 +4,11 @@
4
4
  <body>
5
5
  {%- include header.html -%}
6
6
  <main class="page-content" aria-label="content">
7
- <div class="wrapper">
7
+ <div class="container">
8
8
  {{ content }}
9
9
  </div>
10
10
  </main>
11
11
  {%- include footer.html -%}
12
+ <script src="{{ "/assets/js/rebuild.js" | relative_url }}"></script>
12
13
  </body>
13
14
  </html>
data/_layouts/home.html CHANGED
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  layout: default
3
- title: Test
4
3
  ---
5
4
 
6
5
  <div class="home">
@@ -15,7 +14,7 @@ title: Test
15
14
  <ul class="post-list">
16
15
  {%- for post in site.posts -%}
17
16
  <li>
18
- {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
17
+ {%- assign date_format = site.rebuild.date_format | default: "%b %-d, %Y" -%}
19
18
  <span class="post-meta">{{ post.date | date: date_format }}</span>
20
19
  <h3>
21
20
  <a class="post-link" href="{{ post.url | relative_url }}">
data/_layouts/post.html CHANGED
@@ -7,7 +7,7 @@ layout: default
7
7
  <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
8
8
  <p class="post-meta">
9
9
  <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
10
- {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
10
+ {%- assign date_format = site.rebuild.date_format | default: "%b %-d, %Y" -%}
11
11
  {{ page.date | date: date_format }}
12
12
  </time>
13
13
  {%- if page.author -%}
data/_sass/rebuild.scss CHANGED
@@ -8,6 +8,10 @@ $base-font-weight: 400 !default;
8
8
  $light-font-weight: 300 !default;
9
9
  $bold-font-weight: 500 !default;
10
10
 
11
+ $title-font: "Zilla Slab";
12
+ $title-font-regular: 500;
13
+ $title-font-bold: 600;
14
+
11
15
  $grid-breakpoints: ( //unceremoniously taken from bootstrap 4+ until I find ones I like better
12
16
  xs: 0,
13
17
  sm: 576px,
@@ -15,6 +19,16 @@ $grid-breakpoints: ( //unceremoniously taken from bootstrap 4+ until I find ones
15
19
  lg: 992px,
16
20
  xl: 1200px
17
21
  ) !default;
22
+
23
+ $rebuild-blue: #0b1933;
24
+ $rebuild-blue-dark: darken($rebuild-blue, 8%);
25
+ $rebuild-blue-light: #daf5ff;
26
+ $rebuild-white: #f9f9f9;
27
+ $rebuild-baby: #dadafa;
28
+ $rebuild-grey: #dddddd;
29
+
30
+ $transition-timing: all 150ms ease;
31
+
18
32
  //mixins
19
33
  @mixin relative($ratio) {
20
34
  font-size: $base-font-size * $ratio;
@@ -1,3 +1,4 @@
1
+ /* test */
1
2
  //do some resets
2
3
  body, h1, h2, h3, h4, h5, h6,
3
4
  p, blockquote, pre, hr,
@@ -9,22 +10,47 @@ dl, dd, ol, ul, figure {
9
10
 
10
11
  body {
11
12
  font: $base-font-weight #{$base-font-size}/#{$base-font-line-height} $base-font;
13
+ background-color: $rebuild-blue-dark;
14
+ color: $rebuild-white;
15
+ -webkit-text-size-adjust: 100%;
16
+ -webkit-font-feature-settings: "kern" 1;
17
+ -moz-font-feature-settings: "kern" 1;
18
+ -o-font-feature-settings: "kern" 1;
19
+ font-feature-settings: "kern" 1;
20
+ font-kerning: normal;
21
+ display: flex;
22
+ flex-direction: column;
12
23
  min-height: 100vh;
24
+ margin: 0;
13
25
  }
14
26
 
15
27
  h1, h2, h3, h4, h5, h6,
16
28
  p, blockquote, pre,
17
29
  ul, ol, dl, figure,
18
30
  %vertical-rhythm {
19
- margin-bottom: 15px; //make this consistent and not grossly large
31
+ margin-bottom: 20px; //make this consistent and not grossly large
20
32
  }
21
33
 
22
34
  main {
23
35
  display: block;
24
36
  }
25
37
 
38
+ img {
39
+ max-width: 100%;
40
+ vertical-align: middle;
41
+ }
42
+
43
+ figure > img {
44
+ display: block;
45
+ }
46
+
47
+ figcaption {
48
+ font-size: relative($base-font-size,0.8);
49
+ }
50
+
51
+
26
52
  ul, ol {
27
- margin-left: 15px;
53
+ margin-left: 20px;
28
54
  }
29
55
 
30
56
  li {
@@ -35,7 +61,36 @@ li {
35
61
  }
36
62
 
37
63
  h1,h2,h3,h4,h5,h6 {
64
+ font-family: $title-font;
65
+ font-weight: $title-font-bold;
66
+ }
67
+
68
+ a {
69
+ transition: $transition-timing;
38
70
  font-weight: $bold-font-weight;
71
+ color: lighten($rebuild-blue, 20%);
72
+ text-decoration: none;
73
+
74
+ &:visited {
75
+ color: lighten($rebuild-blue, 10%);
76
+ }
77
+
78
+ &:hover {
79
+ color: lighten($rebuild-blue, 40%);
80
+ }
81
+ }
82
+
83
+ blockquote {
84
+ color: $rebuild-grey;
85
+ border-left: 4px solid lighten($rebuild-grey, 10%);
86
+ padding-left: 20px;
87
+ @include relative(1.125);
88
+ letter-spacing: 1px;
89
+ font-style: italic;
90
+
91
+ > :last-child {
92
+ margin-bottom: 0;
93
+ }
39
94
  }
40
95
 
41
96
  pre,
@@ -58,5 +113,86 @@ pre {
58
113
  border: 0;
59
114
  padding-right: 0;
60
115
  padding-left: 0;
116
+ color: $rebuild-blue;
117
+ }
118
+ }
119
+
120
+ .container {
121
+ max-width: 900px;
122
+ margin-top: 400px;
123
+ margin-right: auto;
124
+ margin-left: auto;
125
+ padding: 20px 20px 20px 20px;
126
+ background-color: $rebuild-white;
127
+ color: $rebuild-blue;
128
+ min-height: 100vh;
129
+ box-shadow: 0 -10px 30px -8px #666;
130
+ border-radius: 4px;
131
+ background-image: url(data:image/png;base64,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);
132
+ //noise pattern for background. remove if not want.
133
+ //questioning why this was done in this way will hurt my feelings so. don't
134
+
135
+ }
136
+
137
+ .header {
138
+ width: calc(100% - 40px);
139
+ padding: 12px 20px 8px 20px;
140
+ background-color: rgba(04,09,11,0);
141
+ position: fixed;
142
+ top: 0;
143
+ left: 50%;
144
+ transform: translateX(-50%);
145
+
146
+ //we don't use a mixin here because the breakpoint-up mixin only works with the grid breakpoints defined in rebuild.scss
147
+ @media (min-width: 900px) {
148
+ width: 900px;
149
+ }
150
+
151
+ a {
152
+ color: #fff;
153
+ text-shadow: 0 0 3px #000;
154
+ }
155
+ }
156
+
157
+ .orange {
158
+ color: #FF4500;
159
+ }
160
+
161
+ .grey {
162
+ color: $rebuild-grey;
163
+ }
164
+
165
+ .svg-icon {
166
+ width: 16px;
167
+ height: 16px;
168
+ display: inline-block;
169
+ fill: currentColor;
170
+ padding: 5px 3px 2px 5px;
171
+ vertical-align: text-bottom;
172
+ }
173
+
174
+ table {
175
+ margin-bottom: 20px;
176
+ width: 100%;
177
+ text-align: left;
178
+ color: lighten($rebuild-white, 18%);
179
+ border-collapse: collapse;
180
+ border: 1px solid lighten($rebuild-blue, 10%);
181
+ tr {
182
+ &:nth-child(even) {
183
+ background-color: lighten($rebuild-blue, 20%);
184
+ }
185
+ }
186
+ th, td {
187
+ padding: 6px 10px;
188
+ }
189
+ th {
190
+ background-color: lighten($rebuild-blue, 10%);
191
+ border: 1px solid darken($rebuild-blue, 15%);
192
+ border-bottom-color: darken($rebuild-blue, 20%);
193
+ font-weight: $bold-font-weight;
194
+ }
195
+ td {
196
+ border: 1px solid $rebuild-blue;
61
197
  }
62
198
  }
data/assets/img/7.jpg ADDED
Binary file
@@ -0,0 +1,16 @@
1
+ document.addEventListener("DOMContentLoaded", function() {
2
+ var scrollLock = false;
3
+
4
+ let runOnScroll = function(evt) {
5
+ if(!scrollLock) {
6
+ scrollLock = true;
7
+ let img = document.getElementById("headerImg");
8
+ img.style.filter = "blur("+0.05*window.scrollY+"px)";
9
+ let header = document.getElementById("header");
10
+ header.style.backgroundColor = "rgba(04,09,17,"+0.003*window.scrollY+")";
11
+ scrollLock = false;
12
+ }
13
+ }
14
+
15
+ window.addEventListener("scroll",runOnScroll);
16
+ });
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: rebuild-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ibrahim Saberi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-02-25 00:00:00.000000000 Z
11
+ date: 2019-03-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -103,6 +103,8 @@ files:
103
103
  - _sass/rebuild/_layout.scss
104
104
  - _sass/rebuild/_syntax-highlighting.scss
105
105
  - assets/css/style.scss
106
+ - assets/img/7.jpg
107
+ - assets/js/rebuild.js
106
108
  - assets/minima-social-icons.svg
107
109
  homepage: https://github.com/GeorgeIpsum/rebuild-theme
108
110
  licenses: