Initial

5 files changed, 482 insertions, 0 deletions

diff --git a/assets/css/fonts.css b/assets/css/fonts.css
new file mode 100644
index 0000000..ece20ea
--- /dev/null
+++ b/assets/css/fonts.css
@@ -0,0 +1,41 @@
+@font-face {
+    font-family: 'Literata';
+    src: url('/fonts/Literata/Literata-Light.woff') format('woff');
+    font-weight: light;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Literata';
+    src: url('/fonts/Literata/Literata-LightItalic.woff') format('woff');
+    font-weight: light;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Literata';
+    src: url('/fonts/Literata/Literata-SemiBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Literata';
+    src: url('/fonts/Literata/Literata-SemiBoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Monaspace';
+    src: url('/fonts/Monaspace/MonaspaceArgon-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Monaspace';
+    src: url('/fonts/Monaspace/MonaspaceArgon-SemiBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..0dc0584
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,251 @@
+/* BASE */
+
+html {
+  scroll-behavior: smooth;
+  padding: 0;
+}
+
+body {
+  font-family: "Literata";
+  font-size: 1rem;
+  color: #222;
+  line-height: 1.3rem;
+  margin: auto;
+  max-width: var(--main-width);
+  padding-left: var(--main-padding);
+  padding-right: var(--main-padding);
+}
+
+.content {
+  min-height: var(--content-height) !important;
+}
+
+h1 {
+  margin-top: var(--h1-margin-top);
+  margin-bottom: var(--h1-margin-bottom);
+  font-size: 2em;
+}
+
+h2 {
+  margin-top: var(--h2-margin-top);
+  margin-bottom: var(--h2-margin-bottom);
+  font-size: 1.5em;
+}
+
+h3,
+h4,
+h5,
+h6 {
+  font-size: 1.2em;
+  margin-top: var(--hx-margin-top);
+  margin-bottom: var(--hx-margin-bottom);
+}
+
+p {
+  margin-top: var(--p-margin-top);
+  margin-bottom: var(--p-margin-bottom);
+}
+
+ul {
+  margin-top: var(--ul-margin-top);
+  margin-bottom: var(--ul-margin-bottom);
+}
+
+li {
+  margin-left: var(--li-indent);
+}
+
+a {
+  text-decoration: underline;
+}
+
+/* Code blocks */
+
+pre {
+  padding: var(--code-padding);
+  overflow: scroll;
+  border-radius: var(--code-border-radius);
+  margin-top: var(--code-margin-top);
+  margin-bottom: var(--code-margin-bottom);
+}
+
+code {
+  -webkit-font-smoothing: antialiased;
+  -moz-font-feature-settings: "liga=1, dlig=1";
+  -ms-font-feature-settings: "liga", "dlig";
+  -webkit-font-feature-settings: "liga", "dlig";
+  -o-font-feature-settings: "liga", "dlig";
+  font-feature-settings: "liga", "dlig";
+  font-variant-ligatures: contextual;
+  font-family: "Monaspace";
+  font-size: .9em;
+}
+
+/* Latex Overflow */
+
+.MathJax {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+/* Footnotes */
+
+.footnotes {
+  margin-top: 3rem;
+  border-style: none;
+}
+
+hr {
+  border: 1px solid black;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
+
+/* Header */
+
+.header {
+  padding-top: var(--header-top-gap);
+  margin-bottom: var(--header-bottom-gap);
+}
+
+.header p {
+  font-family: monospace;
+  margin-top: var(--header-menu-top-gap);
+  margin-right: var(--header-menu-side-gap);
+}
+
+.header h1 {
+  font-size: 2.6em;
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+/* Footer */
+
+footer {
+  font-size: small;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-height: var(--footer-height);
+}
+
+footer a {
+  font-family: "Monaspace";
+  margin-left: .2rem;
+  margin-right: .2rem;
+}
+
+/* Posts list  */
+
+.post-list-container {
+  margin-bottom: 2rem;
+}
+
+.post-line {
+  margin-bottom: .5rem;
+  display: flex;
+  align-items: baseline;
+}
+
+.post-line p {
+  margin-top: 0rem;
+  margin-bottom: 0rem;
+}
+
+.post-date {
+  font-size: small;
+  font-family: "Monaspace";
+  width: 110px;
+  text-align: right;
+  padding-right: 1rem;
+}
+
+.post-title {
+  margin: 0;
+}
+
+.pagination {
+  display: flex;
+  align-items: center;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  justify-content: center;
+}
+
+.pagination-control {
+  min-width: 3rem;
+  margin-left: .5rem;
+  margin-right: .5rem;
+  text-align: center;
+  align-items: center;
+}
+
+.page-number {
+  min-width: 3rem;
+  margin-left: .5rem;
+  margin-right: .5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+}
+
+/* Social Icons */
+
+.social-icons {
+  padding: 12px 0;
+  margin-bottom: 3rem;
+}
+
+.social-icons a {
+  text-decoration: none;
+}
+
+.social-icons a:not(:last-of-type) {
+  margin-inline-end: 12px;
+}
+
+.social-icons a svg {
+  height: 20px;
+  width: 20px;
+}
+
+/* Single post page */
+
+.single-intro-container {
+  margin-top: 1rem;
+  margin-bottom: 2rem;
+}
+
+.single-title {
+  margin-top: 1rem;
+  margin-bottom: .5rem;
+}
+
+.single-readtime {
+  margin-top: .5rem;
+}
+
+.single-summary {
+  font-style: italic;
+  margin-bottom: 0;
+}
+
+.single-content {
+  margin-bottom: 6rem;
+}
+
+/* Table of contents */
+
+.toc {
+  margin-top: var(--toc-margin-top);
+  margin-bottom: var(--toc-margin-bottom);
+}
+
+.toc ul {
+  margin-top: 0;
+  margin-bottom: .5rem;
+}
\ No newline at end of file
diff --git a/assets/css/reset.css b/assets/css/reset.css
new file mode 100644
index 0000000..a2c9a46
--- /dev/null
+++ b/assets/css/reset.css
@@ -0,0 +1,117 @@
+*,
+::after,
+::before {
+    box-sizing: border-box;
+}
+
+html {
+    -webkit-tap-highlight-color: transparent;
+    overflow-y: scroll;
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+}
+
+a,
+button,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--primary);
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-size: 18px;
+    line-height: 1.6;
+    word-break: break-word;
+    background: var(--theme);
+}
+
+article,
+aside,
+figcaption,
+figure,
+header,
+hgroup,
+main,
+nav,
+section,
+table {
+    display: block;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    line-height: 1.2;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+ul {
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+body,
+figure,
+ul {
+    margin: 0;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    overflow-x: auto;
+    word-break: keep-all;
+}
+
+button,
+input,
+textarea {
+    padding: 0;
+    font: inherit;
+    background: 0 0;
+    border: 0;
+}
+
+input,
+textarea {
+    outline: 0;
+}
+
+button,
+input[type=button],
+input[type=submit] {
+    cursor: pointer;
+}
+
+input:-webkit-autofill,
+textarea:-webkit-autofill {
+    box-shadow: 0 0 0 50px var(--theme) inset;
+}
+
+img {
+    display: block;
+    max-width: 100%;
+}
\ No newline at end of file
diff --git a/assets/css/utils.css b/assets/css/utils.css
new file mode 100644
index 0000000..d6ab544
--- /dev/null
+++ b/assets/css/utils.css
@@ -0,0 +1,19 @@
+.flex {
+    display: flex;
+}
+
+.bold {
+    font-weight: bold;
+}
+
+.italic {
+    font-style: italic;
+}
+
+.small {
+    font-size: medium;
+}
+
+.monospace {
+    font-family: "Monaspace";
+}
\ No newline at end of file
diff --git a/assets/css/vars.css b/assets/css/vars.css
new file mode 100644
index 0000000..1ec2afd
--- /dev/null
+++ b/assets/css/vars.css
@@ -0,0 +1,54 @@
+:root {
+    --main-width: 900px;
+    --main-padding: 1rem;
+    --main-padding-bottom: 3rem;
+
+    /* header settings */
+    --header-top-gap: 1.5rem;
+    --header-bottom-gap: 2rem;
+    --header-menu-side-gap: .5rem;
+    --header-menu-top-gap: 1rem;
+
+    /* Typography */
+    --h1-margin-top: 2rem;
+    --h1-margin-bottom: 2rem;
+    --h2-margin-top: 2rem;
+    --h2-margin-bottom: 2rem;
+    --hx-margin-top: 1rem;
+    --hx-margin-bottom: 1rem;
+    --p-margin-top: 1rem;
+    --p-margin-bottom: 1rem;
+    --code-margin-top: 2rem;
+    --code-margin-bottom: 2rem;
+
+    /* List indentation */
+    --li-indent: 1.5rem;
+    --ul-margin-top: 1rem;
+    --ul-margin-bottom: 1rem;
+
+    --toc-margin-top: 2rem;
+    --toc-margin-bottom: 3rem;
+
+    /* code */
+    --code-padding: 1.5rem;
+    --code-border-radius: 20px;
+
+    /* Footer */
+    --footer-height: 3rem;
+
+    /* Content */
+    --content-height: calc(100vh - var(--footer-height));
+}
+
+@media screen and (max-width: 1024px) {
+    :root {
+        --main-width: 750px;
+        --header-top-gap: 1rem;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    :root {
+        --header-top-gap: .5rem;
+    }
+}
\ No newline at end of file