From e709ba9ce120437b77c979ef5d7da71975e2fce2 Mon Sep 17 00:00:00 2001 From: Ed Heltzel <402910+edheltzel@users.noreply.github.com> Date: Tue, 27 Aug 2024 11:53:15 -0400 Subject: [PATCH 1/2] refactor: update layout structure and CSS for improved styling and responsiveness in the 'rods from god' component --- src/_includes/layouts/base.njk | 34 ++++----- .../_autopilot/_components/rods-from-god.css | 75 +++++++++++-------- 2 files changed, 59 insertions(+), 50 deletions(-) diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 959641d..6566747 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -1,24 +1,22 @@ - - - {%- include "partials/meta.njk" -%} - + - -
- {% include "partials/navigation.njk" %} -
- -
+ + {%- include "partials/meta.njk" -%} + - {%- block main %}{% endblock -%} + +
+ {% include "partials/navigation.njk" %} +
+ +
- {% include "partials/footer.njk" %} -
- - + {%- block main %}{% endblock -%} + + {% include "partials/footer.njk" %} +
+ + diff --git a/src/assets/styles/_autopilot/_components/rods-from-god.css b/src/assets/styles/_autopilot/_components/rods-from-god.css index 45fc269..43dc69c 100644 --- a/src/assets/styles/_autopilot/_components/rods-from-god.css +++ b/src/assets/styles/_autopilot/_components/rods-from-god.css @@ -1,42 +1,53 @@ /* Rods from God */ @media all and (width >=56.25em) { - .rods-from-god::after, - .rods-from-god::before { - content: ""; - display: block; - position: absolute; - height: 50vh; - width: 2px; - top: -50%; - left: 20vw; - background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0, var(--ap-rods-from-god-hsl) 75%, hsla(0, 0%, 0%, 0) 0); - animation: rods-from-god var(--ap-rods-from-god-time) cubic-bezier(.4, .26, 0, .97) 0s infinite forwards; + .rfg { + position: relative; - z-index: -1 - } -} + &::after, + &::before { + content: ""; + display: block; + position: absolute; + height: 50vh; + width: 2px; + top: -50%; + background: linear-gradient(to bottom, + hsla(0, 0%, 0%, 0) 0, + var(--ap-rods-from-god-hsl) 75%, + hsla(0, 0%, 0%, 0) 0); + animation: rods-from-god var(--ap-rods-from-god-time) cubic-bezier(0.4, 0.26, 0, 0.97) 0s infinite forwards; -.rods-from-god::before { - animation-delay: 2s; - left: 40vw -} + z-index: -1; + } -@keyframes rods-from-god { - 0% { - top: -50% - } + &::after { + left: 30vw; + } - 100% { - top: 100% - } -} + &::before { + animation-delay: 2s; + left: 40vw; + } + } + main.rfg{ + &::after{ + animation-delay: 1s; + left: 30vw + } + &::before { + animation-delay: 1.75s; + left: 40vw + } -.rfg--right::after { - animation-delay: 4s; - left: 60vw + } } -.rfg--right::before { - animation-delay: 6s; - left: 80vw +@keyframes rods-from-god { + 0% { + top: -50% + } + + 100% { + top: 100% + } } From ca9ec8af390e3e92e00d7c06b5cea3010634fdef Mon Sep 17 00:00:00 2001 From: Ed Heltzel <402910+edheltzel@users.noreply.github.com> Date: Sun, 8 Dec 2024 09:23:09 -0500 Subject: [PATCH 2/2] logo updates --- README.md | 2 +- src/_includes/partials/logo-svg.njk | 13 ++----------- 2 files changed, 3 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index aba524e..ad6ddaf 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@
- flightdeck Logo + flightdeck Logo

flightdeck

An opinionated starter project for Eleventy 🎈.

diff --git a/src/_includes/partials/logo-svg.njk b/src/_includes/partials/logo-svg.njk index 5ccff45..7e471f5 100644 --- a/src/_includes/partials/logo-svg.njk +++ b/src/_includes/partials/logo-svg.njk @@ -2,19 +2,10 @@ xmlns="http://www.w3.org/2000/svg"> - - +