diff --git a/.gitignore b/.gitignore index f51989b..4f10d8a 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,4 @@ -.DS_Store +*.DS_Store node_modules .sass-cache *.map @@ -6,7 +6,6 @@ node_modules /* !/.gitignore !/gulpfile.js -!/bower.json !/package.json !/README.md !/favicon.ico diff --git a/README.md b/README.md index 17f0122..2430682 100644 --- a/README.md +++ b/README.md @@ -1 +1,15 @@ -Piper's notes \ No newline at end of file +# Notebook theme for WordPress + +This is a simple WordPress theme for keeping notes. It is currently in use on [piperhaywood.com](https://piperhaywood.com). + +Post titles are second-class citizens by design. For Standard posts (longer format writing), titles are displayed in the body of the content. For all other formats (aside, image, quote, etc.), titles are only displayed on the post permalink as a breadcrumb. + +The Browse page template offers search, year-based post lists, and a tag cloud. The tag cloud displays only tags with greater than one post count. The tag opacity is relative to the tag’s post count (the fewer the posts, the lighter the tag). + +The theme makes use of the [Infinite Scroll](https://infinite-scroll.com/) library by Metafizzy under the open source license [GPLv3](https://www.gnu.org/licenses/gpl-3.0.html). The theme uses [Prism.js](https://prismjs.com/index.html) for syntax highlighting. + +There are a few additional theme modification options on the WordPress Customizer. “Rainbow” will enable date-specific colours across the site. A theme credit can optionally be removed, and author links can be hidden. + +The theme isn’t currently translation-ready. I’ll try to get to this at some point. + +The accessibility is nowhere near where I want it to be. That needs to be the priority for the next update. diff --git a/bower.json b/bower.json deleted file mode 100644 index 16a297f..0000000 --- a/bower.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "name": "notebook-ph", - "private": true, - "devDependencies": { - "jquery": "~2.1.4" - }, - "dependencies": { - "jquery.fitvids": "^1.1.0", - "prism": "^1.4.1" - } -} diff --git a/css/_base.scss b/css/_base.scss new file mode 100644 index 0000000..e7b0f2f --- /dev/null +++ b/css/_base.scss @@ -0,0 +1,112 @@ +:root { + --tag-color: $black; + --color: $black; + --gutter: $container-padding-mobile; + @media (min-width: 500px) { + --gutter: $container-padding; + } +} + +html { + box-sizing: border-box; + -webkit-text-size-adjust: 100%; +} + +body { + font-size: 1em; +} + +html { + font-size: 87.5%; +} + +button, +select, +textarea, +input { + font-size: 16px; +} + +@media (min-width: 500px) { + html { + font-size: 100%; + } + + button, + select, + textarea, + input { + font-size: 100%; + } +} + +*, +*::after, +*::before { + box-sizing: inherit; + margin: 0; +} + +body { + @include style-body; + color: $black; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +a { + color: inherit; + text-decoration: none; +} + +img { + display: inline-block; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +button, input, select, textarea { + font-family: inherit; +} + +button, +[type="submit"] { + appearance: none; + background-color: transparent; + border: 0; + border-radius: 0; + cursor: pointer; + margin: 0; + padding: 0; +} + +svg { + display: inline-block; + height: auto; + vertical-align: middle; +} + +summary { + cursor: pointer; +} + +body:not(.user-is-tabbing) button:focus, +body:not(.user-is-tabbing) input:focus, +body:not(.user-is-tabbing) select:focus, +body:not(.user-is-tabbing) textarea:focus, +body:not(.user-is-tabbing) summary:focus { + outline: none; +} + +iframe { + max-width: 100%; +} diff --git a/css/_browse.scss b/css/_browse.scss new file mode 100644 index 0000000..0d4e6cf --- /dev/null +++ b/css/_browse.scss @@ -0,0 +1,19 @@ +.years { + margin-bottom: 2em; +} + +.year-posts { + margin-bottom: 1em; +} + +.year-post { + display: block; +} + +.year-post { + padding: .25em .5em; +} + +.tagcloud .post__tag { + color: var(--tag-color); +} diff --git a/css/_components.menu.scss b/css/_components.menu.scss new file mode 100644 index 0000000..e0f4fd9 --- /dev/null +++ b/css/_components.menu.scss @@ -0,0 +1,57 @@ +.menu-header-container ul { + list-style-type: none; +} + +.menu > ul { + padding-left: 0; +} + +.menu li { + @include style-h1; +} + +.menu a { + display: inline-block; + margin: 0 0 1rem; +} + +.menu a:hover { + text-decoration: underline; +} + +#menu-toggle { + display: none; +} + +.open-menu:hover .open-menu__button { + text-decoration: underline; +} + +.open-menu__button--close { + display: none; +} + +#menu-toggle:checked ~ .open-menu .open-menu__button--open { + display: none; +} + +#menu-toggle:checked ~ .open-menu .open-menu__button--close { + display: inline; +} + +.open-menu { + cursor: pointer; + height: $header-height; + padding: $container-padding var(--gutter); + position: fixed; + right: calc((100vw - #{$container-width}) / 2); + top: 0; + z-index: 70; + @media (max-width: $container-width) { + right: 0; + } +} + +.admin-bar .open-menu { + top: 32px; +} diff --git a/css/_components.pagination.scss b/css/_components.pagination.scss new file mode 100644 index 0000000..2d3686c --- /dev/null +++ b/css/_components.pagination.scss @@ -0,0 +1,17 @@ +.pagination { + margin-bottom: 2em; + padding-top: 10vh; +} + +.pagination__label { + margin-bottom: .5rem; +} + +.pagination__link { + @include style-h1; +} + +.pagination--post .pagination__link a { + display: inline-block; + width: 100%; +} diff --git a/css/_components.searchform.scss b/css/_components.searchform.scss new file mode 100644 index 0000000..b3a1c46 --- /dev/null +++ b/css/_components.searchform.scss @@ -0,0 +1,34 @@ +.searchform { + margin-bottom: 2em; + margin-top: 2em; +} + +.searchform label { + @include visuallyhidden; +} + +.searchform input[type="text"] { + border: 1px solid transparent; + display: block; + margin-left: auto; + margin-right: auto; + max-width: calc(100vw - (var(--gutter) * 2)); + padding: $container-padding 0 $container-padding $container-padding; + width: 100%; +} + +.searchform input[type="submit"] { + background: white; + cursor: pointer; + padding: 1rem; +} + +.searchform input[type="submit"]:hover { + text-decoration: underline; +} + +.searchform__group { + border: 1px solid black; + display: flex; + margin-bottom: .5rem; +} diff --git a/css/_components.site-footer.scss b/css/_components.site-footer.scss new file mode 100644 index 0000000..db1f7f7 --- /dev/null +++ b/css/_components.site-footer.scss @@ -0,0 +1,26 @@ +.site-footer { + @include container; + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: flex-end; + position: relative; + width: 100%; + z-index: 55; +} + +.infinite-loading, +.infinite-end { + display: none; + margin-bottom: 2em; + padding-top: 10vh; +} + +.infinite-loading.show, +.infinite-end.show { + display: block; +} + +.infinite-end a:hover { + text-decoration: underline; +} diff --git a/css/_components.site-header.scss b/css/_components.site-header.scss new file mode 100644 index 0000000..5c1e6a3 --- /dev/null +++ b/css/_components.site-header.scss @@ -0,0 +1,70 @@ +.header__inner { + background: white; + height: $header-height; + left: 0; + overflow: hidden; + position: fixed; + right: 0; + top: 0; + z-index: 60; +} + +.header__description code { + @include code; +} + +#menu-toggle:checked ~ .header .header__inner { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} + +#menu-toggle:checked ~ .header .header, +#menu-toggle:checked ~ .header .header__inner { + height: 100%; + background: white; +} + +#menu-toggle:checked ~ .wrapper, { + opacity: .5; +} + +.header__title { + display: inline-block; + font-size: inherit; + font-weight: inherit; + overflow: hidden; + padding-bottom: $container-padding; + padding-top: $container-padding; + text-overflow: ellipsis; + white-space: nowrap; + width: 34em; + @media (max-width: $container-width) { + width: calc(100vw - 6em); + } +} + +.header__link:hover { + text-decoration: underline; +} + +#menu-toggle:checked ~ .header .header__title { + overflow: visible; + white-space: normal; +} + +.smallprint { + color: $grey; + margin-bottom: 1em; +} + +.smallprint a:hover { + text-decoration: underline; +} + +.admin-bar .header__inner { + top: 32px; +} + +.header .searchform { + margin-top: .75rem; +} diff --git a/css/_components.tags.scss b/css/_components.tags.scss new file mode 100644 index 0000000..c3fa6b7 --- /dev/null +++ b/css/_components.tags.scss @@ -0,0 +1,26 @@ +.post__tags { + display: flex; + flex-wrap: wrap; + list-style: none; + margin-left: 0; + padding: 0; +} + +.post__tag { + color: $grey; + margin-right: 1.5ch; +} + +.post__tag a { + text-decoration: none; +} + +.post__tag:last-child .separator { + display: none; +} + +.post__tag a:hover, +.post__tag a:focus, +.post__tag a:active { + text-decoration: underline; +} diff --git a/css/_fonts.scss b/css/_fonts.scss new file mode 100644 index 0000000..c5d9630 --- /dev/null +++ b/css/_fonts.scss @@ -0,0 +1,30 @@ +@font-face { + font-family: 'IBMPlexMono'; + font-weight: 400; + src: url('fonts/IBMPlexMono-Regular.eot'); /* IE9 Compat Modes */ + src: url('fonts/IBMPlexMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('fonts/IBMPlexMono-Regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('fonts/IBMPlexMono-Regular.woff') format('woff'), /* Pretty Modern Browsers */ + url('fonts/IBMPlexMono-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ +} + +@font-face { + font-family: 'IBMPlexMono'; + font-weight: 700; + src: url('fonts/IBMPlexMono-Bold.eot'); /* IE9 Compat Modes */ + src: url('fonts/IBMPlexMono-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('fonts/IBMPlexMono-Bold.woff2') format('woff2'), /* Super Modern Browsers */ + url('fonts/IBMPlexMono-Bold.woff') format('woff'), /* Pretty Modern Browsers */ + url('fonts/IBMPlexMono-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ +} + +@font-face { + font-family: 'IBMPlexMono'; + font-weight: 400; + font-style: italic; + src: url('fonts/IBMPlexMono-Italic.eot'); /* IE9 Compat Modes */ + src: url('fonts/IBMPlexMono-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('fonts/IBMPlexMono-Italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('fonts/IBMPlexMono-Italic.woff') format('woff'), /* Pretty Modern Browsers */ + url('fonts/IBMPlexMono-Italic.ttf') format('truetype'); /* Safari, Android, iOS */ +} diff --git a/css/_layout.scss b/css/_layout.scss new file mode 100644 index 0000000..4bff206 --- /dev/null +++ b/css/_layout.scss @@ -0,0 +1,59 @@ +html, +body { + height: 100%; +} + +body { + overflow-y: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +body.admin-bar { + margin-top: 32px; +} + +.wrapper { + background: white; + height: calc(100% - #{$header-height}); + margin-top: $header-height; + overflow-x: hidden; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} + +.admin-bar .wrapper { + height: calc(100% - #{$header-height} - 32px); +} + +#menu-toggle:checked ~ .wrapper { + overflow-y: hidden; +} + +.main { + width: 100%; +} + +.article__inner { + position: relative; + z-index: 49; +} + +.post__footer { + padding-bottom: 10vh !important; +} + +.article { + padding-top: 10vh; +} + +.article:first-of-type { + padding-top: calc(#{$header-height} + 10vh); +} + +.prose .post__header { + margin-bottom: 2em; +} diff --git a/css/_mixins.scss b/css/_mixins.scss new file mode 100644 index 0000000..f3ddf5d --- /dev/null +++ b/css/_mixins.scss @@ -0,0 +1,78 @@ +@mixin style-body($weight: 400) { + font-family: $font-mono; + font-size: $size-body; + font-weight: $weight; + line-height: 1.5; +} + +@mixin style-caption($weight: 400) { + font-family: $font-mono; + font-size: $size-body; + font-weight: $weight; + line-height: 1.5; +} + +@mixin style-h1($weight: 300) { + font-family: $font-mono; + font-size: $size-h1; + font-weight: $weight; + line-height: 1.5; +} + +@mixin style-h2($weight: 300) { + font-family: $font-mono; + font-size: $size-h2; + font-weight: $weight; + line-height: 1.5; +} + +@mixin style-h3($weight: 300) { + font-family: $font-mono; + font-size: $size-h3; + font-weight: $weight; + line-height: 1.5; +} + +@mixin style-h4($weight: false) { + font-family: $font-mono; + font-size: $size-h4; + letter-spacing: 0.0275em; + line-height: 1.5; + text-transform: uppercase; + @if $weight { + font-weight: $weight; + } +} + +@mixin container { + // NOTE consider using a custom property if padding + // needs to change across breakpoints + margin-left: auto; + margin-right: auto; + max-width: $container-width; + padding-left: $container-padding-mobile; + padding-right: $container-padding-mobile; + @media (min-width: 500px) { + padding-left: $container-padding; + padding-right: $container-padding; + } +} + +@mixin visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; +} + +@mixin code { + font-family: $font-mono; + font-size: inherit; + background: #eeeeee; + padding: 0 .25em; +} diff --git a/css/_post.scss b/css/_post.scss new file mode 100644 index 0000000..5a49661 --- /dev/null +++ b/css/_post.scss @@ -0,0 +1,32 @@ +.post__footer, +.post__header { + @include container; +} + +.post__time { + margin-bottom: 2em; + display: inline-block; +} + +.post__title { + @include style-h1(700); + margin-bottom: 2em; +} + +.post__title a { + text-decoration: none; +} + +.post__title a:hover { + color: black; + text-decoration: none; +} + +.post__footer { + clear: both; + margin-top: 1.5em; +} + +.post__author a:hover { + text-decoration: underline; +} diff --git a/css/_prism.scss b/css/_prism.scss index 3bb2011..b5ac9a9 100644 --- a/css/_prism.scss +++ b/css/_prism.scss @@ -9,22 +9,20 @@ * Theme customised heavily by Piper Haywood */ -$prism-pink: #f92672; +$prism-pink: #e08; $prism-grey: #75715E; $prism-white: #F8F8F2; -$prism-orange: #FD971F; +$prism-orange: #d70; $prism-yellow: #E6DB74; -$prism-green: #A6E22E; -$prism-blue: #66D9EF; -$prism-purple: #AE81FF; +$prism-green: #0a2; +$prism-blue: #07d; +$prism-purple: #98d; $prism-black: #282828; code[class*="language-"], pre[class*="language-"] { - color: #f8f8f2; - text-shadow: 0 1px rgba(0, 0, 0, 0.3); - font-family: Courier, monospace; + color: $prism-black; font-size: 92%; direction: ltr; text-align: left; @@ -49,13 +47,12 @@ pre[class*="language-"] { :not(pre) > code[class*="language-"], pre[class*="language-"] { - background: $prism-black; + background: #eeeeee; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; - // border-radius: .3em; } .token.comment, @@ -66,7 +63,7 @@ pre[class*="language-"] { } .token.punctuation { - color: $prism-white; + color: $prism-black; } .namespace { @@ -101,13 +98,13 @@ pre[class*="language-"] { .language-css .token.string, .style .token.string, .token.variable { - color: $prism-white; + color: $prism-black; } .token.atrule, .token.attr-value, .token.function { - color: $prism-yellow; + color: $prism-orange; } .token.keyword { diff --git a/css/_rainbow.scss b/css/_rainbow.scss new file mode 100644 index 0000000..d8001c6 --- /dev/null +++ b/css/_rainbow.scss @@ -0,0 +1,36 @@ +.rainbow .has-bg { + background: var(--color); +} + +.rainbow .post__title a:hover { + color: var(--color); +} + +.rainbow .prose hr { + color: var(--color); + background-color: var(--color); +} + +.rainbow .prose tr > * { + border-bottom: 1px solid var(--color); +} + +.rainbow .article .prose blockquote { + border: 1px solid var(--color); +} + +@supports (text-decoration-color: var(--color)) { + .rainbow .prose s, + .rainbow .prose del, + .rainbow .prose strike, + .rainbow .prose a, + .rainbow .prose ins, + .rainbow .post__author a:hover, + .rainbow .post__author a:focus, + .rainbow .post__author a:active, + .rainbow .post__tag a:hover, + .rainbow .post__tag a:focus, + .rainbow .post__tag a:active { + text-decoration-color: var(--color); + } +} diff --git a/css/_typography.scss b/css/_typography.scss new file mode 100644 index 0000000..8c44739 --- /dev/null +++ b/css/_typography.scss @@ -0,0 +1,317 @@ +.prose > *:first-child { + margin-top: 0; +} + +.prose > div, +.prose > p, +.prose > ul, +.prose > ol, +.prose > h1, +.prose > h2, +.prose > h3, +.prose > h4, +.prose > h5, +.prose > h6, +.prose > dl, +.prose > blockquote, +.prose > address { + @include container; +} + +.prose > ol { + @media (max-width: 45em) { + margin-left: calc(2ch + 16px); + } +} + +.prose > ul:not(.post__tags) { + @media (max-width: 42em) { + margin-left: 18px; + } +} + +.prose p img.alignnone { + padding: 0; +} + +.prose a { + text-decoration: underline; +} + +.prose a:hover { + text-decoration: none; +} + +.prose h1 { + @include style-h1(700); + margin-bottom: 1.5em; + margin-top: 1.5em; +} + +.prose h2 { + @include style-h2(700); + margin-bottom: 1.5em; + margin-top: 4em; +} + +.prose h3, +.prose h4, +.prose h5, +.prose h6 { + @include style-h4; +} + +.prose small { + font-size: inherit; +} + +.link_description > *, +.prose > * { + margin-bottom: 1.5em; + margin-top: 1.5em; +} + +.prose > iframe.instagram-media { + margin-right: auto !important; + margin-left: auto !important; + width: calc(100vw - (var(--gutter) * 2)) !important; +} + +.prose img.alignleft, +.prose img.alignright, +.prose .wp-caption.alignleft, +.prose .wp-caption.alignright { + margin-bottom: $container-padding; +} + +.wp-caption { + max-width: 100%; +} + +.prose .wp-caption-text, +.prose p img { + margin-bottom: 0; +} + +.prose .wp-caption img { + margin-bottom: .5em; +} + +.prose abbr, +.prose acronym { + text-decoration: none; +} + +.prose address { + font-style: normal; +} + +.prose hr { + border: none; + height: 1px; + color: black; + background-color: black; + @include container; +} + +.prose code, +.prose kbd { + @include code; +} + +.prose pre { + width: $container-width; + max-width: calc(100vw - (var(--gutter) * 2)); + overflow: scroll; + margin-left: auto; + margin-right: auto; + background: #eeeeee; + padding: $container-padding; +} + +.prose pre h1, +.prose pre h2, +.prose pre h3, +.prose pre h4, +.prose pre h5, +.prose pre h6 { + font-size: inherit; + font-weight: inherit; +} + +.prose pre code { + display: block; + white-space: pre-wrap; +} + +.prose table { + display: block; + max-width: 100%; + width: fit-content; + overflow-x: scroll; + border-collapse: collapse; + padding-bottom: 1.5em; + padding-right: var(--gutter); + padding-left: var(--gutter); + margin-right: auto; + margin-left: auto; +} + +.prose th { + font-weight: normal; + text-align: left; +} + +.prose tr { + vertical-align: top; +} + +.prose tr > * { + padding-top: .5em; + padding-bottom: .5em; + border-bottom: 1px solid black; +} + +.prose tr > * { + min-width: 9em; + padding-right: .5em; +} + +.prose tr > *:last-child { + padding-right: 0; +} + +.prose dd { + padding-left: 1.5em; +} + +.prose ins { + position: relative; +} + +.prose ins:before { + content: "‸"; + top: 2px; + position: absolute; + width: 100%; + text-align: center; +} + +.article .prose blockquote { + border: 1px solid black; + padding: $container-padding; +} + +.prose blockquote p { + margin-bottom: $container-padding; +} + +@media (max-width: 42em) { + .article .prose > blockquote { + margin-right: var(--gutter); + margin-left: var(--gutter); + } +} + +.prose > blockquote blockquote { + margin-bottom: $container-padding; +} + +.prose blockquote *:last-child { + margin-bottom: 0; +} + +.prose .aligncenter img, +.prose img.aligncenter, +.prose .aligncenter .wp-caption-text { + max-width: calc(100vw - (var(--gutter) * 2)); + margin-right: auto; + margin-left: auto; +} + +.prose div.alignnone { + @include container; + width: 100% !important; +} + +.prose .aligncenter { + margin-right: auto; + margin-left: auto; +} + +.prose .aligncenter .wp-caption-text { + text-align: center; + @media (max-width: #{$container-width}) { + text-align: left; + } +} + +$max-aligned-img: 16em; + +.prose .alignleft img, +.prose .alignright img, +.prose .alignleft, +.prose .alignright, +.prose img.alignleft, +.prose img.alignright, +.prose .alignleft .wp-caption-text, +.prose .alignright .wp-caption-text { + width: 40vw !important; + max-width: $max-aligned-img; +} + +.prose .alignleft { + float: left; + margin-right: $container-padding; + margin-left: var(--gutter); +} + +.prose p .alignleft { + margin-left: 0; +} + +.prose .alignright { + float: right; + margin-left: $container-padding; + margin-right: var(--gutter); +} + +.prose p .alignright { + margin-right: 0; +} + +@media (min-width: 74em) { + .prose .alignleft img, + .prose .alignleft + .prose img.alignleft, + .prose .alignleft .wp-caption-text { + margin-left: calc((100vw - #{$container-width}) / 2 - #{$max-aligned-img} - #{$container-padding}); + } + .prose .alignright img, + .prose .alignright, + .prose img.alignright, + .prose .alignright .wp-caption-text { + margin-right: calc((100vw - #{$container-width}) / 2 - #{$max-aligned-img} - #{$container-padding}); + } +} + +.prose .alignnone .wp-caption { + max-width: 100%; +} + +.prose .wp-caption-text { + font-style: italic; +} + +.prose .wp-caption-text i, +.prose .wp-caption-text em { + font-style: normal; +} + +.prose > *:last-child { + margin-bottom: 0 !important; +} + +.prose [class*="instagram"] { + margin: 0 auto !important; +} diff --git a/css/_utilities.scss b/css/_utilities.scss new file mode 100644 index 0000000..e60ca5a --- /dev/null +++ b/css/_utilities.scss @@ -0,0 +1,23 @@ +.container { + @include container; +} + +.visuallyhidden { + @include visuallyhidden; +} + +.has-bg { + background: black; + color: white; + padding: .25em; +} + +.has-bg a { + text-decoration: none; +} + +a.has-bg:hover { + background: none; + color: inherit; + text-decoration: none; +} diff --git a/css/_variables.scss b/css/_variables.scss new file mode 100644 index 0000000..9ec7ac7 --- /dev/null +++ b/css/_variables.scss @@ -0,0 +1,21 @@ +$black: rgba(0, 0, 0, .85); +$grey: #aeaeae; +$white: #ffffff; + +$font-mono: 'IBMPlexMono', monospace; + +$container-width: 40rem; +$container-padding: 1rem; +$container-padding-mobile: .5rem; +$header-height: 3.5rem; + +$sm: 42em; + +$transition-duration: 250ms; +$border-width: 1px; + +$size-body: 1rem; +$size-h1: $size-body; +$size-h2: $size-body; +$size-h3: $size-body; +$size-h4: $size-body; diff --git a/css/main.scss b/css/main.scss index 45b3494..6ddfaf6 100644 --- a/css/main.scss +++ b/css/main.scss @@ -1,248 +1,17 @@ +@import "variables"; +@import "mixins"; +@import "fonts"; +@import "base"; +@import "layout"; +@import "components.pagination"; +@import "components.menu"; +@import "components.searchform"; +@import "components.tags"; +@import "components.site-header"; +@import "components.site-footer"; +@import "post"; +@import "browse"; @import "prism"; - -:root { - --tag-color: rgba(34, 34, 34, .8); - --first-color: hsl(1, 100%, 100%); - --second-color: hsl(1, 100%, 100%); -} - -* { - box-sizing:border-box; -} - -html { - // background-color: var(--first-color); - background: linear-gradient(var(--first-color), var(--second-color)); -} - -body { - max-width: 40em; - margin-left: auto; - margin-right: auto; - padding: .75em; - color: #333; - font-family: Courier, monospace; - line-height: 1.5; -} - -figure, blockquote, -p, ul, ol, li, h1, h2, h3, h4, h5, h6 { - margin: 0; - padding: 0; - font-weight: 400; -} - - -ul, ol { - margin-left: 1em; -} - -blockquote, -h1, h2, h3, h4, h5, h6, -p, ul, ol, blockquote { - margin-bottom: 1.5em; -} - -figure, -img { - margin-bottom: 1.5em; -} - -figure img { - margin-bottom: 0; -} - -h1, h2, h3, h4, h5, h6, -p, ul, ol, figcaption { - word-spacing: -.2em; -} - -h1, h2, h3, h4, h5, h6 { - font-size: 1em; - text-transform: uppercase; -} - -h1::before, -h1::after, -h2::before, -h2::after, -h3::before, -h3::after, -h4::before, -h4::after, -h5::before, -h5::after, -h6::before, -h6::after { - content: "--------------------------------------------------------------------------------"; - display: block; - overflow: hidden; - white-space: nowrap; -} - -pre, code { - word-spacing: normal; -} - -a { - color: currentColor; - text-decoration: none; - text-decoration-skip: ink; -} - -a:hover, -a:focus, -a:active { - text-decoration: underline; -} - -img { - max-width: 100%; -} - -cite { - font-style: normal; -} - -.header { - margin-bottom: 6em; -} - -.post { - margin-bottom: 12em; -} - - -figcaption { - color: rgba(34, 34, 34, .3); -} - -blockquote::before { - content: '>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>'; - // content: '>'; - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 1ch; - word-wrap: break-word; - overflow: hidden; -} - -blockquote { - position: relative; - margin-left: 0; - margin-right: 0; - padding-left: 2ch; -} - -blockquote footer::before, -blockquote > p.small::before { - display: block; - content: "---"; -} - -blockquote > p:last-of-type { - margin-bottom: 0; -} - -.footer__nav, -.header__nav ul { - display: flex; - flex-wrap: wrap; - margin-left: 0; - padding: 0; - list-style: none; -} - -.footer__nav li, -.header__nav li { - margin-right: 1em; -} - -.pagination::before, -.pagination::after, -.header__description::before, -.header__description::after { - content: "--------------------------------------------------------------------------------"; - display: block; - overflow: hidden; - white-space: nowrap; -} - -.pagination { - display: flex; - flex-wrap: wrap; - margin-bottom: 12em; -} - -.pagination p { - margin-bottom: 0; - margin-right: 1em; -} - -.post__content a { - text-decoration: underline; -} - -.post__content a:hover, -.post__content a:focus, -.post__content a:active { - text-decoration: none; -} - -.post__tags { - display: flex; - flex-wrap: wrap; - margin-left: 0; - padding: 0; - list-style: none; -} - -.post__tags .post__tag { - margin-right: 10px; -} - -.post__tag { - color: var(--tag-color); -} - -.post__tag a { - text-decoration: none; -} - -.post__tag a:hover, -.post__tag a:focus, -.post__tag a:active { - text-decoration: underline; -} - -.footer__content { - margin-bottom: 2em; -} - -.footer__nav { - margin-bottom: 0; -} - -.browse__method::before, -.browse__methods::after { - content: "--------------------------------------------------------------------------------"; - display: block; - overflow: hidden; - white-space: nowrap; -} - -.browse__methods select { - width: 100%; -} - -.browse__search { - display: flex; -} - - -.browse__search input[type="text"] { - flex: 1 1 auto; - margin-right: 1em; -} \ No newline at end of file +@import "typography"; +@import "utilities"; +@import "rainbow"; diff --git a/gulpfile.js b/gulpfile.js index 258944b..a7b2025 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -36,22 +36,10 @@ gulp.task('sass', function() { .pipe(gulp.dest(themeDir)); }); -gulp.task('fonts', function() { - return gulp.src('fonts/**/*.scss') - .pipe(sourcemaps.init()) - .pipe(sass()) - .pipe(sourcemaps.write()) - .pipe(autoprefixer()) - .pipe(concat('fonts.css')) - .pipe(cssmin()) - .pipe(gulp.dest(themeDir)); -}); - gulp.task('js', function() { return gulp.src([ - 'bower_components/jquery/dist/jquery.js', - 'bower_components/jquery.fitvids/jquery.fitvids.js', - 'bower_components/prism/prism.js', + 'node_modules/infinite-scroll/dist/infinite-scroll.pkgd.js', + 'node_modules/prismjs/prism.js', 'js/scripts.js', ]) .pipe(sourcemaps.init()) @@ -72,21 +60,23 @@ gulp.task('customizer', function() { .pipe(gulp.dest(themeDir)); }); -gulp.task('browserSync', function() { +gulp.task('watch', function(done) { + gulp.watch('css/**/*.scss', gulp.series('sass')); + gulp.watch('js/scripts.js', gulp.series('js')); + gulp.watch('js/customizer.js', gulp.series('customizer')); + gulp.watch(themeDir + '**/*').on('change', browserSync.reload); + done(); +}); + +gulp.task('browserSync', function(done) { browserSync.init({ ghostMode: false, open: true, notify: false, - proxy: 'localhost:8888/pipers-notes', + proxy: 'localhost:8888/notebook-ph', }); + done(); }); -gulp.task('default', ['sass', 'js', 'fonts', 'customizer']); - -gulp.task('watch', ['default', 'browserSync'], function() { - gulp.watch('css/**/*.scss', ['sass']); - gulp.watch('js/scripts.js', ['js']); - gulp.watch('fonts/**/*.scss', ['fonts']); - gulp.watch('js/customizer.js', ['customizer']); - gulp.watch(themeDir + '**/*').on('change', browserSync.reload); -}); +gulp.task('dev', gulp.parallel('sass', 'js', 'customizer')); +gulp.task('default', gulp.series('dev', gulp.parallel('watch', 'browserSync'))); diff --git a/js/customizer.js b/js/customizer.js index 5cb1b61..52411e2 100644 --- a/js/customizer.js +++ b/js/customizer.js @@ -1,35 +1,22 @@ (function( $ ) { - "use strict"; - - wp.customize( 'aught_header_color', function( value ) { - - value.bind( function( hex ) { - var r = parseInt(hex.substring(1,3), 16), - g = parseInt(hex.substring(3,5), 16), - b = parseInt(hex.substring(5,7), 16), - result = 'rgba('+r+','+g+','+b+','+0.8+')'; - - $( '.drawer' ).css( 'background', result ); - } ); - }); - - wp.customize( 'aught_display_authors', function( value ) { - value.bind( function( to ) { - false === to ? $( 'span.author' ).hide() : $( 'span.author' ).show(); - } ); + "use strict"; + + wp.customize( 'nph_rainbow', function( setting ) { + setting.bind( function( to ) { + false === to ? $('body').removeClass('rainbow') : $('body').addClass('rainbow'); } ); - - wp.customize( 'aught_display_categories', function( value ) { - value.bind( function( to ) { - false === to ? $( 'span.categories' ).hide() : $( 'span.categories' ).show(); - } ); + } ); + + wp.customize( 'nph_display_authors', function( setting ) { + setting.bind( function( to ) { + false === to ? $( '.post__author' ).hide() : $( '.post__author' ).show(); } ); - - wp.customize( 'aught_display_credit', function( value ) { - value.bind( function( to ) { - console.log(to); - false === to ? $( 'p.credit' ).hide() : $( 'p.credit' ).show(); - } ); + } ); + + wp.customize( 'nph_display_credit', function( setting ) { + setting.bind( function( to ) { + console.log(to); + false === to ? $( '.credit' ).hide() : $( 'p.credit' ).show(); } ); - + } ); })( jQuery ); \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js index f9d490c..2643d36 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -1,9 +1,29 @@ (function($) { - $('select').hover(function() { - $(this).css('cursor', 'pointer'); - }); + $next = $('.js-next'); + if ($next.length) { + var $container = $('.js-infinite-container'); + $container.infiniteScroll({ + path: '.js-next a', + append: '.js-article', + hideNav: '.js-pagination', + elementScroll: '.js-wrapper' + }); + $container.on('request.infiniteScroll', function(event, path) { + $('.js-infinite-loading').addClass('show'); + }); + $container.on('last.infiniteScroll', function(event, response, path) { + $('.js-infinite-loading').removeClass('show'); + $('.js-infinite-end').addClass('show'); + }); + } - $('.post').fitVids(); + function handleFirstTab(e) { + if (e.keyCode === 9) { // the "I am a keyboard user" key + document.body.classList.add('user-is-tabbing'); + window.removeEventListener('keydown', handleFirstTab); + } + } + window.addEventListener('keydown', handleFirstTab); })(jQuery); \ No newline at end of file diff --git a/package.json b/package.json index 341515e..552a7df 100644 --- a/package.json +++ b/package.json @@ -1,12 +1,12 @@ { "name": "notebook-ph", "title": "Notebook by PH", - "version": "1.0.4", + "version": "2.0.0", "description": "A simple WordPress theme for keeping notes. ", "author": { "name": "Piper Haywood", "email": "contact@piperhaywood.com", - "url": "http://piperhaywood.com" + "url": "https://piperhaywood.com" }, "license": "GPL-3.0", "private": false, @@ -16,14 +16,16 @@ }, "devDependencies": { "browser-sync": "^2.23.6", - "gulp": "^3.9.1", - "gulp-add-src": "^0.2.0", + "gulp": "^4.0.0", + "gulp-add-src": "^1.0.0", "gulp-autoprefixer": "^3.1.0", "gulp-concat": "^2.6.0", "gulp-cssmin": "^0.1.7", "gulp-sass": "^2.2.0", "gulp-sourcemaps": "^1.6.0", - "gulp-uglify": "^1.5.3" + "gulp-uglify": "^1.5.3", + "infinite-scroll": "^3.0.5", + "prismjs": "^1.15.0" }, "dependencies": { "gulp-header": "^1.7.1", diff --git a/wp-content/themes/notebook-ph/404.php b/wp-content/themes/notebook-ph/404.php index 1f9a2b6..bb41be2 100644 --- a/wp-content/themes/notebook-ph/404.php +++ b/wp-content/themes/notebook-ph/404.php @@ -1,11 +1,25 @@ -
-
-
-

Sorry, there’s nothing to see here. Please browse the content using the tools below, or get in touch if you can’t find what you’re looking for.

- +
+
+
+
+

Sorry, there’s nothing to see here. Please search or browse notes below. Get in touch if you can’t find what you’re looking for.

+
+
+ +
+ +
+ +
+ +
+ +
+
+
diff --git a/wp-content/themes/notebook-ph/comments.php b/wp-content/themes/notebook-ph/comments.php new file mode 100644 index 0000000..14fc2bc --- /dev/null +++ b/wp-content/themes/notebook-ph/comments.php @@ -0,0 +1,63 @@ + + +
+ + +

+ (show) +

+ +
    + 100, + 'style' => 'ol', + 'short_ping' => true, + 'reply_text' => __( 'Reply', 'twentyseventeen' ), + ) ); + ?> +
+ + '' . __( 'Previous', 'twentyseventeen' ) . '', + 'next_text' => '' . __( 'Next', 'twentyseventeen' ) . '', + ) ); + + endif; // Check for have_comments(). + + // If comments are closed and there are comments, let's leave a little note, shall we? + if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?> + +

+ + +
diff --git a/wp-content/themes/notebook-ph/content-browse.php b/wp-content/themes/notebook-ph/content-browse.php deleted file mode 100644 index 1f79c6f..0000000 --- a/wp-content/themes/notebook-ph/content-browse.php +++ /dev/null @@ -1,50 +0,0 @@ -
- -
- -
- -
- -
- - - 'count', - 'exclude' => $default, - 'order' => 'DESC' - ); - ?> - - -
- -
- -
- - - - - \ No newline at end of file diff --git a/wp-content/themes/notebook-ph/customizer.js b/wp-content/themes/notebook-ph/customizer.js index 2c47028..30ce5d1 100644 --- a/wp-content/themes/notebook-ph/customizer.js +++ b/wp-content/themes/notebook-ph/customizer.js @@ -1,2 +1,2 @@ -!function(n){"use strict";wp.customize("aught_header_color",function(t){t.bind(function(t){var i=parseInt(t.substring(1,3),16),s=parseInt(t.substring(3,5),16),o=parseInt(t.substring(5,7),16),u="rgba("+i+","+s+","+o+",0.8)";n(".drawer").css("background",u)})}),wp.customize("aught_display_authors",function(t){t.bind(function(t){!1===t?n("span.author").hide():n("span.author").show()})}),wp.customize("aught_display_categories",function(t){t.bind(function(t){!1===t?n("span.categories").hide():n("span.categories").show()})}),wp.customize("aught_display_credit",function(t){t.bind(function(t){console.log(t),!1===t?n("p.credit").hide():n("p.credit").show()})})}(jQuery); -//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbWl6ZXIuanMiXSwibmFtZXMiOlsiJCIsIndwIiwiY3VzdG9taXplIiwidmFsdWUiLCJiaW5kIiwiaGV4IiwiciIsInBhcnNlSW50Iiwic3Vic3RyaW5nIiwiZyIsImIiLCJyZXN1bHQiLCJjc3MiLCJ0byIsImhpZGUiLCJzaG93IiwiY29uc29sZSIsImxvZyIsImpRdWVyeSJdLCJtYXBwaW5ncyI6IkNBQUEsU0FBQUEsR0FDQSxZQUVBQyxJQUFBQyxVQUFBLHFCQUFBLFNBQUFDLEdBRUFBLEVBQUFDLEtBQUEsU0FBQUMsR0FDQSxHQUFBQyxHQUFBQyxTQUFBRixFQUFBRyxVQUFBLEVBQUEsR0FBQSxJQUNBQyxFQUFBRixTQUFBRixFQUFBRyxVQUFBLEVBQUEsR0FBQSxJQUNBRSxFQUFBSCxTQUFBRixFQUFBRyxVQUFBLEVBQUEsR0FBQSxJQUNBRyxFQUFBLFFBQUFMLEVBQUEsSUFBQUcsRUFBQSxJQUFBQyxFQUFBLE9BRUFWLEdBQUEsV0FBQVksSUFBQSxhQUFBRCxPQUlBVixHQUFBQyxVQUFBLHdCQUFBLFNBQUFDLEdBQ0FBLEVBQUFDLEtBQUEsU0FBQVMsSUFDQSxJQUFBQSxFQUFBYixFQUFBLGVBQUFjLE9BQUFkLEVBQUEsZUFBQWUsV0FJQWQsR0FBQUMsVUFBQSwyQkFBQSxTQUFBQyxHQUNBQSxFQUFBQyxLQUFBLFNBQUFTLElBQ0EsSUFBQUEsRUFBQWIsRUFBQSxtQkFBQWMsT0FBQWQsRUFBQSxtQkFBQWUsV0FJQWQsR0FBQUMsVUFBQSx1QkFBQSxTQUFBQyxHQUNBQSxFQUFBQyxLQUFBLFNBQUFTLEdBQ0FHLFFBQUFDLElBQUFKLElBQ0EsSUFBQUEsRUFBQWIsRUFBQSxZQUFBYyxPQUFBZCxFQUFBLFlBQUFlLFlBSUFHIiwiZmlsZSI6ImN1c3RvbWl6ZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyIoZnVuY3Rpb24oICQgKSB7XG4gICAgXCJ1c2Ugc3RyaWN0XCI7XG4gICAgXG4gICAgd3AuY3VzdG9taXplKCAnYXVnaHRfaGVhZGVyX2NvbG9yJywgZnVuY3Rpb24oIHZhbHVlICkge1xuICAgICAgICBcbiAgICAgICAgdmFsdWUuYmluZCggZnVuY3Rpb24oIGhleCApIHtcbiAgICAgICAgICAgIHZhciByID0gcGFyc2VJbnQoaGV4LnN1YnN0cmluZygxLDMpLCAxNiksXG4gICAgICAgICAgICBnID0gcGFyc2VJbnQoaGV4LnN1YnN0cmluZygzLDUpLCAxNiksXG4gICAgICAgICAgICBiID0gcGFyc2VJbnQoaGV4LnN1YnN0cmluZyg1LDcpLCAxNiksXG4gICAgICAgICAgICByZXN1bHQgPSAncmdiYSgnK3IrJywnK2crJywnK2IrJywnKzAuOCsnKSc7XG4gICAgICAgICAgICBcbiAgICAgICAgICAgICQoICcuZHJhd2VyJyApLmNzcyggJ2JhY2tncm91bmQnLCByZXN1bHQgKTtcbiAgICAgICAgfSApO1xuICAgIH0pO1xuICAgIFxuICAgIHdwLmN1c3RvbWl6ZSggJ2F1Z2h0X2Rpc3BsYXlfYXV0aG9ycycsIGZ1bmN0aW9uKCB2YWx1ZSApIHtcbiAgICAgICAgdmFsdWUuYmluZCggZnVuY3Rpb24oIHRvICkge1xuICAgICAgICAgICAgZmFsc2UgPT09IHRvID8gJCggJ3NwYW4uYXV0aG9yJyApLmhpZGUoKSA6ICQoICdzcGFuLmF1dGhvcicgKS5zaG93KCk7XG4gICAgICAgIH0gKTtcbiAgICB9ICk7XG4gICAgXG4gICAgd3AuY3VzdG9taXplKCAnYXVnaHRfZGlzcGxheV9jYXRlZ29yaWVzJywgZnVuY3Rpb24oIHZhbHVlICkge1xuICAgICAgICB2YWx1ZS5iaW5kKCBmdW5jdGlvbiggdG8gKSB7XG4gICAgICAgICAgICBmYWxzZSA9PT0gdG8gPyAkKCAnc3Bhbi5jYXRlZ29yaWVzJyApLmhpZGUoKSA6ICQoICdzcGFuLmNhdGVnb3JpZXMnICkuc2hvdygpO1xuICAgICAgICB9ICk7XG4gICAgfSApO1xuICAgIFxuICAgIHdwLmN1c3RvbWl6ZSggJ2F1Z2h0X2Rpc3BsYXlfY3JlZGl0JywgZnVuY3Rpb24oIHZhbHVlICkge1xuICAgICAgICB2YWx1ZS5iaW5kKCBmdW5jdGlvbiggdG8gKSB7XG4gICAgICAgICAgICBjb25zb2xlLmxvZyh0byk7XG4gICAgICAgICAgICBmYWxzZSA9PT0gdG8gPyAkKCAncC5jcmVkaXQnICkuaGlkZSgpIDogJCggJ3AuY3JlZGl0JyApLnNob3coKTtcbiAgICAgICAgfSApO1xuICAgIH0gKTtcbiAgICBcbn0pKCBqUXVlcnkgKTsiXX0= +!function(o){"use strict";wp.customize("nph_rainbow",function(i){i.bind(function(i){!1===i?o("body").removeClass("rainbow"):o("body").addClass("rainbow")})}),wp.customize("nph_display_authors",function(i){i.bind(function(i){!1===i?o(".post__author").hide():o(".post__author").show()})}),wp.customize("nph_display_credit",function(i){i.bind(function(i){console.log(i),!1===i?o(".credit").hide():o("p.credit").show()})})}(jQuery); +//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbWl6ZXIuanMiXSwibmFtZXMiOlsiJCIsIndwIiwiY3VzdG9taXplIiwic2V0dGluZyIsImJpbmQiLCJ0byIsInJlbW92ZUNsYXNzIiwiYWRkQ2xhc3MiLCJoaWRlIiwic2hvdyIsImNvbnNvbGUiLCJsb2ciLCJqUXVlcnkiXSwibWFwcGluZ3MiOiJDQUFBLFNBQUFBLEdBQ0EsWUFFQUMsSUFBQUMsVUFBQSxjQUFBLFNBQUFDLEdBQ0FBLEVBQUFDLEtBQUEsU0FBQUMsSUFDQSxJQUFBQSxFQUFBTCxFQUFBLFFBQUFNLFlBQUEsV0FBQU4sRUFBQSxRQUFBTyxTQUFBLGVBSUFOLEdBQUFDLFVBQUEsc0JBQUEsU0FBQUMsR0FDQUEsRUFBQUMsS0FBQSxTQUFBQyxJQUNBLElBQUFBLEVBQUFMLEVBQUEsaUJBQUFRLE9BQUFSLEVBQUEsaUJBQUFTLFdBSUFSLEdBQUFDLFVBQUEscUJBQUEsU0FBQUMsR0FDQUEsRUFBQUMsS0FBQSxTQUFBQyxHQUNBSyxRQUFBQyxJQUFBTixJQUNBLElBQUFBLEVBQUFMLEVBQUEsV0FBQVEsT0FBQVIsRUFBQSxZQUFBUyxZQUdBRyIsImZpbGUiOiJjdXN0b21pemVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiKGZ1bmN0aW9uKCAkICkge1xuICBcInVzZSBzdHJpY3RcIjtcblxuICB3cC5jdXN0b21pemUoICducGhfcmFpbmJvdycsIGZ1bmN0aW9uKCBzZXR0aW5nICkge1xuICAgIHNldHRpbmcuYmluZCggZnVuY3Rpb24oIHRvICkge1xuICAgICAgZmFsc2UgPT09IHRvID8gJCgnYm9keScpLnJlbW92ZUNsYXNzKCdyYWluYm93JykgOiAkKCdib2R5JykuYWRkQ2xhc3MoJ3JhaW5ib3cnKTtcbiAgICB9ICk7XG4gIH0gKTtcblxuICB3cC5jdXN0b21pemUoICducGhfZGlzcGxheV9hdXRob3JzJywgZnVuY3Rpb24oIHNldHRpbmcgKSB7XG4gICAgc2V0dGluZy5iaW5kKCBmdW5jdGlvbiggdG8gKSB7XG4gICAgICBmYWxzZSA9PT0gdG8gPyAkKCAnLnBvc3RfX2F1dGhvcicgKS5oaWRlKCkgOiAkKCAnLnBvc3RfX2F1dGhvcicgKS5zaG93KCk7XG4gICAgfSApO1xuICB9ICk7XG5cbiAgd3AuY3VzdG9taXplKCAnbnBoX2Rpc3BsYXlfY3JlZGl0JywgZnVuY3Rpb24oIHNldHRpbmcgKSB7XG4gICAgc2V0dGluZy5iaW5kKCBmdW5jdGlvbiggdG8gKSB7XG4gICAgICBjb25zb2xlLmxvZyh0byk7XG4gICAgICBmYWxzZSA9PT0gdG8gPyAkKCAnLmNyZWRpdCcgKS5oaWRlKCkgOiAkKCAncC5jcmVkaXQnICkuc2hvdygpO1xuICAgIH0gKTtcbiAgfSApO1xufSkoIGpRdWVyeSApOyJdfQ== diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.eot b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.eot new file mode 100755 index 0000000..a4f506e Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.eot differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.ttf b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.ttf new file mode 100755 index 0000000..befdbdc Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.ttf differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff new file mode 100755 index 0000000..2bd6de6 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff2 b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff2 new file mode 100755 index 0000000..add42af Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Bold.woff2 differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.eot b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.eot new file mode 100755 index 0000000..e3d7408 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.eot differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.ttf b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.ttf new file mode 100755 index 0000000..25cc39b Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.ttf differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff new file mode 100755 index 0000000..4074b47 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff2 b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff2 new file mode 100755 index 0000000..88e4e8b Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Italic.woff2 differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.eot b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.eot new file mode 100755 index 0000000..9ba859f Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.eot differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.ttf b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.ttf new file mode 100755 index 0000000..f99c8e9 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.ttf differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff new file mode 100755 index 0000000..7d63d89 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff2 b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff2 new file mode 100755 index 0000000..d0d7ded Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexMono-Regular.woff2 differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.eot b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.eot new file mode 100755 index 0000000..3f0520b Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.eot differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.ttf b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.ttf new file mode 100755 index 0000000..b09e6a9 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.ttf differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff new file mode 100755 index 0000000..fd8494c Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff2 b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff2 new file mode 100755 index 0000000..268447b Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-Light.woff2 differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.eot b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.eot new file mode 100755 index 0000000..9570e0b Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.eot differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.ttf b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.ttf new file mode 100755 index 0000000..807554e Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.ttf differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff new file mode 100755 index 0000000..dd911db Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff differ diff --git a/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff2 b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff2 new file mode 100755 index 0000000..f030b75 Binary files /dev/null and b/wp-content/themes/notebook-ph/fonts/IBMPlexSans-LightItalic.woff2 differ diff --git a/wp-content/themes/notebook-ph/footer.php b/wp-content/themes/notebook-ph/footer.php index 6dd5773..015f086 100644 --- a/wp-content/themes/notebook-ph/footer.php +++ b/wp-content/themes/notebook-ph/footer.php @@ -1,16 +1,66 @@ -