Skip to content

Commit 7d97575

Browse files
chrisspieglchrisspiegl
committedFeb 24, 2022
2022 February Update of all the things.
Removing Consulting, Books, Movies, and some other pages. Simplified social media links to icons from Font-Awesome. Updated NOW Page.
1 parent fa8418f commit 7d97575

13 files changed

+295
-221
lines changed
 

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"typewriterScrollMode.enable": false
3+
}

‎_includes/gears.pug

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ extends layout
22
block content
33

44
.container
5-
nav.navMain(style="padding: 1rem 0 2rem;"): ul
5+
nav.navMain.gear(style="padding: 1rem 0 2rem;"): ul
66
li: a(href="/gear/") Camera Kit
77
li: a(href="/gear/podcasting") Podcasting Kit
88
li: a(href="/gear/travel") Travel Gear

‎_includes/layout.pug

+55-52
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ head
33
meta(charset="utf-8")
44
meta(name="viewport" content="width=device-width, initial-scale=1.0")
55
//- meta(name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0")
6-
meta(name='ir-site-verification-token', value='-676786771')
6+
meta(name='ir-site-verification-token' value='-676786771')
77

88
if renderData && renderData.title
99
title #[= renderData.title ] | #[= meta.siteTitle ]
@@ -33,8 +33,9 @@ head
3333
meta(name="msapplication-wide310x150logo" content="/assets/favicon/mstile-310x150.png")
3434
meta(name="msapplication-square310x310logo" content="/assets/favicon/mstile-310x310.png")
3535

36-
link(rel="stylesheet", href="/assets/style.css")
37-
link(rel="alternate", href="/feed.xml", type="application/atom+xml", title=`${meta.siteTitle} Atom Feed`)
36+
link(rel="stylesheet" href="/assets/style.css")
37+
link(rel="alternate" href="/feed.xml" type="application/atom+xml", title=`${meta.siteTitle} Atom Feed`)
38+
script(src="https://kit.fontawesome.com/8ad5d26e9a.js" crossorigin="anonymous")
3839

3940
body
4041
if meta.build.env === 'development'
@@ -50,41 +51,43 @@ body
5051
p
5152
small: em Currently in #[a(href='/location')= nomadlist.now.string]
5253

54+
section.social
55+
a(href="/youtube" title="YouTube Profile — External Link" target="_blank")
56+
i(class="fa-brands fa-youtube")
57+
a(href="/instagram" title="Instagram Profile — External Link" target="_blank")
58+
i(class="fa-brands fa-instagram")
59+
a(href="/twitter" title="Twitter Profile — External Link" target="_blank")
60+
i(class="fa-brands fa-twitter")
61+
5362
nav.navMain
5463
ul
5564
li
5665
a(href="/") Home
57-
li
58-
a(href="/blog") Blog
5966
li
6067
a(href="/now") Now
6168
li
62-
a(href="/consulting") Consulting
63-
64-
li
65-
a(href="/courses", title="Skillshare Profile — External Link", target="_blank") Courses
69+
a(href="/support") Support
6670
li
6771
a(href="/gear") Gear
68-
li
69-
a(href="/books") Books
70-
li
71-
a(href="/movies") Movies
7272

73-
li
74-
a(href="/youtube", title="YouTube Profile — External Link", target="_blank") YouTube
75-
li
76-
a(href="/instagram", title="Instagram Profile — External Link", target="_blank") Instagram
77-
li
78-
a(href="/twitter", title="Twitter Profile — External Link", target="_blank") Twitter
79-
li
80-
a(href="/newsletter") Newsletter
73+
//- li
74+
//- a(href="/consulting") Consulting
75+
//- li
76+
//- a(href="/courses" title="Skillshare Profile — External Link" target="_blank") Courses
77+
//- li
78+
//- a(href="/blog") Blog
79+
//- li
80+
//- a(href="/books") Books
81+
//- li
82+
//- a(href="/movies") Movies
83+
//- li
84+
//- a(href="/newsletter") Newsletter
85+
//- li
86+
//- a(href="/newsletter/archive" title="Creation Overview" target="_blank") Creations
87+
8188
82-
li
83-
a(href="/newsletter/archive", title="Creation Overview", target="_blank") Creations
8489
li
8590
a(href="/podcast") Podcast
86-
li
87-
a(href="/support") Support
8891
li
8992
a(href="/more") More
9093

@@ -134,39 +137,39 @@ body
134137
135138
//- Matomo Analytics
136139
if meta.build.env === 'production'
137-
script(type="text/javascript").
138-
var _paq = window._paq || [];
139-
_paq.push(["setDoNotTrack", true]);
140-
_paq.push(["disableCookies"]);
141-
_paq.push(['trackPageView']);
142-
_paq.push(['enableLinkTracking']);
143-
(function() {
144-
var u="https://matomo.spiegl.co/";
145-
_paq.push(['setTrackerUrl', u+'matomo.php']);
146-
_paq.push(['setSiteId', '1']);
147-
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
148-
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
149-
})();
140+
//- script(type="text/javascript").
141+
//- var _paq = window._paq || [];
142+
//- _paq.push(["setDoNotTrack", true]);
143+
//- _paq.push(["disableCookies"]);
144+
//- _paq.push(['trackPageView']);
145+
//- _paq.push(['enableLinkTracking']);
146+
//- (function() {
147+
//- var u="https://matomo.spiegl.co/";
148+
//- _paq.push(['setTrackerUrl', u+'matomo.php']);
149+
//- _paq.push(['setSiteId', '1']);
150+
//- var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
151+
//- g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
152+
//- })();
150153
151154
//- Littlefoot - Footnotes
152155
script(src="https://cdn.jsdelivr.net/npm/littlefoot@3.3/dist/littlefoot.min.js")
153156
script(type="application/javascript").
154157
littlefoot.default({
155158
buttonTemplate: `<sup
156-
aria-expanded="false"
157-
aria-label="Footnote <% number %>"
158-
class="footnote-ref">
159-
<a
160-
href="#<% reference %>"
161-
class="footnote-ref"
162-
id="<% reference %>"
163-
data-footnote-identifier="<% reference %>"
164-
data-footnote-style="default"
165-
alt="See Footnote <% number %>"
166-
rel="footnote"
167-
data-footnote-content="<% content %>">
168-
<% number %>
169-
</a></sup>`
159+
aria-expanded="false"
160+
aria-label="Footnote <% number %>"
161+
class="footnote-ref">
162+
<a
163+
href="#<% reference %>"
164+
class="footnote-ref"
165+
id="<% reference %>"
166+
data-footnote-identifier="<% reference %>"
167+
data-footnote-style="default"
168+
alt="See Footnote <% number %>"
169+
rel="footnote"
170+
data-footnote-content="<% content %>">
171+
<% number %>
172+
</a></sup>`
170173
})
171174
Array.prototype.forEach.call(document.querySelectorAll('.footnotes.footnote-print-only, .footnotes .footnote-print-only'), e => e.classList.remove('footnote-print-only'))
172175
Array.prototype.forEach.call(document.querySelectorAll('.footnote-backref'), (el) => { el.href = el.href.replace('#', '#lf-') })

‎assets/scss/_header.scss

+27-4
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,64 @@
1-
body > header {
1+
body>header {
22
padding-top: 2rem;
3-
padding-bottom: 4rem;
3+
padding-bottom: 2rem;
44

5-
> section {
5+
>section {
66
display: flex;
77
justify-content: center;
88
align-items: center;
99
padding-bottom: 2rem;
10+
1011
#avatar {
1112
// position: absolute;
1213
border-radius: 50%;
1314
width: 5rem;
1415
height: 5rem;
1516
margin-right: 1rem;
1617
}
18+
1719
.text {
1820
text-align: left;
1921
margin-top: 1.2rem;
22+
2023
h1 {
2124
// text-align: center;
2225
margin-bottom: 0;
2326
padding: 0;
2427
line-height: 2rem;
2528
}
29+
2630
a {
2731
text-decoration: none;
2832
color: var(--color-body);
2933
font-weight: normal;
34+
3035
&:hover {
3136
text-decoration: none;
3237
}
3338
}
39+
3440
p {
3541
text-align: center;
3642
padding: 0;
3743
margin: 0;
3844
}
3945
}
46+
47+
&.social {
48+
a {
49+
display: block;
50+
padding: 0 3rem;
51+
color: #ffffff;
52+
font-size: 1.5rem;
53+
54+
&:hover,
55+
&::selection {
56+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
57+
color: var(--color-nav-hover);
58+
text-decoration: none;
59+
background: transparent;
60+
}
61+
}
62+
}
4063
}
41-
}
64+
}

‎assets/scss/_navigation.scss

+23-6
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,50 @@
11
.navMain {
2+
3+
&.gear {
4+
ul {
5+
grid-template-columns: 1fr 1fr 1fr 1fr;
6+
7+
@media screen and (max-width: $break-mobile) {
8+
grid-template-columns: 1fr 1fr 1fr;
9+
}
10+
}
11+
}
12+
213
ul {
314
list-style: none;
415
padding: 0;
516
margin: 0;
617
display: grid;
718
// grid-gap: 0rem 1rem;
8-
grid-template-columns: 1fr 1fr 1fr 1fr;
19+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
920
padding-bottom: 2rem;
21+
1022
@media screen and (max-width: $break-mobile) {
11-
grid-template-columns: 1fr 1fr;
23+
grid-template-columns: 1fr 1fr 1fr;
1224
}
25+
1326
li {
14-
text-align: left;
27+
text-align: center;
28+
1529
a {
1630
display: block;
1731
padding: .3rem .3rem;
32+
1833
@media screen and (max-width: $break-mobile) {
1934
padding: .1rem .1rem 0;
2035
}
36+
2137
color: var(--color-nav-text);
2238
text-decoration: none;
2339

24-
&:hover, &::selection {
25-
-webkit-tap-highlight-color: rgba(0,0,0,0);
40+
&:hover,
41+
&::selection {
42+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2643
color: var(--color-nav-hover);
2744
text-decoration: none;
2845
background: transparent;
2946
}
3047
}
3148
}
3249
}
33-
}
50+
}

0 commit comments

Comments
 (0)
Failed to load comments.