diff options
| -rw-r--r-- | third_party/nixpkgs-exposed/exposed/default.nix | 1 | ||||
| -rw-r--r-- | users/glittershark/gws.fyi/default.nix | 8 | ||||
| -rw-r--r-- | users/glittershark/gws.fyi/index.org | 3 | ||||
| -rw-r--r-- | users/glittershark/gws.fyi/main.css | 121 |
4 files changed, 132 insertions, 1 deletions
diff --git a/third_party/nixpkgs-exposed/exposed/default.nix b/third_party/nixpkgs-exposed/exposed/default.nix index c8e58d5fc576..201fb76b9de4 100644 --- a/third_party/nixpkgs-exposed/exposed/default.nix +++ b/third_party/nixpkgs-exposed/exposed/default.nix @@ -90,6 +90,7 @@ mdbook meson mime-types + minify mkShell moreutils nano diff --git a/users/glittershark/gws.fyi/default.nix b/users/glittershark/gws.fyi/default.nix index 6ec1262f67be..38d64cef5700 100644 --- a/users/glittershark/gws.fyi/default.nix +++ b/users/glittershark/gws.fyi/default.nix @@ -5,9 +5,17 @@ let resume = import ../resume args; bucket = "s3://gws.fyi"; distributionID = "E2ST43JNBH8C64"; + + css = runCommand "main.css" { + buildInputs = [ pkgs.minify ]; + } '' + minify --type css < ${./main.css} > $out + ''; + website = runCommand "gws.fyi" { } '' mkdir -p $out + cp ${css} $out/main.css cp ${site.index} $out/index.html cp ${resume} $out/resume.pdf ''; diff --git a/users/glittershark/gws.fyi/index.org b/users/glittershark/gws.fyi/index.org index a9413a69ba70..7be8991caee5 100644 --- a/users/glittershark/gws.fyi/index.org +++ b/users/glittershark/gws.fyi/index.org @@ -1,5 +1,6 @@ -#+OPTIONS: title:nil +#+OPTIONS: title:nil toc:nil num:nil #+HTML_HEAD: <title>griffin smith</title> +#+HTML_HEAD: <link rel="stylesheet" href="./main.css"> my name is griffin ward smith (aka grfn, glittershark, gws) and i'm a software engineer and musician diff --git a/users/glittershark/gws.fyi/main.css b/users/glittershark/gws.fyi/main.css new file mode 100644 index 000000000000..0cbf3c3d7cc5 --- /dev/null +++ b/users/glittershark/gws.fyi/main.css @@ -0,0 +1,121 @@ +@import url(https://fonts.googleapis.com/css?family=Inconsolata|Inter&display=swap); + +body { + margin-top: 40px; + margin-left: 150px; + max-width: 900px; + line-height: 1.6; + font-size: 16px; + background: #f8f3ff; + color: #3a1616; + padding: 0 10px; + font-family: Inter, sans-serif; +} + +input { + padding: 10px 16px; + margin: 2px 0; + box-sizing: border-box; + border: 2px solid #dabebe; + border-radius: 6px; + background: #f8f3ff; + color: #3a1616; + font-size: 16px; + -webkit-transition: 0.5s; + transition: 0.5s; + outline: 0; +} + +input:focus { + border: 2px solid #3a1616; +} + +.button { + background-color: #f8f3ff; + border: none; + color: #000; + padding: 6px 14px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + transition-duration: 0.4s; + cursor: pointer; + border: 2px solid #3a1616; + border-radius: 6px; +} + +.button:hover { + background-color: #3a1616; + color: #fff; +} + +.isa_error, +.isa_info, +.isa_success, +.isa_warning { + width: 90%; + margin: 10px 0; + padding: 12px; +} + +.isa_info { + color: #00529b; + background-color: #bde5f8; +} + +.isa_success { + color: #4f8a10; + background-color: #dff2bf; +} + +.isa_warning { + color: #9f6000; + background-color: #feefb3; +} + +.isa_error { + color: #d8000c; + background-color: #ffd2d2; +} + +h1, +h2, +h3 { + line-height: 1.2; + font-family: Inter, sans-serif; +} + +h2 { + font-size: 18px; +} + +img { + max-width: 750px; + border-radius: 10px; +} + +a { + cursor: pointer; + color: #217ab7; + line-height: inherit; +} + +a:hover { + background-color: #e3d6ff; +} + +a:visited { + color: #43458b; + border-color: #43458b; +} + +pre { + font-family: Inconsolata, monospace; +} + +::selection { + color: #fff; + background: #ff4081; +} |