gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

finished header/nav style

Browse source
This commit is contained in:
Ava Gaiety W 2024-03-27 22:01:57 -05:00
parent 8ef98d3ee5
commit 80de938974
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
_includes/base-header.html
View file

@ -32,13 +32,13 @@
<body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]"> <body class="bg-crust bg-[length:20rem] bg-[url('/img/site/stars-light.gif')] dark:bg-[url('/img/site/stars-dark.gif')]">
<div class="flex gap-y-12 flex-col sm:flex-row"> <div class="flex gap-y-12 flex-col sm:flex-row">
<header class=" <header class="flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start">
bg-base/75 contrast-more:bg-crust
border-b-2 border-base shadow
flex gap-2 justify-between flex-col xs:flex-row sm:flex-col sm:justify-start
">
<img src="/img/site/falling.gif" alt="" role="presentation" class="h-auto w-auto xs:max-w-48" /> <img src="/img/site/falling.gif" alt="" role="presentation" class="h-auto w-auto xs:max-w-48" />
<nav class="inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0 contrast-more:contrast-150"> <nav class="
inline-flex flex-col relative my-auto pl-2 pb-2 sm:my-0
border-l-2 border-l-lavender
rounded-bl md:rounded-tr md:rounded-br md:rounded-bl-none shadow bg-crust/25 contrast-more:bg-crust
">
{%- for navItem in navigation -%} {%- for navItem in navigation -%}
<a <a
href="{{navItem.url}}" href="{{navItem.url}}"

BIN
img/site/falling.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 141 KiB