From 3e348ba35b227f45d64fc26020320b7356abc30b Mon Sep 17 00:00:00 2001 From: Lucy <12953208+elvece@users.noreply.github.com> Date: Wed, 27 Sep 2023 11:57:26 -0400 Subject: [PATCH] add apollo ratings and github star link; todo add mini ratings to hero (#29) * add apollo ratings and github star link; todo add mini ratings to hero * mobile style fixes * move reviews to top; move star to startos section; make lines smaller * dont display ticker on mobile --- src/_includes/components/landing/hero.njk | 1 + .../components/landing/powered-by.njk | 4 + src/_includes/svgs/lines/be-to-powered.svg | 2 +- src/_includes/svgs/lines/bitcoin-to-be.svg | 2 +- src/_includes/svgs/lines/dev-to-contact.svg | 2 +- src/_includes/svgs/lines/hero-to-pitch.svg | 2 +- .../svgs/lines/powered-to-support.svg | 2 +- src/_includes/svgs/lines/products-to-info.svg | 2 +- src/_includes/svgs/lines/support-to-dev.svg | 2 +- src/assets/styles/be-your-own.scss | 6 ++ src/assets/styles/landing.scss | 82 ++++++++++++++++++- src/assets/styles/powered-by.scss | 28 ++++++- src/index.njk | 4 + 13 files changed, 130 insertions(+), 9 deletions(-) diff --git a/src/_includes/components/landing/hero.njk b/src/_includes/components/landing/hero.njk index 83a0d79..2607a1f 100644 --- a/src/_includes/components/landing/hero.njk +++ b/src/_includes/components/landing/hero.njk @@ -4,3 +4,4 @@ sovereign computing +
diff --git a/src/_includes/components/landing/powered-by.njk b/src/_includes/components/landing/powered-by.njk index 73b775f..2a8dd58 100644 --- a/src/_includes/components/landing/powered-by.njk +++ b/src/_includes/components/landing/powered-by.njk @@ -1,6 +1,10 @@

Powered by StartOS

+
+ + +

Just as Windows and macOS made it possible for anyone to own a personal computer, StartOS makes it possible for anyone to own a personal server.

StartOS facilitates the entire process of discovering, installing, configuring, and using any variety of open-source software from anywhere in the world without trusting anyone.

diff --git a/src/_includes/svgs/lines/be-to-powered.svg b/src/_includes/svgs/lines/be-to-powered.svg index 90092f6..0f3c17d 100644 --- a/src/_includes/svgs/lines/be-to-powered.svg +++ b/src/_includes/svgs/lines/be-to-powered.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svgs/lines/bitcoin-to-be.svg b/src/_includes/svgs/lines/bitcoin-to-be.svg index b49ece3..67ba8f5 100644 --- a/src/_includes/svgs/lines/bitcoin-to-be.svg +++ b/src/_includes/svgs/lines/bitcoin-to-be.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svgs/lines/dev-to-contact.svg b/src/_includes/svgs/lines/dev-to-contact.svg index b03d221..e36a6cb 100644 --- a/src/_includes/svgs/lines/dev-to-contact.svg +++ b/src/_includes/svgs/lines/dev-to-contact.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svgs/lines/hero-to-pitch.svg b/src/_includes/svgs/lines/hero-to-pitch.svg index bbc93e2..ca4d6e2 100644 --- a/src/_includes/svgs/lines/hero-to-pitch.svg +++ b/src/_includes/svgs/lines/hero-to-pitch.svg @@ -2,7 +2,7 @@ class="line-primary" viewBox="0 0 420 511" width="420" - height="511" + height="200" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> diff --git a/src/_includes/svgs/lines/powered-to-support.svg b/src/_includes/svgs/lines/powered-to-support.svg index 6b43988..4a3e136 100644 --- a/src/_includes/svgs/lines/powered-to-support.svg +++ b/src/_includes/svgs/lines/powered-to-support.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svgs/lines/products-to-info.svg b/src/_includes/svgs/lines/products-to-info.svg index fbf4393..28e201c 100644 --- a/src/_includes/svgs/lines/products-to-info.svg +++ b/src/_includes/svgs/lines/products-to-info.svg @@ -1,3 +1,3 @@ - + diff --git a/src/_includes/svgs/lines/support-to-dev.svg b/src/_includes/svgs/lines/support-to-dev.svg index eaf5c5a..e14239e 100644 --- a/src/_includes/svgs/lines/support-to-dev.svg +++ b/src/_includes/svgs/lines/support-to-dev.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/styles/be-your-own.scss b/src/assets/styles/be-your-own.scss index a3c25b6..347727e 100644 --- a/src/assets/styles/be-your-own.scss +++ b/src/assets/styles/be-your-own.scss @@ -55,6 +55,12 @@ } } +@media screen and (max-width: 500px) { + #ticker { + display: none; + } +} + #be-your-own { display: flex; flex-direction: column; diff --git a/src/assets/styles/landing.scss b/src/assets/styles/landing.scss index 4b2e0b0..8510e5a 100644 --- a/src/assets/styles/landing.scss +++ b/src/assets/styles/landing.scss @@ -40,7 +40,7 @@ body { } -main{ +main { display:flex; flex-direction: column; align-items: center; @@ -311,6 +311,75 @@ a.btn { transform: scaleX(-1); } +.ap-widget-container { + width: 90vw; + text-align: center; + + .glider-next, + .glider-prev { + img { + filter: invert(1); + } + } + + a { + color: var(--c-red1); + font-size: 0.7rem !important; + } + + .ap-avg-rat-c { + // font-variant: all-small-caps; + text-transform: none; + font-size: 0.7rem !important; + } + + .glider-slide:hover { + background-color: transparent !important; + opacity: 50%; + } + + .glider-dots { + padding: 1rem; + } + + .glider-track { + display: grid; + grid-auto-flow: column; + gap: 1rem; + text-align: left; + } + + .ap-review { + height: 100% !important; + display: flex; + flex-direction: column; + justify-content: flex-start; + margin: 0 !important; + padding: 0 !important; + } + + .glider-dot.active { + background: var(--c-red1); + } + + .glider-contain { + padding-left: 80px; + padding-right: 80px; + } + + .ap-review-author, + .ap-read-more { + color: var(--c-gray3) !important; + } + + .ap-logo-c { + display: none!important; + } + + .ap-rev-stars { + display: flex; + } +} @media screen and (max-width: 500px) { #hero{ @@ -319,4 +388,15 @@ a.btn { .line svg{ max-height: 30vh; } + .ap-widget-container { + .ap-logo-c { + width: 65px !important; + border-radius: 2.7rem; + padding: 6px 8px !important; + } + + .glider-contain { + padding: 0 40px; + } + } } diff --git a/src/assets/styles/powered-by.scss b/src/assets/styles/powered-by.scss index c28496e..1e6f1c6 100644 --- a/src/assets/styles/powered-by.scss +++ b/src/assets/styles/powered-by.scss @@ -74,12 +74,38 @@ svg a:visited { justify-content: center; } +.ratings { + display: flex; + flex-direction: row; + gap: 1rem; + justify-content: center; + margin: 1rem; + + &-mobile { + display: none + } + + &-desktop { + display: block; + } +} + @media only screen and (max-width: 500px) { .container { width: 100vw; } - section#powered-by .inline img{ + .ratings { + &-mobile { + display: block; + } + + &-desktop { + display: none; + } + } + + section#powered-by .inline img { padding-bottom: 4.7rem; } } \ No newline at end of file diff --git a/src/index.njk b/src/index.njk index 50a086c..3d32b4c 100644 --- a/src/index.njk +++ b/src/index.njk @@ -4,6 +4,8 @@ layout: layouts/base.njk --- {{ __slinkity.head | safe }} + + {% include "components/landing/hero.njk" %} @@ -53,6 +55,8 @@ layout: layouts/base.njk {% include "components/landing/community.njk" %} + +