diff options
Diffstat (limited to 'src')
66 files changed, 412 insertions, 610 deletions
diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk deleted file mode 100644 index 2d88e70..0000000 --- a/src/_includes/components/footer.njk +++ /dev/null @@ -1,6 +0,0 @@ -<footer> - <div id="commitText"> - <a href="https://github.com/getchoo/getchoo.github.io">source</a> - commit: {{ gitRevision }} - </div> -</footer> diff --git a/src/_includes/components/headerbar.njk b/src/_includes/components/headerbar.njk deleted file mode 100644 index 0edc922..0000000 --- a/src/_includes/components/headerbar.njk +++ /dev/null @@ -1,9 +0,0 @@ -<div class="headerbar"> - <div id="links" class="flex gap-3"> - <button onclick="window.location.href='/'">home</button> - <button onclick="window.location.href='/blog'">blog</button> - <button onclick="window.location.href='https://github.com/getchoo'"> - github - </button> - </div> -</div> diff --git a/src/_includes/components/postlist.njk b/src/_includes/components/postlist.njk deleted file mode 100644 index f7d2b95..0000000 --- a/src/_includes/components/postlist.njk +++ /dev/null @@ -1,17 +0,0 @@ -<div> - <ul class="postList"> - {% for post in postList %} - <li> - <a href="{{ post.data.url }}">{{ post.data.title }}</a> - <time - class="post-date" - datetime="{{ post.data.date | date('DATETIME') }}" - > - {{ post.data.date | date('HUMAN_DATE') }} - </time> - </li> - {% else %} - <p>no posts yet! 🥸</p> - {% endfor %} - </ul> -</div> diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk deleted file mode 100644 index 51f160b..0000000 --- a/src/_includes/layouts/base.njk +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> - <title>{{ title }}</title> - <meta name="description" content="{{ description }}" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/guzzle.css" /> - </head> - - <body> - {% block headerbar %} {% include "components/headerbar.njk" %} {% - endblock %} {{ content | safe }} {% block footer %} {% include - "components/footer.njk" %} {% endblock %} - </body> -</html> diff --git a/src/_includes/layouts/index.njk b/src/_includes/layouts/index.njk deleted file mode 100644 index b2373e4..0000000 --- a/src/_includes/layouts/index.njk +++ /dev/null @@ -1,193 +0,0 @@ ---- -layout: "layouts/base.njk" ---- - -<div class="container"> - <div class="content">{{ content | safe }}</div> - <div id="gifs"> - <div id="gif"> - <img - src="/imgs/gifs/legalize.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="legalize now!" - /> - <img - src="/imgs/gifs/acab.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="acab" - /> - <a href="https://github.com/sakecode"> - <!-- - Powered by NixOS © 2023 by Sake is licensed under (CC BY-NC-SA 4.0) - To view the source visit: https://github.com/sakecode/Sake-s-SVGs - To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/ - --> - <img - src="/imgs/gifs/poweredbynix.svg" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="powered by fedora" - /> - </a> - <img - src="/imgs/gifs/capitalism.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="let's crush capitalism!" - /> - </div> - <div id="gif"> - <img - src="/imgs/gifs/anybrowser.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="best viewed with any browser" - /> - <img - src="/imgs/gifs/weezer.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="weezer fan" - /> - <a href="https://dnsense.pub/"> - <img - src="/imgs/gifs/steam.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="play with steam" - /> - </a> - <img - src="/imgs/gifs/vi.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="made with vi" - /> - <img - src="/imgs/gifs/pride.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="pride" - /> - <img - src="/imgs/gifs/imagine.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="imagination" - /> - </div> - <div id="gif"> - <img - src="/imgs/gifs/moz.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="mozilla is cool" - /> - <img - src="/imgs/gifs/free.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="completely free software" - /> - <img - src="/imgs/gifs/gimp.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="graphics by gimp" - /> - <img - src="/imgs/gifs/explorer.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="marijuana mind explorer" - /> - <img - src="/imgs/gifs/jsfree.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="javascript free" - /> - <img - src="/imgs/gifs/web3.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="keep the web free! say no to web3!" - /> - <img - src="/imgs/gifs/tired.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="tired" - /> - <img - src="/imgs/gifs/arnold.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="hey arnold!" - /> - <img - src="/imgs/gifs/bob.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="powered by bob" - /> - <img - src="/imgs/gifs/counterstrike.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="counter-strike player" - /> - <img - src="/imgs/gifs/chris.gif" - width="88" - height="31" - loading="lazy" - decoding="async" - alt="chris troll" - id="chris_gif" - /> - </div> - </div> -</div> diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk deleted file mode 100644 index d355024..0000000 --- a/src/_includes/layouts/page.njk +++ /dev/null @@ -1,7 +0,0 @@ ---- -layout: layouts/base.njk ---- - -<div class="container"> - <div class="content" id="blogpost">{{ content | safe }}</div> -</div> diff --git a/src/blog/index.njk b/src/blog/index.njk deleted file mode 100644 index 7922a48..0000000 --- a/src/blog/index.njk +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: "layouts/page.njk" -title: "getchoo's blog" -description: "getchoo's blog posts" ---- - -{% set postList = search.pages("type=posts", "date=desc", 3) %} {% include -"components/postlist.njk" %} diff --git a/src/blog/posts/2023-03-17_test.md b/src/blog/posts/2023-03-17_test.md deleted file mode 100644 index 7d0a029..0000000 --- a/src/blog/posts/2023-03-17_test.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: test post -description: test test -draft: true ---- - -# uwu - -hello diff --git a/src/blog/posts/_data.yaml b/src/blog/posts/_data.yaml deleted file mode 100644 index 9287093..0000000 --- a/src/blog/posts/_data.yaml +++ /dev/null @@ -1,2 +0,0 @@ -type: posts -layout: layouts/page.njk diff --git a/src/components/Head.astro b/src/components/Head.astro new file mode 100644 index 0000000..6f96984 --- /dev/null +++ b/src/components/Head.astro @@ -0,0 +1,11 @@ +--- +const { title, description } = Astro.props.title; +--- + +<head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <title>{title}</title> + <meta name="description" content={description} /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> +</head> diff --git a/src/components/Nav.astro b/src/components/Nav.astro new file mode 100644 index 0000000..d25b180 --- /dev/null +++ b/src/components/Nav.astro @@ -0,0 +1,29 @@ +--- +const links = { + home: "/", + blog: "/blog", + github: "https://github.com/getchoo", +}; +--- + +<nav> + <div + class="flex flex-column align-center justify-center mx-auto p-5" + <ul + class="inline" + > + { + Object.entries(links).map(([link, url]) => ( + <li class="inline text-base p-2"> + <a href={url}>{link}</a> + </li> + )) + } + </div> +</nav> + +<style> + a { + @apply rounded-xl bg-yellow p-2; + } +</style> diff --git a/src/components/PostList.astro b/src/components/PostList.astro new file mode 100644 index 0000000..a537e43 --- /dev/null +++ b/src/components/PostList.astro @@ -0,0 +1,15 @@ +--- +const posts = await Astro.glob("../pages/blog/posts/*.md"); +--- + +<div> + <ul class="postList"> + { + posts.map((post) => ( + <li> + <a href={post.url}>{post.frontmatter.title}</a> + </li> + )) + } + </ul> +</div> diff --git a/src/env.d.ts b/src/env.d.ts new file mode 100644 index 0000000..f964fe0 --- /dev/null +++ b/src/env.d.ts @@ -0,0 +1 @@ +/// <reference types="astro/client" /> diff --git a/src/favicon.ico b/src/favicon.ico Binary files differdeleted file mode 100644 index 4880f14..0000000 --- a/src/favicon.ico +++ /dev/null diff --git a/src/files/chris.webp b/src/files/chris.webp Binary files differdeleted file mode 100644 index d313814..0000000 --- a/src/files/chris.webp +++ /dev/null diff --git a/src/files/getchoo-modpack.zip b/src/files/getchoo-modpack.zip Binary files differdeleted file mode 100644 index e5a3839..0000000 --- a/src/files/getchoo-modpack.zip +++ /dev/null diff --git a/src/files/rickroll.mp4 b/src/files/rickroll.mp4 Binary files differdeleted file mode 100644 index b988dc4..0000000 --- a/src/files/rickroll.mp4 +++ /dev/null diff --git a/src/files/server-icon.png b/src/files/server-icon.png Binary files differdeleted file mode 100644 index 81bd6b7..0000000 --- a/src/files/server-icon.png +++ /dev/null diff --git a/src/guzzle.sass b/src/guzzle.sass deleted file mode 100644 index 47aece9..0000000 --- a/src/guzzle.sass +++ /dev/null @@ -1,96 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap') -@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap') -@import "css/highlight.css" - -@tailwind base -@tailwind components -@tailwind utilities -@tailwind variants - -html - font-family: "Noto Sans", sans-serif - -h1 - @apply text-2xl - -h2 - @apply text-xl - -h3 - @apply text-lg - -p,li - @apply text-base - -a - @apply underline - -button - @apply rounded-xl bg-yellow p-2 text-center - -blockquote - @apply bg-surface2 p-2 rounded-xl - p - @apply bg-surface2 text-text - - code - @apply bg-surface2 text-text p-0 - -code - @apply bg-base text-text p-[0.1em] - -body - @apply bg-base p-10 - -footer - @apply text-xs flex items-center justify-center - -.container - @apply bg-lavender - @apply flex flex-auto flex-col - @apply items-center justify-center - @apply w-fit mx-auto - @apply rounded-lg - -.content - @apply inline-block text-center p-5 - img - // this is dumb - @apply mx-auto - -.headerbar - @apply flex flex-col - @apply items-center justify-center - @apply mx-auto rounded p-3 - -#blogpost - h1 - @apply bg-base text-4xl mx-auto p-5 mb-5 mt-5 text-text text-center w-fit - h2 - @apply bg-base text-xl mx-auto p-3 mb-5 mt-5 text-text text-center w-fit - h3 - @apply bg-base text-lg mx-auto p-1 mb-5 mt-5 text-text text-center w-fit - - @apply lg:max-w-6xl text-left items-center - -#blogText - @apply bg-blue rounded-xl p-5 - -#commitText - @apply text-subtext1 p-2 - -#indexHeader - @apply bg-base w-fit h-fit mx-auto rounded p-5 text-text - -#gifs - @apply bg-base - @apply hidden min-[1280px]:flex flex-col gap-2 - @apply text-center items-center justify-center - @apply m-20 mt-0 mb-5 p-10 - @apply rounded-lg drop-shadow-2xl - -#gif - @apply flex gap-2 - -#vidya - @apply flex justify-center p-5 diff --git a/src/imgs/chris/bkender_bauob.jpg b/src/imgs/chris/bkender_bauob.jpg Binary files differdeleted file mode 100644 index aa32641..0000000 --- a/src/imgs/chris/bkender_bauob.jpg +++ /dev/null diff --git a/src/imgs/chris/blurry_chris.jpg b/src/imgs/chris/blurry_chris.jpg Binary files differdeleted file mode 100644 index 331ab3e..0000000 --- a/src/imgs/chris/blurry_chris.jpg +++ /dev/null diff --git a/src/imgs/chris/chis_very_fried.jpg b/src/imgs/chris/chis_very_fried.jpg Binary files differdeleted file mode 100644 index e5ee71b..0000000 --- a/src/imgs/chris/chis_very_fried.jpg +++ /dev/null diff --git a/src/imgs/chris/chris_medium_fried.jpg b/src/imgs/chris/chris_medium_fried.jpg Binary files differdeleted file mode 100644 index b11f978..0000000 --- a/src/imgs/chris/chris_medium_fried.jpg +++ /dev/null diff --git a/src/imgs/chris/chris_moshed.jpg b/src/imgs/chris/chris_moshed.jpg Binary files differdeleted file mode 100644 index 6d1c3de..0000000 --- a/src/imgs/chris/chris_moshed.jpg +++ /dev/null diff --git a/src/imgs/chris/fried_publisher.jpg b/src/imgs/chris/fried_publisher.jpg Binary files differdeleted file mode 100644 index 0ac6e38..0000000 --- a/src/imgs/chris/fried_publisher.jpg +++ /dev/null diff --git a/src/imgs/chris/help_me.png b/src/imgs/chris/help_me.png Binary files differdeleted file mode 100644 index 3ac2f67..0000000 --- a/src/imgs/chris/help_me.png +++ /dev/null diff --git a/src/imgs/chris/nice_chris.png b/src/imgs/chris/nice_chris.png Binary files differdeleted file mode 100644 index af64d6a..0000000 --- a/src/imgs/chris/nice_chris.png +++ /dev/null diff --git a/src/imgs/chris/nice_publisher.png b/src/imgs/chris/nice_publisher.png Binary files differdeleted file mode 100644 index 759ef51..0000000 --- a/src/imgs/chris/nice_publisher.png +++ /dev/null diff --git a/src/imgs/construction.png b/src/imgs/construction.png Binary files differdeleted file mode 100644 index 1c038b0..0000000 --- a/src/imgs/construction.png +++ /dev/null diff --git a/src/imgs/gifs/acab.gif b/src/imgs/gifs/acab.gif Binary files differdeleted file mode 100644 index 6f8ccef..0000000 --- a/src/imgs/gifs/acab.gif +++ /dev/null diff --git a/src/imgs/gifs/anybrowser.gif b/src/imgs/gifs/anybrowser.gif Binary files differdeleted file mode 100644 index d7c0e0e..0000000 --- a/src/imgs/gifs/anybrowser.gif +++ /dev/null diff --git a/src/imgs/gifs/arnold.gif b/src/imgs/gifs/arnold.gif Binary files differdeleted file mode 100644 index 0035988..0000000 --- a/src/imgs/gifs/arnold.gif +++ /dev/null diff --git a/src/imgs/gifs/bob.gif b/src/imgs/gifs/bob.gif Binary files differdeleted file mode 100644 index 90b6dd5..0000000 --- a/src/imgs/gifs/bob.gif +++ /dev/null diff --git a/src/imgs/gifs/capitalism.gif b/src/imgs/gifs/capitalism.gif Binary files differdeleted file mode 100644 index c4abb60..0000000 --- a/src/imgs/gifs/capitalism.gif +++ /dev/null diff --git a/src/imgs/gifs/chris.gif b/src/imgs/gifs/chris.gif Binary files differdeleted file mode 100644 index a2ddbd5..0000000 --- a/src/imgs/gifs/chris.gif +++ /dev/null diff --git a/src/imgs/gifs/counterstrike.gif b/src/imgs/gifs/counterstrike.gif Binary files differdeleted file mode 100644 index 612e116..0000000 --- a/src/imgs/gifs/counterstrike.gif +++ /dev/null diff --git a/src/imgs/gifs/explorer.gif b/src/imgs/gifs/explorer.gif Binary files differdeleted file mode 100644 index 676ef7d..0000000 --- a/src/imgs/gifs/explorer.gif +++ /dev/null diff --git a/src/imgs/gifs/free.gif b/src/imgs/gifs/free.gif Binary files differdeleted file mode 100644 index 6ed18d1..0000000 --- a/src/imgs/gifs/free.gif +++ /dev/null diff --git a/src/imgs/gifs/gimp.gif b/src/imgs/gifs/gimp.gif Binary files differdeleted file mode 100644 index 382315e..0000000 --- a/src/imgs/gifs/gimp.gif +++ /dev/null diff --git a/src/imgs/gifs/gnu-linux.gif b/src/imgs/gifs/gnu-linux.gif Binary files differdeleted file mode 100644 index 89e3562..0000000 --- a/src/imgs/gifs/gnu-linux.gif +++ /dev/null diff --git a/src/imgs/gifs/imagine.gif b/src/imgs/gifs/imagine.gif Binary files differdeleted file mode 100644 index fc9f559..0000000 --- a/src/imgs/gifs/imagine.gif +++ /dev/null diff --git a/src/imgs/gifs/jsfree.gif b/src/imgs/gifs/jsfree.gif Binary files differdeleted file mode 100644 index b83040c..0000000 --- a/src/imgs/gifs/jsfree.gif +++ /dev/null diff --git a/src/imgs/gifs/kmelon.gif b/src/imgs/gifs/kmelon.gif Binary files differdeleted file mode 100644 index bc95862..0000000 --- a/src/imgs/gifs/kmelon.gif +++ /dev/null diff --git a/src/imgs/gifs/legalize.gif b/src/imgs/gifs/legalize.gif Binary files differdeleted file mode 100644 index 071d4d4..0000000 --- a/src/imgs/gifs/legalize.gif +++ /dev/null diff --git a/src/imgs/gifs/moz.gif b/src/imgs/gifs/moz.gif Binary files differdeleted file mode 100644 index ad0653a..0000000 --- a/src/imgs/gifs/moz.gif +++ /dev/null diff --git a/src/imgs/gifs/obras.gif b/src/imgs/gifs/obras.gif Binary files differdeleted file mode 100644 index 3c8443e..0000000 --- a/src/imgs/gifs/obras.gif +++ /dev/null diff --git a/src/imgs/gifs/poweredbyfedora.gif b/src/imgs/gifs/poweredbyfedora.gif Binary files differdeleted file mode 100644 index a632810..0000000 --- a/src/imgs/gifs/poweredbyfedora.gif +++ /dev/null diff --git a/src/imgs/gifs/poweredbynix.svg b/src/imgs/gifs/poweredbynix.svg deleted file mode 100755 index 0bc8c80..0000000 --- a/src/imgs/gifs/poweredbynix.svg +++ /dev/null @@ -1,187 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<!-- - Powered by NixOS © 2023 by Sake is licensed under (CC BY-NC-SA 4.0) - To view the source visit: https://github.com/sakecode/Sake-s-SVGs - To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/ - - It uses the following works, unmodified: - NixOS Logo by Tim Cuthbertson(@timbertson) is licensed under (CC BY 4.0) - To view a copy of this license, visit https://creativecommons.org/licenses/by/4.0/ - - It uses the following fonts: - The Vegur font, provided graciously under (CC0 1.0) - To view a copy of this license, visit https://creativecommons.org/publicdomain/zero/1.0/ - Get the font at: - http://dotcolon.net/font/vegur/ ---> -<svg id="b" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 88 31"> - <defs> - <style> - .bi { - fill: url(#ad); - } - - .bj { - fill: url(#ah); - } - - .bk { - fill: url(#ab); - } - - .bl { - fill: url(#aj); - } - - .bm { - fill: url(#af); - } - - .bn { - fill: url(#al); - } - - .bo { - fill: url(#x); - } - - .bp { - fill: url(#z); - } - - .bq { - fill: url(#m); - } - - .br { - fill: url(#v); - } - - .bs { - fill: url(#bd); - } - - .bs, .bt, .bu, .bv, .bw, .bx, .by { - fill-rule: evenodd; - } - - .bt { - fill: url(#bg); - } - - .bu { - fill: url(#ba); - } - - .bv { - fill: url(#av); - } - - .bw { - fill: url(#ay); - } - - .bx { - fill: url(#ap); - } - - .by { - fill: url(#as); - } - - .bz { - fill: url(#e); - stroke: url(#f); - stroke-width: .5px; - } - </style> - <linearGradient id="e" x1="388.21" y1="-732.57" x2="388.35" y2="-764.02" gradientTransform="translate(-339.91 -720.15) scale(.99 -.98)" gradientUnits="userSpaceOnUse"> - <stop offset="0" stop-color="#fff"/> - <stop offset="1" stop-color="#ebebeb"/> - </linearGradient> - <linearGradient id="f" x1="385.07" y1="-732.7" x2="385.37" y2="-763.21" gradientTransform="translate(-339.04 -720.24) scale(.99 -.98)" gradientUnits="userSpaceOnUse"> - <stop offset="0" stop-color="#c8c8c8"/> - <stop offset="1" stop-color="#787878"/> - </linearGradient> - <linearGradient id="m" x1="49.52" y1="15.87" x2="51.1" y2="15.87" gradientUnits="userSpaceOnUse"> - <stop offset="0" stop-color="#415e9a"/> - <stop offset=".23" stop-color="#4a6baf"/> - <stop offset="1" stop-color="#5277c3"/> - </linearGradient> - <linearGradient id="v" x1="65.23" y1="10.9" x2="68.78" y2="10.9" gradientUnits="userSpaceOnUse"> - <stop offset="0" stop-color="#699ad7"/> - <stop offset=".24" stop-color="#7eb1dd"/> - <stop offset="1" stop-color="#7ebae4"/> - </linearGradient> - <linearGradient id="x" x1="61.38" y1="9.05" x2="64.86" y2="9.05" xlink:href="#v"/> - <linearGradient id="z" x1="54.94" y1="9.05" x2="58.42" y2="9.05" xlink:href="#v"/> - <linearGradient id="ab" x1="51.18" y1="10.04" x2="54.29" y2="10.04" xlink:href="#v"/> - <linearGradient id="ad" x1="48.88" y1="10" x2="50.72" y2="10" xlink:href="#v"/> - <linearGradient id="af" x1="44.87" y1="10.04" x2="47.98" y2="10.04" xlink:href="#v"/> - <linearGradient id="ah" x1="39.39" y1="10.04" x2="44.54" y2="10.04" xlink:href="#v"/> - <linearGradient id="aj" x1="35.47" y1="10.04" x2="39.02" y2="10.04" xlink:href="#v"/> - <linearGradient id="al" x1="32.02" y1="9.16" x2="35.22" y2="9.16" xlink:href="#v"/> - <linearGradient id="ap" x1="224.31" y1="-241.85" x2="229.46" y2="-250.76" gradientTransform="translate(-167.55 -176.77) scale(.8 -.8)" xlink:href="#v"/> - <linearGradient id="as" x1="424.01" y1="326.19" x2="429.17" y2="317.28" gradientTransform="translate(-381.06 -153.58) rotate(60) scale(.8 -.8)" xlink:href="#v"/> - <linearGradient id="av" x1="-367.32" y1="-352.79" x2="-362.16" y2="-361.71" gradientTransform="translate(-80.86 -373.09) rotate(-60) scale(.8 -.8)" xlink:href="#v"/> - <linearGradient id="ay" x1="-559.28" y1="672.04" x2="-554.13" y2="663.12" gradientTransform="translate(-420.72 -523.34) rotate(-180) scale(.8 -.8)" xlink:href="#v"/> - <linearGradient id="ba" x1="-569.65" y1="-677.97" x2="-564.59" y2="-686.91" gradientTransform="translate(467.69 -525.72) scale(.8 -.8)" xlink:href="#m"/> - <linearGradient id="bd" x1="-761.47" y1="347.27" x2="-756.41" y2="338.33" gradientTransform="translate(-523.24 397.2) rotate(120) scale(.8 -.8)" xlink:href="#m"/> - <linearGradient id="bg" x1="-1553.35" y1="-331.81" x2="-1548.28" y2="-340.75" gradientTransform="translate(-827.26 -922.2) rotate(-120) scale(.8 -.8)" xlink:href="#m"/> - </defs> - <g id="c" data-name="Badge-Layer"> - <g id="d" data-name="Badge"> - <path id="g" data-name="rect5035" class="bz" d="m5.03.25h77.94c2.64,0,4.78,1.85,4.78,4.13v22.24c0,2.28-2.14,4.13-4.78,4.13H5.03c-2.64,0-4.78-1.85-4.78-4.13V4.38C.25,2.1,2.39.25,5.03.25Z"/> - </g> - </g> - <g id="h" data-name="Text"> - <g id="i" data-name="NixOS"> - <g id="j" data-name="Nix"> - <path id="k" data-name="X" d="m58.95,17.75h-1.47l-1.8,2.72h-.05l-1.74-2.72h-1.59l2.64,3.6v.05l-2.73,3.74h1.47l1.92-2.93h.05l1.92,2.93h1.59l-2.8-3.8v-.05l2.58-3.54Z"/> - <rect id="l" data-name="I" x="49.67" y="17.75" width="1.28" height="7.39"/> - <circle id="n" data-name="Dot" class="bq" cx="50.31" cy="15.87" r=".79"/> - <path id="o" data-name="N" d="m47.4,14.78h-1.19v5.41c0,.76.03,1.97.08,3.31h-.05c-.6-1.12-1.27-2.18-1.74-2.92l-3.74-5.8h-1.63v10.36h1.19v-5.41c0-.76-.03-2.2-.08-3.53h.05c.89,1.54,1.41,2.4,1.89,3.13l3.74,5.8h1.48v-10.36Z"/> - </g> - <g id="p" data-name="OS"> - <g id="q" data-name="S"> - <path id="r" data-name="path4677" d="m68.84,17.54c0,1.43.75,2.21,2.48,2.91,1.33.54,1.87,1.02,1.87,2,0,1.2-.97,1.79-2.26,1.79-.67,0-1.43-.1-2.27-.39l-.13,1.03c.73.27,1.54.37,2.35.37,2,0,3.68-1.02,3.68-3.06,0-1.42-.87-2.11-2.62-2.81-1.17-.46-1.73-.96-1.73-1.99s.87-1.55,1.96-1.55c.64,0,1.34.16,1.84.36l.13-1.02c-.57-.24-1.27-.36-2.05-.36-1.84,0-3.24,1.06-3.24,2.7h0Z"/> - </g> - <g id="s" data-name="O"> - <path id="t" data-name="path4680" d="m63.91,14.89c-2.43,0-4.43,1.96-4.43,5.22s2,5.22,4.43,5.22,4.43-1.96,4.43-5.22-2-5.22-4.43-5.22Zm0,1.02c1.81,0,3.19,1.49,3.19,4.2s-1.38,4.2-3.19,4.2-3.19-1.49-3.19-4.2,1.38-4.2,3.19-4.2Z"/> - </g> - </g> - </g> - <g id="u" data-name="PoweredBy"> - <path id="w" data-name="Y" class="br" d="m67.36,11.95c-.32.87-.92,1.5-1.68,1.72l-.23-.56c.58-.21,1.02-.55,1.21-1.1l-1.43-3.89h.75l1.04,3.2,1.05-3.2h.71l-1.42,3.82Z"/> - <path id="y" data-name="B" class="bo" d="m62.03,8.79c.23-.45.65-.74,1.18-.74.98,0,1.64.78,1.64,1.94s-.73,2.04-1.74,2.04c-.54,0-.98-.32-1.1-.73l-.04.65h-.59v-5.88h.66v2.72Zm0,1.42c0,.72.45,1.27,1.02,1.27.62,0,1.08-.56,1.08-1.46,0-.77-.37-1.41-1.06-1.41-.53,0-1.05.51-1.05,1.18v.42Z"/> - <path id="aa" data-name="D" class="bp" d="m58.42,11.95h-.59l-.05-.7c-.23.46-.65.78-1.2.78-.98,0-1.64-.78-1.64-1.94s.73-2.04,1.74-2.04c.52,0,.94.29,1.08.67v-2.65h.66v5.88Zm-.66-2.08c0-.72-.45-1.27-1.02-1.27-.62,0-1.08.56-1.08,1.46,0,.77.37,1.41,1.06,1.41.53,0,1.05-.51,1.05-1.18v-.42Z"/> - <path id="ac" data-name="E" class="bk" d="m54.07,11.76c-.29.16-.71.26-1.16.26-1.06,0-1.74-.64-1.74-1.89s.68-2.09,1.71-2.09,1.4.85,1.4,1.89c0,.12,0,.2-.03.33h-2.39c.04.86.44,1.24,1.21,1.24.33,0,.7-.11.97-.28l.03.54Zm-.45-2.04c0-.62-.22-1.12-.81-1.12-.53,0-.88.45-.94,1.12h1.74Z"/> - <path id="ae" data-name="R" class="bi" d="m49.52,8.7c.11-.37.43-.64.82-.64.14,0,.27.02.38.04l-.03.59c-.12-.03-.23-.05-.38-.05-.47,0-.78.42-.78,1.16v2.14h-.66v-3.82h.59l.04.58Z"/> - <path id="ag" data-name="E" class="bm" d="m47.76,11.76c-.29.16-.71.26-1.16.26-1.06,0-1.74-.64-1.74-1.89s.68-2.09,1.71-2.09,1.4.85,1.4,1.89c0,.12,0,.2-.03.33h-2.39c.04.86.44,1.24,1.21,1.24.33,0,.7-.11.97-.28l.03.54Zm-.45-2.04c0-.62-.22-1.12-.81-1.12-.53,0-.88.45-.94,1.12h1.74Z"/> - <path id="ai" data-name="W" class="bj" d="m42.68,11.95l-.37-1.42c-.13-.48-.25-.96-.35-1.58-.09.62-.21,1.1-.34,1.58l-.38,1.42h-.74l-1.12-3.82h.74l.46,1.76c.13.48.22.96.3,1.5.07-.54.18-1.02.31-1.5l.46-1.73h.67l.45,1.73c.13.48.23.96.3,1.5.07-.54.18-1.02.31-1.5l.46-1.76h.69l-1.12,3.82h-.74Z"/> - <path id="ak" data-name="O" class="bl" d="m39.02,10.04c0,1.19-.69,1.99-1.77,1.99s-1.78-.8-1.78-1.99.69-1.99,1.78-1.99,1.77.8,1.77,1.99Zm-2.83,0c0,.82.36,1.46,1.06,1.46s1.05-.64,1.05-1.46-.36-1.46-1.05-1.46-1.06.64-1.06,1.46Z"/> - <path id="am" data-name="P" class="bn" d="m32.02,6.49c.46-.09.85-.12,1.2-.12,1.32,0,2,.7,2,1.61,0,1.18-1.02,1.76-2.18,1.76-.13,0-.22,0-.36-.02v2.24h-.66v-5.46Zm.66,2.66c.12.02.29.02.38.02.82,0,1.45-.38,1.45-1.12,0-.67-.46-1.11-1.27-1.11-.18,0-.3,0-.56.04v2.17Z"/> - </g> - </g> - <g id="an" data-name="Nix Logo"> - <g id="ao" data-name="Snowflake"> - <path id="aq" data-name="path3336-6" class="bx" d="m14.79,15.75l5.63,9.75-2.59.02-1.5-2.62-1.51,2.61h-1.29s-.66-1.14-.66-1.14l2.16-3.71-1.53-2.66,1.29-2.25Z"/> - <g id="ar" data-name="use3439-6"> - <path id="at" data-name="path3336-6" class="by" d="m16.82,11.73l-5.63,9.75-1.31-2.23,1.52-2.61h-3.01s-.64-1.12-.64-1.12l.66-1.14h4.29s1.54-2.64,1.54-2.64h2.6Z"/> - </g> - <g id="au" data-name="use3445-0"> - <path id="aw" data-name="path3336-6" class="bv" d="m17.25,19.53h11.26s-1.27,2.25-1.27,2.25h-3.02s1.5,2.61,1.5,2.61l-.64,1.11h-1.31s-2.13-3.72-2.13-3.72h-3.07s-1.3-2.25-1.3-2.25Z"/> - </g> - <g id="ax" data-name="use3449-5"> - <path id="az" data-name="path3336-6" class="bw" d="m23.81,15.25l-5.63-9.75,2.59-.02,1.5,2.62,1.51-2.61h1.29s.66,1.14.66,1.14l-2.16,3.71,1.53,2.66-1.29,2.25Z"/> - </g> - <path id="bb" data-name="path4260-0" class="bu" d="m14.79,15.75l5.63,9.75-2.59.02-1.5-2.62-1.51,2.61h-1.29s-.66-1.14-.66-1.14l2.16-3.71-1.53-2.66,1.29-2.25Z"/> - <g id="bc" data-name="use4354-5"> - <path id="be" data-name="path4260-0" class="bs" d="m21.32,11.45h-11.26s1.27-2.25,1.27-2.25h3.02s-1.5-2.61-1.5-2.61l.64-1.11h1.31s2.13,3.72,2.13,3.72h3.07s1.3,2.25,1.3,2.25Z"/> - </g> - <g id="bf" data-name="use4362-2"> - <path id="bh" data-name="path4260-0" class="bt" d="m21.76,19.27l5.63-9.75,1.31,2.23-1.52,2.61h3.01s.64,1.12.64,1.12l-.66,1.14h-4.29s-1.54,2.64-1.54,2.64h-2.6Z"/> - </g> - </g> - </g> -</svg>
\ No newline at end of file diff --git a/src/imgs/gifs/pride.gif b/src/imgs/gifs/pride.gif Binary files differdeleted file mode 100644 index 9a48896..0000000 --- a/src/imgs/gifs/pride.gif +++ /dev/null diff --git a/src/imgs/gifs/steam.gif b/src/imgs/gifs/steam.gif Binary files differdeleted file mode 100644 index 1f4fe29..0000000 --- a/src/imgs/gifs/steam.gif +++ /dev/null diff --git a/src/imgs/gifs/tired.gif b/src/imgs/gifs/tired.gif Binary files differdeleted file mode 100644 index bf53872..0000000 --- a/src/imgs/gifs/tired.gif +++ /dev/null diff --git a/src/imgs/gifs/vi.gif b/src/imgs/gifs/vi.gif Binary files differdeleted file mode 100644 index 9aa8301..0000000 --- a/src/imgs/gifs/vi.gif +++ /dev/null diff --git a/src/imgs/gifs/web3.gif b/src/imgs/gifs/web3.gif Binary files differdeleted file mode 100644 index 4f5a2f1..0000000 --- a/src/imgs/gifs/web3.gif +++ /dev/null diff --git a/src/imgs/gifs/weezer.gif b/src/imgs/gifs/weezer.gif Binary files differdeleted file mode 100644 index d7fa9d1..0000000 --- a/src/imgs/gifs/weezer.gif +++ /dev/null diff --git a/src/index.md b/src/index.md deleted file mode 100644 index 9432d07..0000000 --- a/src/index.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -layout: layouts/index.njk -title: guzzle guzzle -description: getchoo's website ---- - -<script type="module" src="/js/chrisApp.js"></script> -<h1 id="indexHeader"><b>getchoo's website 🦕</b></h1> - -<br /> - -this is under construction. i'm experimenting with lume - - - -[click here](/lul/) diff --git a/src/js/chrisApp.js b/src/js/chrisApp.js deleted file mode 100644 index 133b16d..0000000 --- a/src/js/chrisApp.js +++ /dev/null @@ -1,23 +0,0 @@ -const chrisURL = "/imgs/chris/"; - -function randomChris() { - const files = [ - "chis_very_fried.jpg", - "chris_medium_fried.jpg", - "chris_moshed.jpg", - "fried_publisher.jpg", - "help_me.png", - "nice_chris.png", - "nice_publisher.png", - "bkender_bauob.jpg", - "blurry_chris.jpg", - ]; - - // this chooses a random file from the array - const url = chrisURL + files[Math.floor(Math.random() * files.length)]; - - window.location.href = url; -} - -const chris = document.getElementById("chris_gif"); -chris.addEventListener("click", randomChris); diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro new file mode 100644 index 0000000..2e5b480 --- /dev/null +++ b/src/layouts/Base.astro @@ -0,0 +1,18 @@ +--- +import Head from "@components/Head.astro"; +import Nav from "@components/Nav.astro"; +// import Footer from "@components/Footer.astro"; +import "@styles/global.sass"; +const { title, description } = Astro.props; +--- + +<!DOCTYPE html> +<html lang="en"> + <Head title={title} description={description} /> + + <body class="bg-base"> + <Nav /> + <slot /> + <!-- <Footer /> --> + </body> +</html> diff --git a/src/layouts/Blogpost.astro b/src/layouts/Blogpost.astro new file mode 100644 index 0000000..a52a7d5 --- /dev/null +++ b/src/layouts/Blogpost.astro @@ -0,0 +1,8 @@ +--- +import Page from "@layouts/Page.astro"; +const { title, description } = Astro.props.frontmatter; +--- + +<Page title={title} description={description}> + <slot /> +</Page> diff --git a/src/layouts/Index.astro b/src/layouts/Index.astro new file mode 100644 index 0000000..ea3cfb3 --- /dev/null +++ b/src/layouts/Index.astro @@ -0,0 +1,206 @@ +--- +import Base from "@layouts/Base.astro"; +const { title, description } = Astro.props; +--- + +<style> + #gif { + @apply flex gap-2; + } +</style> + +<Base title={title} description={description}> + <div class="container"> + <div class="content"> + <slot /> + </div> + <div + class="bg-base hidden min-[1280px]:flex flex-col gap-2 text-center items-center justify-center m-20 mt-0 mb-5 p-10 rounded-lg drop-shadow-2xl" + > + <div id="gif"> + <img + src="/imgs/gifs/legalize.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="legalize now!" + /> + <img + src="/imgs/gifs/acab.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="acab" + /> + <a href="https://github.com/sakecode"> + <!-- + Powered by NixOS © 2023 by Sake is licensed under (CC BY-NC-SA 4.0) + To view the source visit: https://github.com/sakecode/Sake-s-SVGs + To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/4.0/ + --> + <img + src="/imgs/gifs/poweredbynix.svg" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="powered by fedora" + /> + </a> + <img + src="/imgs/gifs/capitalism.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="let's crush capitalism!" + /> + </div> + <div id="gif"> + <img + src="/imgs/gifs/anybrowser.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="best viewed with any browser" + /> + <img + src="/imgs/gifs/weezer.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="weezer fan" + /> + <a href="https://dnsense.pub/"> + <img + src="/imgs/gifs/steam.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="play with steam" + /> + </a> + <img + src="/imgs/gifs/vi.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="made with vi" + /> + <img + src="/imgs/gifs/pride.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="pride" + /> + <img + src="/imgs/gifs/imagine.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="imagination" + /> + </div> + <div id="gif"> + <img + src="/imgs/gifs/moz.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="mozilla is cool" + /> + <img + src="/imgs/gifs/free.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="completely free software" + /> + <img + src="/imgs/gifs/gimp.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="graphics by gimp" + /> + <img + src="/imgs/gifs/explorer.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="marijuana mind explorer" + /> + <img + src="/imgs/gifs/jsfree.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="javascript free" + /> + <img + src="/imgs/gifs/web3.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="keep the web free! say no to web3!" + /> + <img + src="/imgs/gifs/tired.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="tired" + /> + <img + src="/imgs/gifs/arnold.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="hey arnold!" + /> + <img + src="/imgs/gifs/bob.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="powered by bob" + /> + <img + src="/imgs/gifs/counterstrike.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="counter-strike player" + /> + <img + src="/imgs/gifs/chris.gif" + width="88" + height="31" + loading="lazy" + decoding="async" + alt="chris troll" + id="chris_gif" + /> + </div> + </div> + </div> +</Base> diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro new file mode 100644 index 0000000..03569a0 --- /dev/null +++ b/src/layouts/Page.astro @@ -0,0 +1,12 @@ +--- +import Base from "@layouts/Base.astro"; +const { title, description } = Astro.props; +--- + +<Base title={title} description={description}> + <div class="container"> + <div class="content" id="blogpost"> + <slot /> + </div> + </div> +</Base> diff --git a/src/lul.njk b/src/lul.njk deleted file mode 100644 index c7c70e2..0000000 --- a/src/lul.njk +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: fard -description: xd -layout: layouts/base.njk ---- - -<div id="vidya"> - <video width="1280" height="720" controls autoplay muted> - <source src="/files/rickroll.mp4" type="video/mp4" /> - </video> -</div> diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro new file mode 100644 index 0000000..939c470 --- /dev/null +++ b/src/pages/blog/index.astro @@ -0,0 +1,10 @@ +--- +import Page from "@layouts/Page.astro"; +import PostList from "@components/PostList.astro"; +const title = "getchoo's blog"; +const description = "getchoo's blogposts"; +--- + +<Page title={title} description={description}> + <PostList /> +</Page> diff --git a/src/blog/posts/2023-04-21_nix-lib.md b/src/pages/blog/posts/nix-lib.md index fcff599..5b6e25d 100644 --- a/src/blog/posts/2023-04-21_nix-lib.md +++ b/src/pages/blog/posts/nix-lib.md @@ -1,15 +1,16 @@ --- +layout: "../../../layouts/Blogpost.astro" title: making an intuitive, modular nix flake configuration description: an explanation of my journey through making a modular nix flake configuration --- -<h1 id="title">making an intuitive, modular nix flake configuration</h1> +# making an intuitive, modular nix flake configuration <div id="blogText"> as some of my friends may know, recently i've gone off the nixos "deep end" so to speak, moving almost all of my systems and projects to it. i have a lot of reasons for this, but i think all of them might be better told in a different post. for this one, i'm going to go over my approach to making nix flake configurations that scale across multiple systems and users </div> -<h2 id="first-things-first">first things first</h2> +## first things first <div id="blogText"> i started out with [nixos on wsl](https://github.com/nix-community/NixOS-WSL) (heresy i know), mainly because i was on my windows partition when i first thought about it, but also because i wasn't really sure if i liked it yet. similar to a lot of nix beginners, i quickly got a bit overwhelmed by options. @@ -20,7 +21,7 @@ i kept hearing about custom modules, overlays, and this thing called a "flake." </div> -<h2 id="dipping-my-toe-in">dipping my toe in</h2> +## dipping my toe in <div id="blogText"> at the time, in order to use native systemd support i needed to follow the `main` branch of nixos-wsl. since i had been interested in flakes, with some friends using them and the name itself being cool, i decided this might be a good time to learn how to use them! @@ -39,7 +40,7 @@ now another issue: i wasn't really sure how modules worked here. some ideas went </div> -<h2 id="enter-pain">enter: pain</h2> +## enter: pain <div id="blogText"> i felt pretty good now. throughout this, i had been moving a lot of the configs for programs to nix -- which was a much better time than gluing things together -- and started considering it as a replacement to my bare git repo of traditional dotfiles. i had also heard of something called home-manager, and with [great instructions](https://nix-community.github.io/home-manager/index.html#sec-flakes-nixos-module) and not a lot of effort, i was able to get that setup and move even more configurations to nix. @@ -70,7 +71,7 @@ i was really proud of myself for pulling this off, and i even made some small im </div> -<h2 id="diving-deeper">diving deeper...</h2> +## diving deeper... <div id="blogText"> @@ -105,7 +106,7 @@ this, when combined with `mkHost` and `mkHMUser` (i had dropped `mkUser` at this </div> -<h2 id="enter-hapiness">enter: happiness and a near completed product</h2> +## enter: happiness and a near completed product <div id="blogText"> this is the most recent part of the story, where i started thinking of making these expressions a bit more generalized, as some people i know have shown a bit of interest in nix (hi sake and hisashi). my first idea was to expand everything i had by a lot, maybe even going full `digga` with a `mkFlake` function! quickly though, i realized even that would be a lot of work; but more interestingly, i also realized that it's not what i needed anyways. i looked back at my old attempt at digga and found it was pretty close to what i'm doing now, except my own solutions fit my needs a lot better. sure, i haven't gotten to the level of hlissner's dotfiles yet, but i think what i have right now is good, so why not go after my original goal of only generalizing everything? @@ -116,7 +117,7 @@ so that's what i did: i planned out exactly what i want, and what others may wan </div> -<h3 id="quick-explanation">quick explanation</h3> +### quick explanation <div id="blogText"> the idea i had for these expressions might be a little bit complicated, so i feel a need to explain it here. given a directory structure like so: @@ -159,11 +160,11 @@ in layman's terms: you can declare what actually matters for your system instead </div> -<h2 id="leaping-from-the-depths">leaping from the depths of `nix repl`</h2> +## leaping from the depths of `nix repl` <div id="blogText"> -surprisingly, very little changes needed to be made to make everything non-specific to my configuration (thanks past me!). by the time i was done, all i really did was add my previous defaults in `mkHost` and `mkUser` to a [common](https://github.com/getchoo/flake/blob/3066f766ece62acd9b9897082dba28be87889dc1/hosts/default.nix#L3) attrset i use for all hosts in `hosts/default.nix`. there are still some [issues](https://github.com/getchoo/nix-exprs/issues/2), but i think i'm on a good path to having a fully complete "product". +surprisingly, very little changes needed to be made to make everything non-specific to my configuration (thanks past me!). by the time i was done, all i really did was add my previous defaults in `mkHost` and `mkUser` to a [common](https://github.com/getchoo/flake/blob/3066f766ece62acd9b9897082dba28be87889dc1/hosts/default.nix#L3) attrset i use for all hosts in `hosts/default.nix`. there are still some [issues](https://github.com/getchoo/nix-exprs/issues/2), but i think i'm on a good path to having a fully complete "product." <br /> diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..c127916 --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,27 @@ +--- +import Index from "@layouts/Index.astro"; +import "@styles/global.sass"; +const title = "guzzle guzzle"; +const description = title; +--- + +<Index title={title} description={description}> + <script type="module" src="/js/chrisApp.js"></script> + <h1 class="bg-base w-fit h-fit mx-auto rounded p-5 text-text"> + <b>getchoo's website 🚀</b> + </h1> + + <br /> + + <p>this is under construction. i'm experimenting with astro</p> + + <img + src="/imgs/gifs/obras.gif" + class="mx-auto" + loading="lazy" + decoding="async" + alt="construction" + /> + + <a href="/lul">click here</a> +</Index> diff --git a/src/pages/lul.astro b/src/pages/lul.astro new file mode 100644 index 0000000..44ec1dc --- /dev/null +++ b/src/pages/lul.astro @@ -0,0 +1,13 @@ +--- +import Base from "@layouts/Base.astro"; +const title = "fard"; +const description = "xd"; +--- + +<Base title={title} description={description}> + <div class="flex justify-center p-5"> + <video width="1280" height="720" controls autoplay muted> + <source src="/files/rickroll.mp4" type="video/mp4" /> + </video> + </div> +</Base> diff --git a/src/styles/global.sass b/src/styles/global.sass new file mode 100644 index 0000000..5ee88cc --- /dev/null +++ b/src/styles/global.sass @@ -0,0 +1,52 @@ +@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap') +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap') + +@tailwind base +@tailwind components +@tailwind utilities +@tailwind variants + +html + font-family: "Noto Sans", sans-serif + +h1 + @apply text-2xl + +h2 + @apply text-xl + +h3 + @apply text-lg + +p,li + @apply text-base + + code + @apply bg-base text-text p-[0.2em] text-sm rounded + +a + @apply underline decoration-inherit + +body + @apply bg-base p-10 + +.astro-code + @apply p-3 rounded-xl + +.container + @apply bg-lavender flex flex-auto flex-col items-center justify-center w-fit mx-auto rounded-lg + +.content + @apply inline-block text-center p-5 + +#blogpost + h1 + @apply bg-base text-4xl mx-auto p-5 mb-5 mt-5 text-text text-center w-fit + + h2 + @apply bg-base text-xl mx-auto p-3 mb-5 mt-5 text-text text-center w-fit + + h3 + @apply bg-base text-lg mx-auto p-1 mb-5 mt-5 text-text text-center w-fit + + @apply lg:max-w-6xl text-left items-center |
