lukeonline - commit 69eedf2

diff --git a/src/components/Webring.astro b/src/components/Webring.astro new file mode 100644 index 0000000..ceaa683 --- /dev/null +++ b/src/components/Webring.astro @@ -0,0 +1,12 @@ +--- +const buttonStyling = "border-solid border-1 border-gray-300" + + " bg-gray-50 flex flex-row gap-1 p-2 h-8 hover:text-blue-500" + + " hover:underline focus:bg-blue-50 focus:rounded hover:bg-gray-200" + + " items-center gap-2"; + +--- +<div class="flex flex-row gap-2"> + <a class={buttonStyling} href="https://aberwebr.ing/lukep/left">◀</a> + <a class={buttonStyling} href="https://aberwebr.ing/">aberWebRing</a> + <a class={buttonStyling} href="https://aberwebr.ing/lukep/right">▶</a> +</div> diff --git a/src/pages/index.astro b/src/pages/index.astro index 1e3f423..1e2f0ae 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,6 +3,7 @@ import Base from "../layouts/Base.astro"; import Heading from "../components/Heading.astro"; import LargeButtonRow from "../components/LargeButtonRow.astro"; import IconButtonRow from "../components/IconButtonRow.astro"; +import Webring from "../components/Webring.astro"; const title = "Home"; @@ -46,6 +47,9 @@ const iconButtonRow = [ University. Right now I'm on my industrial year.</p> <div class="flex flex-col gap-2"> <LargeButtonRow entries={mainButtonRow} /> - <IconButtonRow entries={iconButtonRow} /> + <div class="flex flex-row justify-between"> + <IconButtonRow entries={iconButtonRow} /> + <Webring /> + </div> </div> </Base>