jekyll-theme-collider 0.1.0

data/_sass/jekyll-theme-collider/components/_header.scss

@@ -0,0 +1,88 @@
+header {
+  position: relative;
+  padding-top: 1.125em;
+  padding-bottom: 1.125em;
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+}
+
+nav {
+  width: 100%;
+  pointer-events: none;
+  & ul {
+    margin: 0;
+    padding-top: 0.2em;
+    float: right;
+    font-family: "Operator Mono SSm-Light";
+  }
+  & li {
+    display: inline;
+    padding: 0.5em;
+    pointer-events: all;
+  }
+}
+
+.header__home {
+  float: left;
+  font-family: "Operator Mono SSm-Bold Italic";
+  text-decoration: none;
+  color: $white;
+  pointer-events: all;
+  transition: color 0.5s;
+  &:hover {
+    color: #343A40;
+  }
+}
+
+.header__link {
+  text-decoration: none;
+  color: $white;
+  transition: color 0.5s;
+  &:hover {
+    color: $outer-space;
+  }
+}
+
+// .header__homepage only renders if on homepage, see liquid in header element
+header.header__homepage {
+  position: absolute;
+  background: transparent;
+  & ul {
+    position: fixed;
+    right: 1.5em;
+  }
+}
+
+.header__title {
+  margin: 2em auto 1.5em auto;
+  padding-left: 4.5rem;
+  padding-right: 4.5rem;
+  text-align: center;
+  font-family: "Operator Mono SSm-Bold";
+  font-size: 2.75em;
+  color: $white;
+}
+
+@media all and (max-width: 550px) {
+  .header__home {
+    float: unset;
+  }
+  .header__homepage {
+    width: 100%;
+  }
+  header.header__homepage ul {
+    position: unset;
+    right: unset;
+  }
+  .header__title {
+    padding: 0;
+  }
+  nav {
+    text-align: center;
+    & ul {
+      padding: 0;
+      float: none;
+      margin-top: 1em;
+    }
+  }
+}

data/_sass/jekyll-theme-collider/components/_pagination.scss

@@ -0,0 +1,45 @@
+.pagination {
+  padding: 3em 0 0 0;
+  text-align: center;
+  list-style: none;
+  & a {
+    text-decoration: none;
+  }
+}
+
+.pagination a {
+  display: inline-block;
+  border: 0.05em solid $jumbo-gray;
+  padding: 0.7em;
+  margin-top: 0.5em;
+  transition: color 0.5s, background-color 0.5s, font-size 0.5s, padding 0.5s;
+  cursor: pointer;
+  &:hover {
+    background-color: $jumbo-gray;
+    color: $white;
+  }
+}
+
+.pagination li:hover a {
+  color: $white;
+}
+
+.selected {
+  background-color: $jumbo-gray;
+  color: $white;
+}
+
+.selected a {
+  color: $white;
+  transition: color 0.5s;
+  &:hover {
+    color: $outer-space;
+  }
+}
+
+@media all and (max-width: 450px) {
+  .pagination li {
+    padding: 0.5em;
+    font-size: 13px;
+  }
+}

data/_sass/jekyll-theme-collider/components/_particles.scss

@@ -0,0 +1,14 @@
+#particles-js {
+  background: $dark-sea-green;
+  vertical-align: bottom;
+  min-height: 95.1vh;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  position: relative;
+}
+
+.particles-js-canvas-el {
+  width: 100% !important;
+  height: 100vh !important;
+}

data/_sass/jekyll-theme-collider/components/_post-list.scss

@@ -0,0 +1,63 @@
+.post-list {
+  max-width: 45em;
+  padding: 1em 1em 4em 1em;
+  margin-left: auto;
+  margin-right: auto;
+  & li {
+    list-style: none;
+  }
+  &.about {
+    padding-top: 2em;
+  }
+}
+
+.post-list__link {
+  text-decoration: none;
+  font-size: 42px;
+  transition: color 0.5s;
+  font-family: "Operator Mono SSm-Medium";
+  &:hover {
+    color: lighten($mine-shaft, $lighten--button);
+  }
+}
+
+@media all and (max-width: 800px) {
+  .post-list__link {
+    font-size: 36px;
+  }
+}
+
+.post-list__meta {
+  display: flex;
+}
+
+.post-list__tags {
+  margin-top: 1em;
+  padding-right: 0.5em;
+}
+
+.post-list__tags a {
+  text-decoration: none;
+  transition: color 0.5s;
+  transition: background-color 0.5s;
+  border-radius: 5px;
+  padding: 5px 8px;
+  color: $white;
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    color: $white;
+  }
+}
+
+.post-list__read-more {
+  transition: color 0.5s;
+  &:hover {
+    color: lighten($mine-shaft, $lighten--button);
+  }
+}
+
+.post.post-list {
+  margin-top: 2em;
+}

data/_sass/jekyll-theme-collider/components/_site-title.scss

@@ -0,0 +1,47 @@
+.site-title__wrapper {
+  text-align: center;
+  color: $white;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: 0 auto;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: "Operator Mono SSm-Medium";
+  z-index: 1;
+  pointer-events: none;
+}
+
+.site-title__text {
+  font-size: 75px;
+  display: block;
+  line-height: 1;
+  transition: font-size 0.2s;
+  padding-bottom: 0.1em;
+}
+
+.site-title__text--sub {
+  font-size: 20px;
+  margin-top: 10px;
+  transition: font-size 0.2s;
+}
+
+@media only screen and (min-width: 550px) {
+  .site-title__text {
+    font-size: 100px;
+  }
+  .site-title__text--sub {
+    font-size: 40px;
+  }
+}
+
+i {
+  pointer-events: all !important;
+  cursor: pointer;
+  padding: 0 0.15em;
+  transition: color 0.5s;
+  color: $white;
+  &:hover {
+    color: #343A40;
+  }
+}

data/_sass/jekyll-theme-collider/elements/_colors.scss

@@ -0,0 +1,95 @@
+.purple {
+  color: $purple-rain;
+  &.icon {
+    fill: $purple-rain;
+  }
+}
+
+.bg--purple {
+  background: $purple-rain;
+  color: $white;
+}
+
+a.bg--purple:hover {
+  background: darken($purple-rain, $darken--button);
+}
+
+.gray {
+  color: $jumbo-gray;
+  &.icon {
+    fill: $jumbo-gray;
+  }
+}
+
+.bg--gray {
+  background: $jumbo-gray;
+  color: $white;
+}
+
+a.bg--gray:hover {
+  background: darken($jumbo-gray, $darken--button);
+}
+
+.green {
+  color: $dark-sea-green;
+  &.icon {
+    fill: $dark-sea-green;
+  }
+}
+
+.bg--green {
+  background: $dark-sea-green;
+  color: $white;
+}
+
+a.bg--green:hover {
+  background: darken($dark-sea-green, $darken--button);
+}
+
+.pink {
+  color: $sea-pink;
+  &.icon {
+    fill: $sea-pink;
+  }
+}
+
+.bg--pink {
+  background: $sea-pink;
+  color: $white;
+}
+
+a.bg--pink:hover {
+  background: darken($sea-pink, $darken--button);
+}
+
+.orange {
+  color: $channel-orange;
+  &.icon {
+    fill: $channel-orange;
+  }
+}
+
+.bg--orange {
+  background: $channel-orange;
+  color: $white;
+}
+
+a.bg--orange:hover {
+  background: darken($channel-orange, $darken--button);
+}
+
+.bittersweet {
+  color: $bittersweet;
+  &.icon {
+    fill: $bittersweet;
+  }
+}
+
+.bg--bittersweet {
+  background: $bittersweet;
+  color: $white;
+}
+
+a.bg--bittersweet:hover {
+  background: darken($bittersweet, $darken--button);
+}

data/_sass/jekyll-theme-collider/elements/_elements.scss

@@ -0,0 +1,13 @@
+a {
+  color: $mine-shaft;
+  transition: color 0.5s;
+}
+
+a:hover {
+  color: lighten($mine-shaft, $lighten--button);
+}
+
+p {
+  line-height: 1.25;
+  overflow-wrap: break-word;
+}

data/_sass/jekyll-theme-collider/generic/_font.scss

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: "Operator Mono SSm-Bold";
+  src: url("../../../assets/fonts/OperatorMonoSSm-Bold.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-Bold Italic";
+  src: url("../../../assets/fonts/OperatorMonoSSm-BoldItalic.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-Book";
+  src: url("../../../assets/fonts/OperatorMonoSSm-Book.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-BookItalic";
+  src: url("../../../assets/fonts/OperatorMonoSSm-BookItalic.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-Light";
+  src: url("../../../assets/fonts/OperatorMonoSSm-Light.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-LightItalic";
+  src: url("../../../assets/fonts/OperatorMonoSSm-LightItalic.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-Medium";
+  src: url("../../../assets/fonts/OperatorMonoSSm-Medium.otf");
+}
+
+@font-face {
+  font-family: "Operator Mono SSm-MediumItalic";
+  src: url("../../../assets/fonts/OperatorMonoSSm-MediumItalic.otf");
+}

data/_sass/jekyll-theme-collider/generic/_normalize.scss

@@ -0,0 +1,23 @@
+html,
+body {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: $mine-shaft;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+  font-family: "Operator Mono SSm-Book";
+}
+
+.fab:before {
+  font-family: unset;
+}
+
+::selection {
+  background-color: #000;
+  color: $white;
+}

data/_sass/jekyll-theme-collider/helpers/_helpers.scss

@@ -0,0 +1,7 @@
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}