aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--_includes/header.html15
-rw-r--r--_scss/_main.scss344
-rw-r--r--_scss/_tools.scss42
3 files changed, 0 insertions, 401 deletions
diff --git a/_includes/header.html b/_includes/header.html
deleted file mode 100644
index 57a798f..0000000
--- a/_includes/header.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<section class="container">
- <a href="{{ site.baseurl | uri_escape }}" class="navigation-title">Home</a>
- <ul class="navigation-list float-right">
- <li class="navigation-item">
- {% for item in site.pages reversed %}
- {% assign title = item.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify %}
- {% assign link = item.url | relative_url | uri_escape %}
- <!-- Show the link -->
- {% if item.show == true %}
- <a href="{{ link }}" class="navigation-link">{{ title }}</a>
- {% endif %}
- {% endfor %}
- </li>
- </ul>
-</section>
diff --git a/_scss/_main.scss b/_scss/_main.scss
deleted file mode 100644
index 4ca62e9..0000000
--- a/_scss/_main.scss
+++ /dev/null
@@ -1,344 +0,0 @@
-@import 'flexbox';
-@import 'tools';
-
-$monospaced-font: 'PT Mono', monospace;
-$sans-serif-font: 'PT Sans', sans-serif;
-
-$darker-bg-color: #f8f8f8;
-$darker-fg-color: #000;
-$bg-color: #fefefe;
-$fg-color: #323232;
-
-*,
-*::after,
-*::before {
- @include borderbox(border-box);
-}
-
-html {
- font-size: 70%;
-}
-
-body {
- @include flexbox();
-
- background-color: $bg-color;
- color: $fg-color;
- font-family: $sans-serif-font;
- font-size: 1.6em;
- font-weight: 400;
-
- @include mobile-screen() {
- font-size: 1.4em;
- line-height: 1.6em;
- }
-}
-
-a {
- color: $fg-color;
- text-decoration: none;
-
- &:focus,
- &:hover {
- text-decoration: underline;
- }
-}
-
-blockquote {
- border-left: 2px solid $darker-bg-color;
- font-style: italic;
- padding-left: 1.6rem;
-}
-
-code {
- background-color: $darker-bg-color;
- font-family: $monospaced-font;
- padding: .4rem .8rem;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- color: $darker-fg-color;
- font-family: $monospaced-font;
- letter-spacing: .0625em;
- margin: 3.2rem 0 1.6rem;
- text-transform: uppercase;
-}
-
-// Setting the size of headers
-@for $i from 1 through 6 {
- h#{7 - $i} {
- font-size: get-font-size-for-pc($i);
- line-height: get-font-size-for-pc($i);
-
- @include mobile-screen() {
- font-size: get-font-size-for-phone($i);
- line-height: get-font-size-for-phone($i);
- }
- }
-}
-
-img {
- max-width: 100%;
-}
-
-ol,
-ul {
- margin-top: 1.6rem;
- padding-left: 3.2rem;
-}
-
-p {
- margin: 1.6rem 0;
-}
-
-pre {
- margin: 1.6rem 0 1rem;
- overflow-x: auto;
- padding: 1.6rem;
-}
-
-table {
- width: 100%;
-}
-
-.wrapper {
- @include flexbox();
- @include flex-direction(column);
-
- min-height: 100vh;
- width: 100%;
-}
-
-.container {
- margin: 0 auto;
- max-width: 120rem;
- padding-left: 2rem;
- padding-right: 2rem;
- width: 100%;
-}
-
-.navigation {
- font-family: $monospaced-font;
- font-weight: 700;
- height: 6rem;
- width: 100%;
-
- a {
- display: inline;
- font-size: 1.6rem;
- letter-spacing: .1rem;
- line-height: 6rem;
- text-transform: uppercase;
-
- @include mobile-screen() {
- font-size: 1.4rem;
- }
- }
-
- ul {
- list-style: none;
- margin-bottom: 0;
- margin-top: 0;
-
- li {
- float: left;
- margin: 0;
- position: relative;
-
- a {
- margin-left: 1rem;
- margin-right: 1rem;
- }
- }
- }
-}
-
-.content {
- @include flex(1);
-
- margin-bottom: 3.2rem;
- margin-top: 1.6rem;
-
- article {
- header {
- margin-bottom: 3.2rem;
- margin-top: 3.2rem;
-
- h1,
- h2 {
- margin: 0;
- }
-
- h2 {
- color: $fg-color;
- font-size: 1.8rem;
- margin-top: 1rem;
-
- @include mobile-screen() {
- font-size: 1.6rem;
- }
- }
- }
- }
-}
-
-.list {
- ul {
- list-style: none;
- margin: 3.2rem 0;
- padding: 0;
-
- li {
- font-size: 1.6rem;
-
- @include mobile-screen() {
- font-size: 1.4rem;
- margin: 1.6rem 0;
- }
-
- span {
- display: inline-block;
- margin-right: 3rem;
- text-align: right;
- width: 20rem;
-
- @include mobile-screen() {
- display: block;
- text-align: left;
- }
- }
-
- a {
- font-weight: 700;
- text-transform: uppercase;
- }
- }
- }
-}
-
-.pagination {
- margin-top: 6rem;
- text-align: center;
-
- li {
- display: inline;
- text-align: center;
-
- span {
- margin: 0;
- text-align: center;
- width: 3.2rem;
- }
-
- a {
- span {
- margin: 0;
- text-align: center;
- width: 3.2rem;
- }
- }
- }
-}
-
-.centered {
- @include flexbox();
- @include align-items(center);
- @include justify-content(center);
-
- height: 100%;
-
- .about {
- font-family: $monospaced-font;
- font-weight: 700;
- text-align: center;
-
- h1 {
- margin-bottom: .5rem;
- margin-top: 2rem;
- }
-
- h2 {
- font-size: 2.4rem;
- margin-bottom: .5rem;
- margin-top: 1rem;
-
- @include mobile-screen() {
- font-size: 2rem;
- }
- }
-
- ul {
- list-style: none;
- margin: 3rem 0 1rem;
- padding: 0;
-
- li {
- display: inline;
- position: relative;
-
- a {
- font-size: 1.6rem;
- margin-left: 1rem;
- margin-right: 1rem;
- text-transform: uppercase;
-
- @include mobile-screen() {
- font-size: 1.4rem;
- }
- }
- }
- }
- }
-
- .error {
- text-align: center;
-
- h1 {
- font-size: 4.6rem;
- margin-bottom: .5rem;
- margin-top: 2rem;
-
- @include mobile-screen() {
- font-size: 3.2rem;
- }
- }
-
- h2 {
- font-size: 3.2rem;
- margin-bottom: 3.2rem;
- margin-top: 2rem;
-
- @include mobile-screen() {
- font-size: 2.8rem;
- }
- }
- }
-}
-
-.comments {
- margin-top: 1.6rem;
-}
-
-.highlight {
- margin: 0;
-}
-
-.footer {
- height: 6rem;
- line-height: 6rem;
- text-align: center;
- width: 100%;
-}
-
-.float-right {
- float: right;
-}
-
-.float-left {
- float: left;
-}
diff --git a/_scss/_tools.scss b/_scss/_tools.scss
deleted file mode 100644
index e6f27c2..0000000
--- a/_scss/_tools.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-// Box Sizing
-//
-// The box-sizing property in CSS controls how the box model
-// is handled for the element it applies to.
-//
-// Values: content-box | border-box
-// Default: content-box
-//
-// https://www.w3.org/TR/css-ui-3/#box-sizing
-@mixin borderbox($value: content-box) {
- -webkit-box-sizing: $value;
- -moz-box-sizing: $value;
- -ms-box-sizing: $value;
- box-sizing: $value;
-}
-
-// Targeting media types
-//
-// The @media rule is used in media queries to apply different styles for
-// different media types/devices.
-//
-// https://www.w3.org/TR/css3-mediaqueries/
-@mixin mobile-screen() {
- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
- @content;
- }
-}
-
-// Calculates the font size for the title.
-//
-// Default: 1
-@function get-font-size-for-pc($heading: 1) {
- @return 1.4rem + ($heading * .3rem);
-}
-
-// Calculates the size of the mobile font for the title.
-//
-// Default: 1
-@function get-font-size-for-phone($heading: 1) {
- $pc: get-font-size-for-pc($heading);
- @return $pc - .4rem;
-}
Copyright © 2024 Valentin A. Popov. All Rights Reverse Engineered.