- grub> boot
+ grub> boot
-
- ERROR: Root device mounted successfully, but /sbin/init does not exist.
+
+ ERROR: Root device mounted successfully, but /sbin/init does not exist.
- Bailing out, you are on your own.
- Good luck
+ Bailing out, you are on your own.
+ Good luck
- sh: can't access tty; job control turned off
-
-
-
-
- [rootfs ]#
- do butterflies cry when they're sad?
-
-
-
- Segmentation fault (core dumped)
+ sh: can't access tty; job control turned off
+ [rootfs ]#
diff --git a/www/scss/_tty.scss b/www/scss/_tty.scss
index 1634bae..bfff2ac 100644
--- a/www/scss/_tty.scss
+++ b/www/scss/_tty.scss
@@ -2,25 +2,7 @@
* Type Writer Effect *
/* =========================================================== */
-/// Replace `$search` with `$replace` in `$string`
-/// @author Kitty Giraudel
-/// @param {String} $string - Initial string
-/// @param {String} $search - Substring to replace
-/// @param {String} $replace ('') - New value
-/// @return {String} - Updated string
-@function str-replace($string, $search, $replace: '') {
- $index: str-index($string, $search);
-
- @if $index {
- @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
- }
-
- @return $string;
-}
-
-@function sanitize-int($int) {
- @return str-replace(#{$int}, '.', '_')
-}
+@use 'base';
/* ==================
* Graphical Container
@@ -39,9 +21,7 @@
align-items: start;
text-align: start;
- // XXX: TODO: for some reason this causes an error??
- /* border: 0.5ch solid base.$color-txt; */
- border: 0.5ch solid #ffc0cb;
+ border: 0.5ch solid base.$color-txt;
padding: 20px;
}
}
@@ -50,9 +30,7 @@
* TTY Prompt
*/
@mixin typing-prompt($prompt-width, $command-width, $typing-duration, $blink-period) {
- // XXX: TODO: relearn SCSS cause the thing below will break whenever an input is given as a float
- // XXX: TODO: (period character interpretted as sub-attribute)
- .typing-prompt-#{$prompt-width}-#{$command-width}-#{$typing-duration}-#{sanitize-int($blink-period)} {
+ .typing-prompt-#{$prompt-width}-#{$command-width}-#{$typing-duration}-#{$blink-period} {
width: $prompt-width + $command-width; // ignore cursor (right border)
border-right: 1ch solid; // cursor
@@ -62,7 +40,7 @@
// typing animation then start cursor blink
animation:
- typing($prompt-width) $typing-duration steps($command-width),
+ typing $typing-duration steps($command-width),
cursor-blink $blink-period steps(1, start) $typing-duration infinite alternate;
}
}
@@ -85,9 +63,7 @@
* TTY Output
*/
@mixin typing-result($typing-duration, $reveal-delay) {
- // XXX: TODO: relearn SCSS cause the thing below will break whenever an input is given as a float
- // XXX: TODO: (period character interpretted as sub-attribute)
- .typing-result-#{$typing-duration}-#{sanitize-int($reveal-delay)} {
+ .typing-result-#{$typing-duration}-#{$reveal-delay} {
visibility: hidden;
white-space: pre-wrap; // preserve linebreaks
diff --git a/www/scss/tty_intro.scss b/www/scss/tty_intro.scss
index 31abc48..65f58a6 100644
--- a/www/scss/tty_intro.scss
+++ b/www/scss/tty_intro.scss
@@ -1,4 +1,3 @@
-@import "base";
@import "tty";
@include tty(2ch, 36ch, 3s, 0.6s, 0.8s);