diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/sass/activity.scss | 36 | ||||
| -rw-r--r-- | assets/sass/default.scss | 76 | ||||
| -rw-r--r-- | assets/sass/gruvbox_dark.scss | 24 | ||||
| -rw-r--r-- | assets/sass/gruvbox_light.scss | 24 | ||||
| -rw-r--r-- | assets/sass/monokai.scss | 24 | ||||
| -rw-r--r-- | assets/sass/powershell.scss | 24 | ||||
| -rw-r--r-- | assets/sass/retro.scss | 24 | ||||
| -rw-r--r-- | assets/sass/solarized_dark.scss | 24 | ||||
| -rw-r--r-- | assets/sass/solarized_light.scss | 24 | ||||
| -rw-r--r-- | assets/sass/ubuntu.scss | 24 | ||||
| -rw-r--r-- | assets/sass/white.scss | 24 |
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; +} |