initial commit; forked from https://github.com/Yukuro/hugo-theme-shell

11 files changed, 328 insertions, 0 deletions

diff --git a/assets/sass/activity.scss b/assets/sass/activity.scss
new file mode 100644
index 0000000..c83bfbf
--- /dev/null
+++ b/assets/sass/activity.scss
@@ -0,0 +1,36 @@
+@import "default.scss";
+
+:root {
+    --cursor-visibility: hidden;
+}
+
+body {
+    // I prefer only the left and right margins for the post.
+    align-items: unset;
+
+    overflow-y: scroll;
+}
+
+#content {
+    max-width: 80vmin;
+}
+
+pre {
+    overflow-x: scroll;
+    white-space: pre;
+}
+
+#activity-title, #activity-content {
+    &:after {
+        @extend .cursor;
+    }
+}
+
+@keyframes blink {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
diff --git a/assets/sass/default.scss b/assets/sass/default.scss
new file mode 100644
index 0000000..eadf98c
--- /dev/null
+++ b/assets/sass/default.scss
@@ -0,0 +1,76 @@
+@import url("https://fonts.googleapis.com/css2?family=Inconsolata&display=swap");
+
+:root {
+    --cursor-visibility: hidden;
+}
+
+html,
+body {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+
+    font-family: "Inconsolata", monospace;
+    font-size: 4vmin;
+    line-height: 4.1vmin;
+    font-weight: normal;
+}
+
+body {
+    margin: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+}
+
+#content {
+    min-width: 82vmin;
+    min-height: 82vmin;
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+}
+::-webkit-scrollbar-track {
+    border-radius: 10px;
+    box-shadow: inset 0 0 1px white;
+}
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: 0 0 0 1px white;
+}
+
+.cursor {
+    visibility: var(--cursor-visibility);
+        content: "|";
+        overflow: hidden;
+        color: white;
+        animation: blink 500ms linear infinite alternate;
+}
+
+#cd, #whoami, #cat, #tree {
+    &:after {
+        @extend .cursor;
+    }
+}
+
+@keyframes blink {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    body {
+        font-size: 2.5vmin;
+        line-height: 2.6vmin;
+    }
+
+    #content {
+        min-width: 60vmin;
+    }
+}
diff --git a/assets/sass/gruvbox_dark.scss b/assets/sass/gruvbox_dark.scss
new file mode 100644
index 0000000..b81f006
--- /dev/null
+++ b/assets/sass/gruvbox_dark.scss
@@ -0,0 +1,24 @@
+$charcolor: #ebdbb2;
+body {
+    background: #282828;
+
+    #terminal {
+        color: $charcolor;
+    }
+
+    #user {
+        color: #98971a;
+    }
+
+    #dir {
+        color: #458588;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/gruvbox_light.scss b/assets/sass/gruvbox_light.scss
new file mode 100644
index 0000000..0abda29
--- /dev/null
+++ b/assets/sass/gruvbox_light.scss
@@ -0,0 +1,24 @@
+$charcolor: #3c3836;
+body {
+    background: #fbf1c7;
+
+    #terminal {
+        color: $charcolor;
+    }
+
+    #user {
+        color: #98971a;
+    }
+
+    #dir {
+        color: #458588;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
\ No newline at end of file
diff --git a/assets/sass/monokai.scss b/assets/sass/monokai.scss
new file mode 100644
index 0000000..76e2e5b
--- /dev/null
+++ b/assets/sass/monokai.scss
@@ -0,0 +1,24 @@
+$charcolor: #bbbbbb;
+body {
+    background: #1b1d1e;
+
+    #terminal {
+        color: $charcolor;
+    }
+
+    #user {
+        color: #23e298;
+    }
+
+    #dir {
+        color: #d08010;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/powershell.scss b/assets/sass/powershell.scss
new file mode 100644
index 0000000..5ba8f75
--- /dev/null
+++ b/assets/sass/powershell.scss
@@ -0,0 +1,24 @@
+$charcolor: #ffffff;
+body {
+    background: #002454;
+
+    #terminal {
+        color: $charcolor;
+    }
+
+    #user {
+        color: #ffffff;
+    }
+
+    #dir {
+        color: #ffffff;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/retro.scss b/assets/sass/retro.scss
new file mode 100644
index 0000000..1b2bafa
--- /dev/null
+++ b/assets/sass/retro.scss
@@ -0,0 +1,24 @@
+$charcolor: #00f633;
+body {
+    background: black;
+
+    #terminal {
+        color: #00f633;
+    }
+
+    #user {
+        color: #00f633;
+    }
+
+    #dir {
+        color: #00f633;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/solarized_dark.scss b/assets/sass/solarized_dark.scss
new file mode 100644
index 0000000..9f0b031
--- /dev/null
+++ b/assets/sass/solarized_dark.scss
@@ -0,0 +1,24 @@
+$charcolor: #839496;
+body {
+    background: #002b36;
+
+    #terminal {
+        color: #839496;
+    }
+
+    #user {
+        color: #859900;
+    }
+
+    #dir {
+        color: #268bd2;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/solarized_light.scss b/assets/sass/solarized_light.scss
new file mode 100644
index 0000000..c01ff8a
--- /dev/null
+++ b/assets/sass/solarized_light.scss
@@ -0,0 +1,24 @@
+$charcolor: #657b83;
+body {
+    background: #fdf6e3;
+
+    #terminal {
+        color: #657b83;
+    }
+
+    #user {
+        color: #859900;
+    }
+
+    #dir {
+        color: #268bd2;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/ubuntu.scss b/assets/sass/ubuntu.scss
new file mode 100644
index 0000000..29ed48b
--- /dev/null
+++ b/assets/sass/ubuntu.scss
@@ -0,0 +1,24 @@
+$charcolor: #ffffff;
+body {
+    background: #300a24;
+
+    #terminal {
+        color: $charcolor;
+    }
+
+    #user {
+        color: #4e9a06;
+    }
+
+    #dir {
+        color: #3465a4;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}
diff --git a/assets/sass/white.scss b/assets/sass/white.scss
new file mode 100644
index 0000000..f632759
--- /dev/null
+++ b/assets/sass/white.scss
@@ -0,0 +1,24 @@
+$charcolor: black;
+body {
+    background: white;
+
+    #terminal {
+        color: black;
+    }
+
+    #user {
+        color: black;
+    }
+
+    #dir {
+        color: black;
+    }
+
+    .Typewriter__cursor {
+        color: $charcolor;
+    }
+}
+
+a {
+    color: $charcolor;
+}