diff --git a/_sass/fonts.scss b/_sass/fonts.scss
new file mode 100644
index 0000000..23835bd
--- /dev/null
+++ b/_sass/fonts.scss
@@ -0,0 +1,32 @@
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans Regular'),
+ local('OpenSans-Regular'),
+ url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'),
+ url('../fonts/open-sans-v28-latin-regular.woff') format('woff');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Semibold'),
+ local('OpenSans-Semibold'),
+ url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'),
+ url('../fonts/open-sans-v28-latin-600.woff') format('woff');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'),
+ local('OpenSans-Italic'),
+ url('../fonts/open-sans-v28-latin-italic.woff2') format('woff2'),
+ url('../fonts/open-sans-v28-latin-italic.woff') format('woff');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/_sass/jekyll-theme-cayman.scss b/_sass/jekyll-theme-cayman.scss
new file mode 100644
index 0000000..1d0856f
--- /dev/null
+++ b/_sass/jekyll-theme-cayman.scss
@@ -0,0 +1,306 @@
+// Modified version of https://github.com/pages-themes/cayman/blob/9c3e7071552b4b8207bdd6740a93723da24617fc/_sass/jekyll-theme-cayman.scss
+
+@import "normalize";
+@import "fonts";
+@import "variables";
+@import "rouge-github";
+
+@mixin large {
+ @media screen and (min-width: #{$large-breakpoint}) {
+ @content;
+ }
+}
+
+@mixin medium {
+ @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
+ @content;
+ }
+}
+
+@mixin small {
+ @media screen and (max-width: #{$medium-breakpoint}) {
+ @content;
+ }
+}
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+ color: $body-text-color;
+}
+
+a {
+ color: $body-link-color;
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+}
+
+.page-header {
+ color: $header-heading-color;
+ text-align: center;
+ background-color: $header-bg-color;
+ background-image: linear-gradient(120deg, $header-bg-color-secondary, $header-bg-color);
+}
+
+.project-name {
+ margin-top: 0;
+ margin-bottom: 0;
+
+ @include large {
+ font-size: 3rem;
+ }
+
+ @include medium {
+ font-size: 2.5rem;
+ }
+
+ @include small {
+ font-size: 1.75rem;
+ }
+}
+
+.project-tagline {
+ margin: 0 0 0.5rem;
+ font-weight: normal;
+ opacity: 0.85;
+
+ @include large {
+ font-size: 1.5rem;
+ }
+
+ @include medium {
+ font-size: 1.25rem;
+ }
+
+ @include small {
+ font-size: 1rem;
+ }
+}
+
+.main-content {
+ word-wrap: break-word;
+
+ :first-child {
+ margin-top: 0;
+ }
+
+ @include large {
+ max-width: 64rem;
+ padding: 2rem 6rem;
+ margin: 0 auto;
+ font-size: 1.1rem;
+ }
+
+ @include medium {
+ padding: 2rem 4rem;
+ font-size: 1.1rem;
+ }
+
+ @include small {
+ padding: 2rem 1rem;
+ font-size: 1rem;
+ }
+
+ kbd {
+ background-color: #fafbfc;
+ border: 1px solid #c6cbd1;
+ border-bottom-color: #959da5;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #959da5;
+ color: #444d56;
+ display: inline-block;
+ font-size: 11px;
+ line-height: 10px;
+ padding: 3px 5px;
+ vertical-align: middle;
+ }
+
+ img {
+ max-width: 100%;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-weight: normal;
+ color: $section-headings-color;
+ }
+
+ p {
+ margin-bottom: 1em;
+ }
+
+ code {
+ padding: 2px 4px;
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 0.9rem;
+ color: $code-text-color;
+ background-color: $code-bg-color;
+ border-radius: 0.3rem;
+ }
+
+ pre {
+ padding: 0.8rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ color: $code-text-color;
+ word-wrap: normal;
+ background-color: $code-bg-color;
+ border: solid 1px $border-color;
+ border-radius: 0.3rem;
+
+ > code {
+ padding: 0;
+ margin: 0;
+ font-size: 0.9rem;
+ color: $code-text-color;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0;
+ }
+ }
+
+ .highlight {
+ margin-bottom: 1rem;
+
+ pre {
+ margin-bottom: 0;
+ word-break: normal;
+ }
+ }
+
+ .highlight pre,
+ pre {
+ padding: 0.8rem;
+ overflow: auto;
+ font-size: 0.9rem;
+ line-height: 1.45;
+ border-radius: 0.3rem;
+ -webkit-overflow-scrolling: touch;
+ }
+
+ pre code,
+ pre tt {
+ display: inline;
+ max-width: initial;
+ padding: 0;
+ margin: 0;
+ overflow: initial;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0;
+
+ &:before,
+ &:after {
+ content: normal;
+ }
+ }
+
+ ul,
+ ol {
+ margin-top: 0;
+ }
+
+ blockquote {
+ padding: 0 1rem;
+ margin-left: 0;
+ color: $blockquote-text-color;
+ border-left: 0.3rem solid $border-color;
+
+ > :first-child {
+ margin-top: 0;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ word-break: normal;
+ word-break: keep-all; // For Firefox to horizontally scroll wider tables.
+ -webkit-overflow-scrolling: touch;
+
+ th {
+ font-weight: bold;
+ }
+
+ th,
+ td {
+ padding: 0.5rem 1rem;
+ border: 1px solid $table-border-color;
+ }
+ }
+
+ dl {
+ padding: 0;
+
+ dt {
+ padding: 0;
+ margin-top: 1rem;
+ font-size: 1rem;
+ font-weight: bold;
+ }
+
+ dd {
+ padding: 0;
+ margin-bottom: 1rem;
+ }
+ }
+
+ hr {
+ height: 1px;
+ padding: 0;
+ margin: 1.3rem 0;
+ background-color: $hr-border-color;
+ border: 0;
+ }
+}
+
+.site-footer {
+ padding-top: 2rem;
+ margin-top: 2rem;
+ border-top: solid 1px $hr-border-color;
+
+ @include large {
+ font-size: 1rem;
+ }
+
+ @include medium {
+ font-size: 1rem;
+ }
+
+ @include small {
+ font-size: 0.9rem;
+ }
+}
+
+.site-footer-owner {
+ display: block;
+ font-weight: bold;
+}
+
+.site-footer-credits {
+ color: $blockquote-text-color;
+}
diff --git a/_sass/normalize.scss b/_sass/normalize.scss
new file mode 100644
index 0000000..f2703fb
--- /dev/null
+++ b/_sass/normalize.scss
@@ -0,0 +1,302 @@
+// Modified version of https://github.com/pages-themes/cayman/blob/9c3e7071552b4b8207bdd6740a93723da24617fc/_sass/normalize.scss
+
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+// Prevent iOS text size adjust after orientation change, without disabling user zoom.
+
+html {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+}
+
+// Correct `block` display not defined for any HTML5 element in IE 8/9.
+// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+// Correct `block` display not defined for `main` in IE 11.
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+// 1. Correct `inline-block` display not defined in IE 8/9.
+// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ vertical-align: baseline;
+}
+
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+
+template {
+ display: none;
+}
+
+// Remove the gray background color from active links in IE 10.
+
+a {
+ background-color: transparent;
+}
+
+// Improve readability when focused and also mouse hovered in all browsers.
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+
+b,
+strong {
+ font-weight: bold;
+}
+
+// Address styling not present in Safari and Chrome.
+
+dfn {
+ font-style: italic;
+}
+
+// Address styling not present in IE 8/9.
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+// Address inconsistent and variable font size in all browsers.
+
+small {
+ font-size: 80%;
+}
+
+// Prevent `sub` and `sup` affecting `line-height` in all browsers.
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+// Remove border when inside `a` element in IE 8/9/10.
+
+img {
+ border: 0;
+}
+
+// Correct overflow not hidden in IE 9/10/11.
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+// Address margin not present in IE 8/9 and Safari.
+
+figure {
+ margin: 1em 40px;
+}
+
+// Address differences between Firefox and other browsers.
+
+hr {
+ box-sizing: content-box;
+}
+
+// Contain overflow in all browsers.
+
+pre {
+ overflow: auto;
+}
+
+// Address odd `em`-unit font size rendering in all browsers.
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+// Known limitation: by default, Chrome and Safari on OS X allow very limited
+// styling of `select`, unless a `border` property is set.
+
+// 1. Correct color not being inherited.
+// Known issue: affects color of disabled elements.
+// 2. Correct font properties not being inherited.
+// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+
+// Address `overflow` set to `hidden` in IE 8/9/10/11.
+
+button {
+ overflow: visible;
+}
+
+// Address inconsistent `text-transform` inheritance for `button` and `select`.
+// All other form control elements do not inherit `text-transform` values.
+// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+// Correct `select` style inheritance in Firefox.
+
+button,
+select {
+ text-transform: none;
+}
+
+// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+// 2. Correct inability to style clickable `input` types in iOS.
+// 3. Improve usability and consistency of cursor style between image-type `input` and others.
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+// Re-set default cursor for disabled elements.
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+// Remove inner padding and border in Firefox 4+.
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+// Address Firefox 4+ setting `line-height` on `input` using `!important` in
+// the UA stylesheet.
+
+input {
+ line-height: normal;
+}
+
+// It's recommended that you don't attempt to style these elements.
+// Firefox's implementation doesn't respect box-sizing, padding, or width.
+// 1. Address box sizing set to `content-box` in IE 8/9/10.
+// 2. Remove excess padding in IE 8/9/10.
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+// Fix the cursor style for Chrome's increment/decrement buttons. For certain
+// `font-size` values of the `input`, it causes the cursor style of the
+// decrement button to change from `default` to `text`.
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+// (include `-moz` to future-proof).
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ box-sizing: content-box;
+}
+
+// Remove inner padding and search cancel button in Safari and Chrome on OS X.
+// Safari (but not Chrome) clips the cancel button when the search input has
+// padding (and `textfield` appearance).
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+// Define consistent border, margin, and padding.
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+}
+
+// Remove default vertical scrollbar in IE 8/9/10/11.
+
+textarea {
+ overflow: auto;
+}
+
+// Don't inherit the `font-weight` (applied by a rule above).
+// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+
+optgroup {
+ font-weight: bold;
+}
+
+// Remove most spacing between table cells.
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/_sass/variables.scss b/_sass/variables.scss
new file mode 100644
index 0000000..a7426d6
--- /dev/null
+++ b/_sass/variables.scss
@@ -0,0 +1,25 @@
+// Modified version of https://github.com/pages-themes/cayman/blob/9c3e7071552b4b8207bdd6740a93723da24617fc/_sass/variables.scss
+
+// Breakpoints
+$large-breakpoint: 64em;
+$medium-breakpoint: 42em;
+
+// Headers
+$header-heading-color: #fff;
+$header-bg-color: #348fba;
+$header-bg-color-secondary: #c56087;
+
+// Text
+$section-headings-color: #159957;
+$body-text-color: #606c71;
+$body-link-color: #2482ae;
+$blockquote-text-color: #819198;
+
+// Code
+$code-bg-color: #f3f6fa;
+$code-text-color: #567482;
+
+// Borders
+$border-color: #dce6f0;
+$table-border-color: #e9ebec;
+$hr-border-color: #eff0f1;
diff --git a/assets/css/style.scss b/assets/css/style.scss
index bcca4b6..885df48 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -3,10 +3,6 @@
@import "{{ site.theme }}";
-a {
- color: #2482ae;
-}
-
.inactive-link {
cursor: default;
}
@@ -15,27 +11,12 @@ a {
padding: 0.4rem 4vw;
text-shadow: 0 2px 3px #1b242980;
box-shadow: 0 2px 2px #000c;
- background-color: #348fba;
- background-image: linear-gradient(120deg, #c56087, #348fba);
}
.project-name {
display: flex;
justify-content: center;
align-items: center;
- margin-bottom: 0;
-
- @include large {
- font-size: 3rem;
- }
-
- @include medium {
- font-size: 2.5rem;
- }
-
- @include small {
- font-size: 1.75rem;
- }
.project-name-image {
$size: 3.4rem;
@@ -57,23 +38,6 @@ a {
}
}
-.project-tagline {
- margin: 0 0 0.5rem;
- opacity: 0.85;
-
- @include large {
- font-size: 1.5rem;
- }
-
- @include medium {
- font-size: 1.25rem;
- }
-
- @include small {
- font-size: 1rem;
- }
-}
-
.main-content {
max-width: 1100px;
@@ -93,12 +57,6 @@ a {
font-size: 1em;
}
- hr {
- height: 1px;
- background-color: #eff0f1;
- margin: 1.3rem 0;
- }
-
li + li {
margin-top: 0.2rem;
}
diff --git a/assets/fonts/open-sans-v28-latin-600.woff b/assets/fonts/open-sans-v28-latin-600.woff
new file mode 100644
index 0000000..6ad677a
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-600.woff differ
diff --git a/assets/fonts/open-sans-v28-latin-600.woff2 b/assets/fonts/open-sans-v28-latin-600.woff2
new file mode 100644
index 0000000..d3eaed3
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-600.woff2 differ
diff --git a/assets/fonts/open-sans-v28-latin-italic.woff b/assets/fonts/open-sans-v28-latin-italic.woff
new file mode 100644
index 0000000..d0eed76
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-italic.woff differ
diff --git a/assets/fonts/open-sans-v28-latin-italic.woff2 b/assets/fonts/open-sans-v28-latin-italic.woff2
new file mode 100644
index 0000000..10a17f0
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-italic.woff2 differ
diff --git a/assets/fonts/open-sans-v28-latin-regular.woff b/assets/fonts/open-sans-v28-latin-regular.woff
new file mode 100644
index 0000000..796d9f3
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-regular.woff differ
diff --git a/assets/fonts/open-sans-v28-latin-regular.woff2 b/assets/fonts/open-sans-v28-latin-regular.woff2
new file mode 100644
index 0000000..6354811
Binary files /dev/null and b/assets/fonts/open-sans-v28-latin-regular.woff2 differ