diff --git a/src/about.html b/src/about.html index 8269f2d..a544d79 100644 --- a/src/about.html +++ b/src/about.html @@ -7,7 +7,7 @@
-
+

@@ -45,9 +45,13 @@ linux distros don't matter

- + + + +
+ diff --git a/src/cool-stuff/index.html b/src/cool-stuff/index.html index 945925e..1cc749c 100644 --- a/src/cool-stuff/index.html +++ b/src/cool-stuff/index.html @@ -5,10 +5,10 @@ - +
-
+

Cool Stuff @@ -35,9 +35,12 @@ If a page uses/requires JavaScript, its link will be marked with (☕).
  • Recipes

    • - + + +
    + diff --git a/src/scss/waltuh/layouts/_grid.scss b/src/scss/waltuh/layouts/_grid.scss index 8a4fddf..569c9f6 100644 --- a/src/scss/waltuh/layouts/_grid.scss +++ b/src/scss/waltuh/layouts/_grid.scss @@ -32,6 +32,8 @@ justify-content: center; align-items: center; + z-index: 10; + h1, h2, h3 { display: inline-block; //width: min-content; // Looks terrible in practice @@ -72,3 +74,19 @@ $offset-amt: 0.33fr; } } } + +.side-a { + a { + grid-area: nw / nw / se / se; + z-index: 2; + } + .side-a__main-content-cover { + grid-area: n / n / s / s; + width: 110%; + height: 100%; + z-index: 3; + background: rgba(1,1,1,0.05); + box-shadow: 0px 0px 10px 10px rgba(1,1,1,0.05); + backdrop-filter: blur(1px); + } +} diff --git a/src/scss/waltuh/layouts/_modifiers.scss b/src/scss/waltuh/layouts/_modifiers.scss index a984431..c4842fa 100644 --- a/src/scss/waltuh/layouts/_modifiers.scss +++ b/src/scss/waltuh/layouts/_modifiers.scss @@ -18,3 +18,7 @@ $gap-sizes: ("small": 1vmin, "mid": 3vmin, "large": 5vmin); } } } + +.no-overflow { + overflow: hidden; +}