jekyll-theme-katydecorah 0.1.3
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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +42 -0
- data/_includes/end.html +15 -0
- data/_includes/footer.html +15 -0
- data/_includes/header.html +5 -0
- data/_includes/icons/angle-left.svg +1 -0
- data/_includes/icons/angle-right.svg +1 -0
- data/_includes/icons/blog.svg +1 -0
- data/_includes/icons/bookmark.svg +1 -0
- data/_includes/icons/code.svg +1 -0
- data/_includes/icons/codepen.svg +1 -0
- data/_includes/icons/github.svg +1 -0
- data/_includes/icons/instagram.svg +1 -0
- data/_includes/icons/link.svg +1 -0
- data/_includes/icons/mail.svg +1 -0
- data/_includes/icons/map-signs.svg +1 -0
- data/_includes/icons/map.svg +1 -0
- data/_includes/icons/marker.svg +1 -0
- data/_includes/icons/menu.svg +1 -0
- data/_includes/icons/music.svg +1 -0
- data/_includes/icons/pause.svg +1 -0
- data/_includes/icons/play.svg +1 -0
- data/_includes/icons/rss.svg +1 -0
- data/_includes/icons/selection.json +485 -0
- data/_includes/icons/tag.svg +1 -0
- data/_includes/icons/twitter.svg +1 -0
- data/_includes/img.html +5 -0
- data/_includes/locations.html +1 -0
- data/_includes/paginator.html +15 -0
- data/_includes/post-list.html +7 -0
- data/_includes/post-map-header.html +11 -0
- data/_includes/prev-next.html +3 -0
- data/_includes/single-playlist.html +16 -0
- data/_includes/skip.html +4 -0
- data/_includes/tags.html +1 -0
- data/_includes/top.html +35 -0
- data/_includes/twitter.html +1 -0
- data/_layouts/category.html +10 -0
- data/_layouts/default.html +13 -0
- data/_layouts/front-page.html +25 -0
- data/_layouts/hello.html +12 -0
- data/_layouts/post.html +30 -0
- data/_layouts/redirect.html +7 -0
- data/_layouts/review.html +175 -0
- data/_sass/_accessibility.scss +29 -0
- data/_sass/_adventure.scss +69 -0
- data/_sass/_archive.scss +71 -0
- data/_sass/_brags.scss +23 -0
- data/_sass/_buttons.scss +28 -0
- data/_sass/_code.scss +308 -0
- data/_sass/_footer.scss +61 -0
- data/_sass/_front-page.scss +180 -0
- data/_sass/_header.scss +21 -0
- data/_sass/_icons.scss +62 -0
- data/_sass/_layout.scss +59 -0
- data/_sass/_map.scss +93 -0
- data/_sass/_mixins.scss +28 -0
- data/_sass/_nav.scss +54 -0
- data/_sass/_playlists.scss +58 -0
- data/_sass/_posts.scss +347 -0
- data/_sass/_postsMap.scss +69 -0
- data/_sass/_print.scss +13 -0
- data/_sass/_review.scss +124 -0
- data/_sass/_scaffolding.scss +148 -0
- data/_sass/_search.scss +29 -0
- data/_sass/_shame.scss +0 -0
- data/_sass/_type.scss +184 -0
- data/_sass/_utilities.scss +82 -0
- data/_sass/_variables.scss +137 -0
- data/assets/lunr-feed.js +48 -0
- data/assets/lunr.min.js +7 -0
- data/assets/style.scss +29 -0
- metadata +158 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{% include top.html %}
|
|
2
|
+
<body class="front-page">
|
|
3
|
+
{% include header.html %}
|
|
4
|
+
<main class="container content">
|
|
5
|
+
<div class="categories">
|
|
6
|
+
<a href="/" class="category{% if page.title == site.title %} active{% endif %}">
|
|
7
|
+
<span class="emoji">{{site.data.emoji['all']}}</span> all
|
|
8
|
+
</a>
|
|
9
|
+
{% assign categories = site.categories | sort %}
|
|
10
|
+
{% for category in categories %}
|
|
11
|
+
{% assign name = category[0] %}
|
|
12
|
+
{% assign title = page.title | downcase %}
|
|
13
|
+
<a href="/{{name}}" class="category{% if title == name %} active{% endif %}">
|
|
14
|
+
<span class="emoji">{{site.data.emoji[name]}}</span> {{name}}
|
|
15
|
+
</a>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<div id="content">{{ content }}</div>
|
|
20
|
+
{% if page.title == site.title %}{% include paginator.html %}{% endif %}
|
|
21
|
+
</main>
|
|
22
|
+
{% include footer.html %}
|
|
23
|
+
{% include end.html %}
|
|
24
|
+
</body>
|
|
25
|
+
</html>
|
data/_layouts/hello.html
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{% include top.html %}
|
|
2
|
+
<body class="default-page page-hello">
|
|
3
|
+
{% include header.html %}
|
|
4
|
+
<div class="container">
|
|
5
|
+
<main class="content" id="content">
|
|
6
|
+
{{ content }}
|
|
7
|
+
</main>
|
|
8
|
+
</div>
|
|
9
|
+
{% include footer.html %}
|
|
10
|
+
{% include end.html %}
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{% include top.html %}
|
|
2
|
+
<body class="post-page default-page">
|
|
3
|
+
{% include header.html %}
|
|
4
|
+
<div class="post-header{% if page.locations %} post-header-has-map{% else %} post-header-no-map{% endif %}">
|
|
5
|
+
{% include post-map-header.html %}
|
|
6
|
+
<div class="container"><h1>{{ page.title }}</h1></div>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="container" id="content">{% if page.categories[0] %}{% assign category = page.categories[0] | downcase %}
|
|
9
|
+
<div class="post-meta small"><span class="post-meta-emoji">{% if page. emoji %}{{page.emoji}}{% else %}{{site.data.emoji[category]}}{% endif %}</span><a href="/{{ category}}" class="post-type">{{ page.categories[0] }}</a> × {{ page.date | date: "%B %-d, %Y" }}{% if page.elsewhere-site %} × <a href="{{ page.elsewhere-link }}">{{ page.elsewhere-site }}</a>{% endif %} {% include tags.html %}</div>{% endif %}</div>
|
|
10
|
+
<div class="post">
|
|
11
|
+
{% if page.categories[0] == 'playlists' %}
|
|
12
|
+
{% capture src %}{{page.title | slugify}}.png{% endcapture %}
|
|
13
|
+
{% include img.html src=src class='img-half' alt='album art' %}
|
|
14
|
+
{% endif %}
|
|
15
|
+
{% unless page.categories[0] == 'playlists' %}{{ content }}{% endunless %}
|
|
16
|
+
{% if page.recipe %}<p class="recipe-meta">Recipe: <a href="{{ page.recipe }}">{{ page.recipe-title }}</a></p>{% endif %}
|
|
17
|
+
{% if page.categories[0] == 'playlists' %}{% include single-playlist.html %}{% endif %}{% if page.credits %}<p class="xs text-right">{{ page.credits }}.</p>{% endif %}
|
|
18
|
+
</div>
|
|
19
|
+
<div class="container">
|
|
20
|
+
<div class="post-footer">
|
|
21
|
+
<div class="post-footer-meta">
|
|
22
|
+
{% include locations.html %}
|
|
23
|
+
{% include twitter.html %}
|
|
24
|
+
</div>
|
|
25
|
+
{% include prev-next.html %}
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
{% include footer.html %}
|
|
29
|
+
{% include end.html %}</body>
|
|
30
|
+
</html>
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
{% include top.html %}
|
|
2
|
+
<body class="default-page page-review page-{{ page.title | downcase | replace:' ','_' | replace: '!','' }}">
|
|
3
|
+
|
|
4
|
+
<link href="https://api.tiles.mapbox.com/mapbox.js/{{site.mapboxjs}}/mapbox.css" rel="stylesheet" />
|
|
5
|
+
<link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/{{site.leafletjs}}/MarkerCluster.css' rel='stylesheet' />
|
|
6
|
+
<link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/{{site.leafletjs}}/MarkerCluster.Default.css' rel='stylesheet' />
|
|
7
|
+
<script src="https://api.tiles.mapbox.com/mapbox.js/{{site.mapboxjs}}/mapbox.js"></script>
|
|
8
|
+
<script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-markercluster/{{site.leafletjs}}/leaflet.markercluster.js'></script>
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
{% include header.html %}
|
|
12
|
+
<div class="content" id="content">
|
|
13
|
+
<div class="container">
|
|
14
|
+
<h1>{{ page.title }}</h1>
|
|
15
|
+
{% assign playlistsCounter = 0 %}
|
|
16
|
+
{% assign adventuresCounter = 0 %}
|
|
17
|
+
{% assign codeCounter = 0 %}
|
|
18
|
+
{% assign notesCounter = 0 %}
|
|
19
|
+
{% assign teachingCounter = 0 %}
|
|
20
|
+
{% assign epicurean = 0 %}
|
|
21
|
+
|
|
22
|
+
{% assign playlistThumbs = '' %}
|
|
23
|
+
|
|
24
|
+
{% for post in site.posts reversed %}
|
|
25
|
+
{% capture year %}{{post.date | date: "%Y"}}{% endcapture %}
|
|
26
|
+
{% capture pageYear %}{{ page.title }}{% endcapture %}
|
|
27
|
+
{% if year == pageYear %}
|
|
28
|
+
{% if post.categories[0] == 'playlists' %}{% assign playlistsCounter = playlistsCounter | plus:1 %}{% endif %}
|
|
29
|
+
{% if post.categories[0] == 'adventures' %}{% assign adventuresCounter = adventuresCounter | plus:1 %}{% endif %}
|
|
30
|
+
{% if post.categories[0] == 'code' %}{% assign codeCounter = codeCounter | plus:1 %}{% endif %}
|
|
31
|
+
{% if post.categories[0] == 'notes' %}{% assign notesCounter = notesCounter | plus:1 %}{% endif %}
|
|
32
|
+
{% if post.categories[0] == 'epicurean' %}{% assign epicureanCounter = epicureanCounter | plus:1 %}{% endif %}
|
|
33
|
+
{% if post.categories[0] == 'teaching' %}{% assign teachingCounter = teachingCounter | plus:1 %}{% endif %}
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% endfor %}
|
|
36
|
+
|
|
37
|
+
<p class="review-text">
|
|
38
|
+
{% if adventuresCounter > 0 %}I had {{ adventuresCounter }} adventure{% if adventuresCounter > 1 %}s{% endif %}.{% endif %}
|
|
39
|
+
{% if codeCounter > 0 %}I wrote about code {{ codeCounter }} time{% if codeCounter > 1 %}s{% endif %}.{% endif %}
|
|
40
|
+
{% if teachingCounter > 0 %}I taught {{ teachingCounter }} class{% if teachingCounter > 1 %}es{% endif %}.{% endif %}
|
|
41
|
+
{% if notesCounter > 0 %}I wrote {{notesCounter}} note{% if notesCounter > 1 %}s{% endif %}.{% endif %}
|
|
42
|
+
{% if epicureanCounter > 0 %}I made {{epicureanCounter}} new treat{% if epicureanCounter > 1 %}s{% endif %}.{% endif %}
|
|
43
|
+
{% if playlistsCounter > 0 %}I made {{ playlistsCounter }} playlist{% if playlistsCounter > 1 %}s{% endif %}.{% endif %}
|
|
44
|
+
<!-- note about any life events -->
|
|
45
|
+
{% for post in site.data.life %}{% capture year %}{{ post.date | date: "%Y" }}{% endcapture %}{% capture pageYear %}{{ page.title }}{% endcapture %}{% if year == pageYear %}{{post.note}}{% endif %}{% endfor %}
|
|
46
|
+
</p>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="review-thumbs">
|
|
49
|
+
{% for post in site.posts reversed %}
|
|
50
|
+
{% capture year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
51
|
+
{% capture pageYear %}{{ page.title }}{% endcapture %}
|
|
52
|
+
{% if year == pageYear %}
|
|
53
|
+
<a href="{{post.url}}" style="background-image:url({{site.assets}}{{post.image}})" class="review-thumb" data-date="{{post.date | date: "%m%d"}}" title="{{post.title}}"></a>
|
|
54
|
+
{% endif %}
|
|
55
|
+
{% endfor %}
|
|
56
|
+
|
|
57
|
+
<!-- loop through other places images -->
|
|
58
|
+
{% for post in site.data.other-places %}
|
|
59
|
+
{% capture year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
60
|
+
{% capture pageYear %}{{ page.title }}{% endcapture %}
|
|
61
|
+
{% if year == pageYear %}
|
|
62
|
+
<a href="{{post.url}}" style="background-image:url({{post.image}})" class="review-thumb" data-date="{{post.date | date: "%m%d"}}" title="{{post.title}}">{% include icons/instagram.svg %}</a>
|
|
63
|
+
{% endif %}
|
|
64
|
+
{% endfor %}
|
|
65
|
+
|
|
66
|
+
<!-- loop through life events -->
|
|
67
|
+
{% for post in site.data.life %}
|
|
68
|
+
{% capture year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
|
69
|
+
{% capture pageYear %}{{ page.title }}{% endcapture %}
|
|
70
|
+
{% if year == pageYear %}{% assign icon = post.icon | prepend: 'icons/' | append: '.svg' %}
|
|
71
|
+
<a href="{{post.url}}" style="background-image:url({{post.image}})" class="review-thumb" data-date="{{post.date | date: "%m%d"}}" title="{{post.title}}">{% include {{icon}} %}</a>
|
|
72
|
+
{% endif %}
|
|
73
|
+
{% endfor %}
|
|
74
|
+
|
|
75
|
+
</div>
|
|
76
|
+
<div id="map" class="map"></div>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<div class="container">
|
|
80
|
+
{% for data in site.data.top-ten %}{% if data.year == page.title %}
|
|
81
|
+
|
|
82
|
+
{% if data.tripit %}
|
|
83
|
+
<h2>Travel</h2>
|
|
84
|
+
{% for tripit in data.tripit %}
|
|
85
|
+
<p>I went on {{tripit.trips}} trips over {{tripit.days}} days that spanned {{tripit.cities}} cities and {{tripit.countries}} countries. In total, I traveled {{tripit.distance}} miles.</p>
|
|
86
|
+
{% endfor %}
|
|
87
|
+
{% endif %}
|
|
88
|
+
|
|
89
|
+
{% if data.topnine %}
|
|
90
|
+
<h2>Instagram top 9</h2>
|
|
91
|
+
<div class="topnine-thumbs">
|
|
92
|
+
{% for img in data.topnine %}<a href="{{img}}" style="background-image:url({{img}}media/?size=l)" class="topnine-thumb">{% include icons/instagram.svg %}</a>{% endfor %}
|
|
93
|
+
</div>
|
|
94
|
+
{% endif %}
|
|
95
|
+
|
|
96
|
+
{% if data.favorites %}
|
|
97
|
+
<h2>Favorites</h2>
|
|
98
|
+
<ul>{% for fav in data.favorites %}<li>{% for f in fav %}<a href="{{f[1]}}">{{f[0]}}</a>{% endfor %}</li>{% endfor %}</ul>
|
|
99
|
+
{% endif %}
|
|
100
|
+
|
|
101
|
+
{% if data.albums.size > 0 %}<h2>Most listened albums</h2>
|
|
102
|
+
<ol>{% for album in data.albums %}<li>{{album}}</li>{% endfor %}</ol>{% endif %}
|
|
103
|
+
<h2>Most listened tracks</h2>
|
|
104
|
+
{% assign img = page.title | append: '.png' %}
|
|
105
|
+
{% include img.html src=img alt="most listened tracks album art" %}
|
|
106
|
+
{% if data.spotify %} {% include icons/music.svg %} <a href="{{ data.spotify }}" class="playlist-rdio">Listen on Spotify</a>{% endif %}
|
|
107
|
+
<ol>{% for track in data.tracks %}<li>{{track}}</li>{% endfor %}</ol>
|
|
108
|
+
{% endif %}{% endfor %}
|
|
109
|
+
|
|
110
|
+
<div class="post-prev-next">
|
|
111
|
+
{% assign lastYear = pageYear | minus: 1 %}
|
|
112
|
+
{% assign nextYear = pageYear | plus: 1 %}
|
|
113
|
+
{% if site.years contains lastYear %}<a href="/{{ lastYear }}" class="post-prev pull-left">{% include icons/angle-left.svg %} <span class="post-prev-title">{{ lastYear }}</span></a>{% endif %}
|
|
114
|
+
{% if site.years contains nextYear %}<a href="/{{ nextYear }}" class="post-next pull-right text-right"> <span class="post-next-title">{{ nextYear }}</span> {% include icons/angle-right.svg %}</a>{% endif %}
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
<script>
|
|
119
|
+
L.mapbox.accessToken = '{{site.mapbox-token}}';
|
|
120
|
+
var map = L.mapbox.map('map', '{{site.mapid}}');
|
|
121
|
+
|
|
122
|
+
map.scrollWheelZoom.disable();
|
|
123
|
+
|
|
124
|
+
var overlays = L.layerGroup().addTo(map);
|
|
125
|
+
|
|
126
|
+
var featureLayer = L.mapbox.featureLayer()
|
|
127
|
+
.loadURL('/map/adventures.geojson');
|
|
128
|
+
|
|
129
|
+
featureLayer.on('ready', function(e) {
|
|
130
|
+
change();
|
|
131
|
+
layers = e.target;
|
|
132
|
+
cluster()
|
|
133
|
+
});
|
|
134
|
+
|
|
135
|
+
featureLayer.on('layeradd', function(e) {
|
|
136
|
+
var marker = e.layer,
|
|
137
|
+
feature = marker.feature;
|
|
138
|
+
// Create custom popup content
|
|
139
|
+
var popupContent = '<a target="_blank" class="popup external-'+feature.properties.external+'" href="' + feature.properties.url + '">' +
|
|
140
|
+
'<img alt="'+ feature.properties.title +'+" src="{{site.assets}}' + feature.properties.image + '" /><h2 class="text-center">'+feature.properties.title+'</h2></a>';
|
|
141
|
+
|
|
142
|
+
// http://leafletjs.com/reference.html#popup
|
|
143
|
+
marker.bindPopup(popupContent,{
|
|
144
|
+
minWidth: 150,
|
|
145
|
+
closeButton: false
|
|
146
|
+
});
|
|
147
|
+
|
|
148
|
+
});
|
|
149
|
+
|
|
150
|
+
function change() {
|
|
151
|
+
var on = ["{{pageYear}}"];
|
|
152
|
+
featureLayer.setFilter(function (f) {
|
|
153
|
+
return on.indexOf(f.properties['year']) !== -1;
|
|
154
|
+
});
|
|
155
|
+
map.fitBounds(featureLayer.getBounds());
|
|
156
|
+
return false;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
function cluster() {
|
|
160
|
+
var clusterGroup = new L.MarkerClusterGroup().addTo(overlays);
|
|
161
|
+
layers.eachLayer(function(layer) {
|
|
162
|
+
clusterGroup.addLayer(layer);
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
</script>
|
|
166
|
+
|
|
167
|
+
</div>
|
|
168
|
+
{% include footer.html %}
|
|
169
|
+
{% include end.html %}
|
|
170
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.2/tinysort.min.js"></script>
|
|
171
|
+
<script>
|
|
172
|
+
tinysort('.review-thumbs>a',{data:'date'});
|
|
173
|
+
</script>
|
|
174
|
+
</body>
|
|
175
|
+
</html>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.skip a {
|
|
2
|
+
border: 0;
|
|
3
|
+
border-image-outset: initial;
|
|
4
|
+
border-image-repeat: initial;
|
|
5
|
+
border-image-slice: initial;
|
|
6
|
+
border-image-source: initial;
|
|
7
|
+
border-image-width: initial;
|
|
8
|
+
clip: rect(1px 1px 1px 1px);
|
|
9
|
+
height: 1px;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
padding: 0;
|
|
12
|
+
position: absolute;
|
|
13
|
+
width: 1px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.skip a:active,
|
|
17
|
+
.skip a:focus {
|
|
18
|
+
background: $link-color;
|
|
19
|
+
clip: auto;
|
|
20
|
+
color: $white;
|
|
21
|
+
display: block;
|
|
22
|
+
height: auto;
|
|
23
|
+
margin: 0;
|
|
24
|
+
overflow: visible;
|
|
25
|
+
padding: 1%;
|
|
26
|
+
position: static;
|
|
27
|
+
text-align: center;
|
|
28
|
+
width: 100%;
|
|
29
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
.adventure-map-container,
|
|
2
|
+
.adventures {
|
|
3
|
+
display: none;
|
|
4
|
+
|
|
5
|
+
&.show {
|
|
6
|
+
display: block;
|
|
7
|
+
margin-top: 2em;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.adventure-full-map {
|
|
12
|
+
height: 400px;
|
|
13
|
+
width: 100%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.adventure {
|
|
17
|
+
@extend %flex;
|
|
18
|
+
|
|
19
|
+
background: $white;
|
|
20
|
+
display: block;
|
|
21
|
+
margin-bottom: 1em;
|
|
22
|
+
|
|
23
|
+
@include breakpoint(small) {
|
|
24
|
+
padding: 1em;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:hover {
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.adventure-image,
|
|
33
|
+
.adventure-map {
|
|
34
|
+
width: 25%;
|
|
35
|
+
|
|
36
|
+
@include breakpoint(small) {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.adventure-image {
|
|
42
|
+
background-size: cover;
|
|
43
|
+
padding-bottom: 25%;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.adventure-map {
|
|
47
|
+
margin: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.adventure-group {
|
|
51
|
+
@include breakpoint(medium) {
|
|
52
|
+
padding-left: 1.5em;
|
|
53
|
+
width: 50%;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
h2 {
|
|
57
|
+
margin-top: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.icon {
|
|
61
|
+
width: 1em;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.adventure-meta {
|
|
65
|
+
color: $text-color;
|
|
66
|
+
font-size: $font-small;
|
|
67
|
+
margin-bottom: 0.5em;
|
|
68
|
+
}
|
|
69
|
+
}
|
data/_sass/_archive.scss
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
.archive-year {
|
|
2
|
+
margin-bottom: 1em;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.archive-months {
|
|
6
|
+
@include breakpoint(medium) {
|
|
7
|
+
border-left: 4px solid darken($body-bg, 15%);
|
|
8
|
+
margin-left: 1em;
|
|
9
|
+
padding-left: 1em;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.archive-month {
|
|
14
|
+
@extend %clearfix;
|
|
15
|
+
|
|
16
|
+
@include breakpoint(medium) {
|
|
17
|
+
align-items: center;
|
|
18
|
+
display: flex;
|
|
19
|
+
justify-content: left;
|
|
20
|
+
margin-bottom: 2em;
|
|
21
|
+
margin-top: 2em;
|
|
22
|
+
padding: 1em;
|
|
23
|
+
transition: 0.2s;
|
|
24
|
+
|
|
25
|
+
&:hover {
|
|
26
|
+
h3::before {
|
|
27
|
+
background-color: darken($body-bg, 20%);
|
|
28
|
+
transition: 0.25s;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
h3 {
|
|
34
|
+
@extend %fancy-type;
|
|
35
|
+
|
|
36
|
+
min-width: 200px;
|
|
37
|
+
position: relative;
|
|
38
|
+
|
|
39
|
+
@include breakpoint(medium) {
|
|
40
|
+
margin: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.no-flexbox & {
|
|
44
|
+
float: left;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&::before {
|
|
48
|
+
@include breakpoint(medium) {
|
|
49
|
+
background-color: darken($body-bg, 15%);
|
|
50
|
+
border-radius: 0.5em;
|
|
51
|
+
content: "";
|
|
52
|
+
height: 0.5em;
|
|
53
|
+
left: -1.875em;
|
|
54
|
+
position: absolute;
|
|
55
|
+
top: 0.3em;
|
|
56
|
+
transition: 0.2s;
|
|
57
|
+
width: 0.5em;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
ul {
|
|
63
|
+
margin-bottom: 0;
|
|
64
|
+
margin-top: 0;
|
|
65
|
+
|
|
66
|
+
.no-flexbox & {
|
|
67
|
+
float: left;
|
|
68
|
+
width: 500px;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
data/_sass/_brags.scss
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.brag-heading {
|
|
2
|
+
margin-top: 1em;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.brag-heading,
|
|
6
|
+
.brag {
|
|
7
|
+
margin-bottom: 1em;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.brag-site {
|
|
11
|
+
margin-bottom: 0.5em;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.brags {
|
|
15
|
+
&:target {
|
|
16
|
+
padding-top: $body-padding-top / 2;
|
|
17
|
+
transition: 0.5s;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.brag-ul {
|
|
22
|
+
margin-top: 0;
|
|
23
|
+
}
|
data/_sass/_buttons.scss
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
%btn {
|
|
2
|
+
border-radius: 2em;
|
|
3
|
+
color: $text-color;
|
|
4
|
+
display: inline-block;
|
|
5
|
+
padding: 0.3em 1.25em;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.btn {
|
|
9
|
+
@extend %btn;
|
|
10
|
+
|
|
11
|
+
background: $white;
|
|
12
|
+
font-size: $font-small;
|
|
13
|
+
margin-bottom: 0.5em;
|
|
14
|
+
|
|
15
|
+
&:hover {
|
|
16
|
+
text-decoration: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.icon {
|
|
20
|
+
height: 24px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.icon-twitter {
|
|
24
|
+
left: -4px;
|
|
25
|
+
position: relative;
|
|
26
|
+
top: 4px;
|
|
27
|
+
}
|
|
28
|
+
}
|