diff --git a/assets/scss/components/terminal.scss b/assets/scss/components/terminal.scss new file mode 100644 index 0000000..8b70f66 --- /dev/null +++ b/assets/scss/components/terminal.scss @@ -0,0 +1,23 @@ +.terminal { + &:after { + content: ''; + background: repeating-linear-gradient( + 0deg, + rgba(black, 0.15), + rgba(black, 0.15) 1px, + transparent 2px, + transparent 4px + ); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + pointer-events: none; + } + position: relative; + background: radial-gradient(circle at bottom, #455a48, black, black); + text-shadow: 0 0 5px #C8C8C8; + color: rgb(143, 255, 143); + font-family: monospace; +} \ No newline at end of file diff --git a/assets/scss/content/code.scss b/assets/scss/content/code.scss index e4aee2b..e4c1c43 100644 --- a/assets/scss/content/code.scss +++ b/assets/scss/content/code.scss @@ -12,16 +12,16 @@ font-weight: 700; color: #ddd; position: absolute; - top: -1em; + top: -1.25em; left: 0em; z-index: -1; } a { position: absolute; - top: -1em; + top: -1.25em; + width: 100%; color: #ddd; display: block; - width: 100%; } position: relative; margin-top: 2rem; @@ -47,6 +47,14 @@ font-size: 2em; } } + #intro { + .tagline { + font-size: clamp(1.5em,6vw,3em); + font-weight: 700; + margin-bottom: 0.5em; + } + .blurb {} + } #gitea { margin-top: 4em; svg { @@ -208,8 +216,8 @@ grid-template-areas: "icon title" "icon summary"; grid-template-columns: 3em 1fr; &__link { - text-decoration: none; - display: contents; + grid-area: title; + max-width: max-content; } &__icon { grid-area: icon; @@ -222,14 +230,6 @@ } &__title { font-weight: 700; - grid-area: title; - text-decoration: underline; - text-decoration-thickness: 0.125em; - text-decoration-offset: 0.125em; - &:hover { - text-decoration-thickness: 0.25em; - text-decoration-offset: 0.25em; - } font-size: 1.2em; } &__summary { @@ -248,7 +248,8 @@ } align-items: center; &__link { - display: contents; + grid-area: title; + max-width: max-content; } &__icon { grid-area: icon; @@ -261,15 +262,7 @@ } &__title { font-weight: 700; - grid-area: title; - text-decoration: underline; - font-size: 1.2em; - text-decoration-thickness: 0.125em; - text-decoration-offset: 0.125em; - &:hover { - text-decoration-thickness: 0.25em; - text-decoration-offset: 0.25em; - } + } &__summary { line-height: 1.4; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 382aa43..4e52196 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -15,6 +15,7 @@ @import "components/intro.scss"; @import "components/praise.scss"; @import "components/devices.scss"; +@import "components/terminal.scss"; @import "content/index.scss"; @import "content/work.scss"; diff --git a/content/blog/no-right-to-profit/download.png b/content/blog/no-right-to-profit/download.png index ec1bfa3..4d88f43 100644 Binary files a/content/blog/no-right-to-profit/download.png and b/content/blog/no-right-to-profit/download.png differ diff --git a/content/blog/rip-grooveshark/rip.png b/content/blog/rip-grooveshark/rip.png index e9b99dd..810dcfa 100644 Binary files a/content/blog/rip-grooveshark/rip.png and b/content/blog/rip-grooveshark/rip.png differ diff --git a/content/blog/twitter-not-social/failwhale.png b/content/blog/twitter-not-social/failwhale.png index 1eb30dc..1961cd8 100644 Binary files a/content/blog/twitter-not-social/failwhale.png and b/content/blog/twitter-not-social/failwhale.png differ diff --git a/layouts/code/list.html b/layouts/code/list.html index faf784c..187ecb0 100644 --- a/layouts/code/list.html +++ b/layouts/code/list.html @@ -1,8 +1,8 @@ {{ define "main" }}
-