jekyll-theme-teddy 0.3.0 → 0.5.0

data/_sass/fonts.scss

@@ -1,109 +1,109 @@
-/// Inter ///
-
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/cyrillic-ext.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/cyrillic.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/greek-ext.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/greek.woff2) format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/vietnamese.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/Inter/latin.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/// Jetbrains Mono ///
-
-/* cyrillic-ext */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/cyrillic-ext.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/cyrillic.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/greek.woff2) format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/vietnamese.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url(../Fonts/JetbrainsMono/latin.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+/// Inter ///
+
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/cyrillic.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/greek.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/Inter/latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/// Jetbrains Mono ///
+
+/* cyrillic-ext */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/cyrillic.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/greek.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/JetbrainsMono/latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

data/_sass/home-page.scss

@@ -0,0 +1,173 @@
+@import "variables";
+@import "mixins";
+
+html {
+  background: linear-gradient(180deg, black 25%, $main-bg 50%);
+}
+
+#home-banner {
+  margin: 4% 0 6% 0;
+  padding-bottom: 4%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  
+  h1, h2 {
+    align-self: center;
+  }
+  
+  h1 {
+    font-size: $main-title;
+  }
+  
+  h2 {
+    font-size: $sub-title;
+    margin: 0 0 50px 0;
+  }
+}
+
+hr {
+  margin: 30px 0 30px 0;
+}
+
+#canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+}
+
+.home-banner-links {
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  
+  a {
+    @include blankLink();
+    font-weight: bold;
+    
+    border-style: solid;
+    border-width: 1px;
+    border-color: $primary-color-faded;
+    border-radius: 20px;
+
+    box-shadow: 0 0 8px 4px  $primary-color-faded inset, 0 0 8px 4px $primary-color-faded;
+    
+    padding: 15px;
+    margin: 0 5% 0 5%;
+
+    text-align: center;
+  }
+}
+
+@media (min-width: $extra-large-screen) {
+  main {
+    margin-right: 15%;
+    margin-left: 15%;
+  }
+
+  .outer-card {
+    width: 18.8%;
+    padding: .6%;
+  }
+}
+
+@media (min-width: $large-screen) and (max-width: $extra-large-screen - 1px) {
+  main {
+    margin-right: 12%;
+    margin-left: 12%;
+  }
+
+  .outer-card {
+    width: 18.5%;
+    padding: .75%;
+  }
+}
+
+@media (min-width: $medium-screen) and (max-width: $large-screen - 1px) {
+  main {
+    margin-right: 10%;
+    margin-left: 10%;
+  }
+
+  .outer-card {
+    width: 23%;
+    padding: 1%;
+  }
+}
+
+@media (min-width: $small-screen) and (max-width: $medium-screen - 1px) {
+  main {
+    margin-right: 8%;
+    margin-left: 8%;
+  }
+
+  .outer-card {
+    width: 47%;
+    padding: 1.5%;
+  }
+}
+
+@media (max-width: $small-screen - 1px) {
+  .outer-card {
+    width: 100%;
+    padding: 3% 1% 3% 1%;
+  }
+}
+
+#card-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: start;
+}
+
+.card {
+  @include blankLink();
+  display: flex;
+  flex-direction: column;
+  transition-duration: 0.3s;
+  border-radius: $card-border-radius;
+  background: $secondary-bg;
+  width: 100%;
+  height: 400px;
+
+  img {
+    object-fit: cover;
+    overflow: hidden;
+    border-radius: $card-border-radius $card-border-radius 0 0;
+    height: 40%;
+    width: 100%;
+  }
+
+  h3 {
+    margin: 15px 5% 10px 5%;
+    height: 55px;
+    font-size: $card-header-font-size;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    color: $text-color;
+  }
+
+  p {
+    margin: 5px 4% 5px 4%;
+    height: 90px;
+    font-size: $card-content-font-size;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    color: $card-content-color;
+  }
+
+  .card-date {
+    padding-top: 25px;
+    height: 35px;
+  }
+}
+
+.card:hover {
+  box-shadow: 0 0 20px $card-shadow;
+}
+

data/_sass/jekyll-theme-teddy.scss

@@ -1,99 +1,181 @@
-@import "code-highlighting";
-@import "variables";
-@import "fonts";
-
-html {
-  background: $main-bg;
-  color: $text-color;
-}
-
-body {
-  padding: 0;
-  margin: 0;
-}
-
-main {
-  margin: 3% 15% 5% 15%;
-}
-
-img {
-  object-fit: contain;
-  max-height: 100%;
-  max-width: 100%;
-}
-
-h1, h2, h3, h4, h5, h6, p, li, br, a, span, table {
-  font-family: "Inter", Helvetica, Arial, serif;
-}
-
-h1 {
-  font-size: $h1-font-size;
-}
-
-h2 {
-  font-size: $h2-font-size;
-}
-
-h3 {
-  font-size: $h3-font-size;
-}
-
-h4 {
-  font-size: $h4-font-size;
-}
-
-h5 {
-  font-size: $h5-font-size;
-}
-
-h6 {
-  font-size: $h6-font-size;
-}
-
-p, li, br, a, span {
-  font-size: 16px;
-  line-height: 1.5;
-}
-
-a:link {
-  color: $link-normal;
-}
-
-a:visited {
-  color: $link-visited;
-}
-
-blockquote {
-  border-radius: 0 10px 10px 0;
-  border-style: solid;
-  border-color: transparent transparent transparent #0071e0;
-  
-  margin: 10px 2px 10px 2px;
-  padding: 0 0 10px 20px;
-  
-  background: $blockquote-bg;
-}
-
-th, td {
-  border-style: solid;
-  border-width: 1px;
-  padding: 3px;
-  border-color: $text-color;
-}
-
-table {
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-
-footer {
-  margin-top: 30px;
-  padding: 20px 0 20px 0;
-  background: $footer-bg;
-  height: 100%;
-  width: 100%;
-}
-
-footer span {
-  margin: 20px;
+@import "code-highlighting";
+@import "variables";
+@import "fonts";
+
+html {
+  background: $main-bg;
+  color: $text-color;
+}
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+@media (min-width: $extra-large-screen) {
+  main {
+    margin: 2% 25% 5% 25%;
+  }
+}
+
+@media (min-width: $large-screen) and (max-width: $extra-large-screen - 1px) {
+  main {
+    margin: 2% 20% 5% 20%;
+  }
+}
+
+@media (min-width: $medium-screen) and (max-width: $large-screen - 1px) {
+  main {
+    margin: 2% 15% 5% 15%;
+  }
+}
+
+@media (min-width: $small-screen) and (max-width: $medium-screen - 1px) {
+  main {
+    margin: 2% 10% 5% 10%;
+  }
+}
+
+@media (max-width: $small-screen - 1px) {
+  main {
+    margin: 2% 5% 5% 5%;
+  }
+}
+
+img {
+  object-fit: contain;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6, p, li, br, a, span, table {
+  font-family: "Inter", Helvetica, Arial, serif;
+}
+
+h1 {
+  font-size: $h1-font-size;
+}
+
+h2 {
+  font-size: $h2-font-size;
+}
+
+h3 {
+  font-size: $h3-font-size;
+}
+
+h4 {
+  font-size: $h4-font-size;
+}
+
+h5 {
+  font-size: $h5-font-size;
+}
+
+h6 {
+  font-size: $h6-font-size;
+}
+
+p, li, br, a, span {
+  font-size: $regular-text-size;
+  line-height: 1.5;
+}
+
+ul, li {
+  margin: 4px 0 4px 0;
+}
+
+a:link {
+  color: $link-normal;
+}
+
+a:visited {
+  color: $link-visited;
+}
+
+blockquote {
+  border-radius: 0 10px 10px 0;
+  border-style: solid;
+  border-color: transparent transparent transparent #0071e0;
+  
+  margin: 10px 2px 10px 2px;
+  padding: 0 0 10px 20px;
+  
+  background: $blockquote-bg;
+}
+
+th, td {
+  border-style: solid;
+  border-width: 1px;
+  padding: 3px;
+  border-color: $primary-color;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: block;
+  overflow: auto;
+  white-space: nowrap;
+}
+
+footer {
+  margin-top: 30px;
+  padding: 20px 0 20px 0;
+  background: $footer-bg;
+  height: 100%;
+  width: 100%;
+}
+
+footer span {
+  margin: 10px 10px 10px 40px;
+  grid-column: 1;
+  grid-row: 1;
+}
+
+footer {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr;
+  align-items: center;
+}
+
+#github-icon {
+  height: 50px;
+  width: 50px;
+  
+  margin: 10px 50px 10px 10px;
+
+  grid-column: 3;
+  grid-row: 1;
+  justify-self: end;
+}
+
+#top-nav {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr;
+
+  a {
+    text-decoration: inherit;
+    font-weight: bold;
+  }
+}
+
+#home-link {
+  grid-column: 1;
+  grid-row: 1;
+
+  justify-self: start;
+}
+
+#source-link {
+  grid-column: 3;
+  grid-row: 1;
+
+  justify-self: end;
+}
+
+#toc {
+  margin: 0 0 30px 0;
 }

data/_sass/mixins.scss

@@ -0,0 +1,4 @@
+@mixin blankLink {
+  color: inherit;
+  text-decoration: inherit;
+}

data/_sass/teddy.scss

@@ -1,4 +1,4 @@
-// Placeholder file. If your site uses
-//     @import "{{ site.theme }}";
-// Then using this theme with jekyll-remote-theme will work fine.
+// Placeholder file. If your site uses
+//     @import "{{ site.theme }}";
+// Then using this theme with jekyll-remote-theme will work fine.
 @import "jekyll-theme-teddy";