Skip to content
Permalink
Browse files
Overhaul the social menu. Add humor and seriousness to the footer. Ad…
…d ability to include writing as link and as content.
  • Loading branch information
adaburrows committed Jun 27, 2020
1 parent e6a8cf5 commit 450feed30f14bac162849e92b4ba5b580ed3581a
Showing 110 changed files with 14,989 additions and 230 deletions.

This file was deleted.

This file was deleted.

@@ -0,0 +1,8 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
summary: ''
link: ''
categories: []
draft: true
---
@@ -0,0 +1,22 @@
@import "fa/fontawesome";
@import "fa/regular";
@import "fa/solid";
@import "fa/brands";

@media print {
.no-print, nav, header.book-header {
display: none;
}
.print-only {
display: inherit;
}
}

@media screen {
.no-print, nav, header.book-header {
display: inherit;
}
.print-only {
display: none;
}
}
@@ -1,4 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,500;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans&display=swap');
@@ -15,32 +14,18 @@ nav {
span.date, div.post-meta h4, footer.book-footer {
font-family: 'Source Code Pro', monospace;
font-weight: bold;
font-size: 0.66em;
font-size: 0.85em;
text-transform: uppercase;
}

body, nav ul a {
font-family: "Alegreya Sans", sans-serif
}

code {
font-family: 'Source Code Pro', monospace;
}

@media print {
.no-print, nav, header.book-header {
display: none;
}
.print-only {
display: inherit;
}
nav ul.social li {
font-size: 0.85em;
}

@media screen {
.no-print, nav, header.book-header {
display: inherit;
}
.print-only {
display: none;
}
code {
font-family: 'Source Code Pro', monospace;
}
@@ -0,0 +1,20 @@
// Animated Icons
// --------------------------

.#{$fa-css-prefix}-spin {
animation: fa-spin 2s infinite linear;
}

.#{$fa-css-prefix}-pulse {
animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}
@@ -0,0 +1,20 @@
// Bordered & Pulled
// -------------------------

.#{$fa-css-prefix}-border {
border: solid .08em $fa-border-color;
border-radius: .1em;
padding: .2em .25em .15em;
}

.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }

.#{$fa-css-prefix},
.fas,
.far,
.fal,
.fab {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
@@ -0,0 +1,21 @@
// Base Class Definition
// -------------------------

.#{$fa-css-prefix},
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}

%fa-icon {
@include fa-icon;
}
@@ -0,0 +1,6 @@
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
text-align: center;
width: $fa-fw-width;
}

Large diffs are not rendered by default.

@@ -0,0 +1,23 @@
// Icon Sizes
// -------------------------

// makes the font 33% larger relative to the icon container
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -.0667em;
}

.#{$fa-css-prefix}-xs {
font-size: .75em;
}

.#{$fa-css-prefix}-sm {
font-size: .875em;
}

@for $i from 1 through 10 {
.#{$fa-css-prefix}-#{$i}x {
font-size: $i * 1em;
}
}
@@ -0,0 +1,18 @@
// List Icons
// -------------------------

.#{$fa-css-prefix}-ul {
list-style-type: none;
margin-left: $fa-li-width * 5/4;
padding-left: 0;

> li { position: relative; }
}

.#{$fa-css-prefix}-li {
left: -$fa-li-width;
position: absolute;
text-align: center;
width: $fa-li-width;
line-height: inherit;
}
@@ -0,0 +1,56 @@
// Mixins
// --------------------------

@mixin fa-icon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
}

@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
transform: rotate($degrees);
}

@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
transform: scale($horiz, $vert);
}


// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/

@mixin sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate

@mixin sr-only-focusable {
&:active,
&:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
}
@@ -0,0 +1,24 @@
// Rotated & Flipped Icons
// -------------------------

.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }

.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
.#{$fa-css-prefix}-flip-both, .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }

// Hook for IE8-9
// -------------------------

:root {
.#{$fa-css-prefix}-rotate-90,
.#{$fa-css-prefix}-rotate-180,
.#{$fa-css-prefix}-rotate-270,
.#{$fa-css-prefix}-flip-horizontal,
.#{$fa-css-prefix}-flip-vertical,
.#{$fa-css-prefix}-flip-both {
filter: none;
}
}
@@ -0,0 +1,5 @@
// Screen Readers
// -------------------------

.sr-only { @include sr-only; }
.sr-only-focusable { @include sr-only-focusable; }

0 comments on commit 450feed

Please sign in to comment.