diff --git a/src/_data/menu.json b/src/_data/menu.json index 9f6c07c..488e5bb 100644 --- a/src/_data/menu.json +++ b/src/_data/menu.json @@ -8,8 +8,8 @@ "name": "Store", "slug": "store", "url": "https://store.start9.com/", - "target": "", - "class": "em" + "target": "_blank", + "class": "" }, { "name": "Developers", @@ -39,13 +39,21 @@ "class": "" }, { - "name": "News/Media", + "name": "Podcasts", "slug": "news", "url": "/news", "target": "", "order": 1, "class": "" }, + { + "name": "Videos", + "slug": "videos", + "url": "https://www.youtube.com/channel/UCGEw4HJDvOn3Oy8ykR36P7Q", + "target": "_blank", + "order": 1, + "class": "" + }, { "name": "Contact", "slug": "contact", @@ -92,16 +100,16 @@ { "name": "Embassy ONE", "slug": "embassy-one", - "url": "https://store.start9.com/products/embassy", - "target": "", + "url": "https://store.start9.com/collections/embassy/products/embassy-one", + "target": "_blank", "order": 0, "class": "" }, { "name": "Embassy Pro", "slug": "embassy-pro", - "url": "https://store.start9.com/products/embassy-2", - "target": "", + "url": "https://store.start9.com/collections/embassy/products/embassy-2", + "target": "_blank", "order": 1, "class": "" }, @@ -109,7 +117,7 @@ "name": "Store", "slug": "store", "url": "https://store.start9.com/", - "target": "", + "target": "_blank", "order": 2, "class": "highlight" } @@ -144,7 +152,7 @@ "name": "Docs", "slug": "docs", "url": "https://start9.com/latest/user-manual", - "target": "", + "target": "_blank", "order": 1, "class": "" }, diff --git a/src/_includes/components/header.njk b/src/_includes/components/header.njk index b887119..4c663fa 100644 --- a/src/_includes/components/header.njk +++ b/src/_includes/components/header.njk @@ -12,10 +12,10 @@ {% endfor %} {% endfor %}
  • - menu {% include "components/svg/menu-open.svg" %} + menu {% include "components/svg/menu-open.svg" %}
  • - close + {% include "components/svg/menu-close.svg" %}
    • diff --git a/src/_includes/components/svg/menu-close.svg b/src/_includes/components/svg/menu-close.svg new file mode 100644 index 0000000..0e19b98 --- /dev/null +++ b/src/_includes/components/svg/menu-close.svg @@ -0,0 +1,18 @@ + + + + + diff --git a/src/_includes/components/svg/menu-open.svg b/src/_includes/components/svg/menu-open.svg index e0a55a9..4347693 100644 --- a/src/_includes/components/svg/menu-open.svg +++ b/src/_includes/components/svg/menu-open.svg @@ -1,3 +1,9 @@ - - + + + diff --git a/src/assets/js/main.js b/src/assets/js/main.js index 6e4aaff..3b4f4df 100644 --- a/src/assets/js/main.js +++ b/src/assets/js/main.js @@ -78,8 +78,8 @@ gsap.from("#hero-to-pitch path:first-child", { scrollTrigger: { trigger: "#hero-to-pitch", scrub: true, - start: "top 75%", // "triggerElement page" - end: "bottom 75%", // "triggerElement page" + start: "top 50%", // "triggerElement page" + end: "bottom 50%", // "triggerElement page" toggleActions: defaultActions, }, }); diff --git a/src/assets/js/peripheral.js b/src/assets/js/peripheral.js index df168aa..5e0eb40 100644 --- a/src/assets/js/peripheral.js +++ b/src/assets/js/peripheral.js @@ -13,7 +13,7 @@ gsap.from("section#hero+section", { }, }); -const sections = document.querySelectorAll("section:not(#hero):not(#blurb)"); +const sections = document.querySelectorAll("section:not(#hero):not(#blurb):not(#menu)"); sections.forEach(function (section) { gsap.from(section, { diff --git a/src/assets/styles/landing.scss b/src/assets/styles/landing.scss index 436e559..6d63feb 100644 --- a/src/assets/styles/landing.scss +++ b/src/assets/styles/landing.scss @@ -125,6 +125,8 @@ nav { flex-direction: column; align-items: center; justify-content: center; + height: 100vh; + margin-bottom: calc(-1 * (50vh - 4.5rem - (min(32.385rem, 58.3vw) / 2))); } h1 { @@ -132,6 +134,7 @@ h1 { font-size: min(4.5rem,171px); //text-transform: uppercase; line-height: 1; + font-weight: 400; color: var(--c-text-primary); em { @@ -189,7 +192,7 @@ p { em { font-style: normal; //color: var(--c-text-accent); - font-weight: 800; + font-weight: 600; } } @@ -362,9 +365,9 @@ body { @media screen and (max-width: 500px) { #hero{ - margin-top: 25vh; + //margin-top: 25vh; } .line svg{ - max-height: 40vh; + max-height: 30vh; } } diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss index 471e184..9727726 100644 --- a/src/assets/styles/main.scss +++ b/src/assets/styles/main.scss @@ -55,7 +55,6 @@ } html { - //background-color: lime; font-size: 2vmin; font-size: max(2vmin, 10px); scroll-behavior: smooth; @@ -240,10 +239,17 @@ nav { gap: 1rem; li { list-style: none; + display: flex; a { color: var(--c-text-bright); font-size: 1.5rem; padding: 0em 0.5em 0em 0.5em; + display: flex; + gap: 0.5em; + align-items: center; + svg { + height: 0.7em; + } path { fill: var(--c-text-bright); @@ -273,16 +279,6 @@ nav { } } -#menu-open { - display: flex; - gap: 0.5em; - align-items: center; - svg { - height: 0.7em; - margin-top: -2px; - } -} - .opened-menu { opacity: 0; width: 0; @@ -305,7 +301,7 @@ nav { img { width: 50rem; max-width: 90vw; - margin-top: 6rem; + //margin-top: 6rem; } } @@ -336,6 +332,16 @@ nav { } } +.p--standalone { + font-size: 1.8rem; + line-height: 1.4; +} + +.center{ + width: fit-content; + align-self: center; +} + @media only screen and (max-width: 500px) { .header__logo img { width: 11rem !important; @@ -343,9 +349,11 @@ nav { .hide-on-mobile { display: none; } - nav ul li a { + nav ul{ + gap: 0; + li a { font-size: 2.5rem; - } + }} } .image-with-shadow { diff --git a/src/assets/styles/peripheral.scss b/src/assets/styles/peripheral.scss index cdf9309..35959c0 100644 --- a/src/assets/styles/peripheral.scss +++ b/src/assets/styles/peripheral.scss @@ -333,8 +333,12 @@ section#news { flex-wrap: wrap; justify-content: center; gap: 4rem; + + --width: clamp(min(400px, 90vw), 20rem, 1000px); + .podcast a { - width: 20rem; + width: var(--width); + height: 100%; display: flex; flex-direction: column; gap: 2rem; @@ -351,28 +355,28 @@ section#news { opacity: 1; } img { - width: 20rem; - height: 20rem; + width: var(--width); + height: var(--width); aspect-ratio: 1; object-fit: contain; background-color: #212121; } h3, p, time { - width: 20rem; + width: var(--width); padding: 0 2rem; box-sizing: border-box; } h3{ - font-size: 1.6rem; + font-size: max(28px, 1.6rem); } p { color: #eee; margin-top: -1.5rem; margin-bottom: 2rem; line-height: 1.4; - font-size: 0.8rem; + font-size: max(14px, 0.8rem); } time{ diff --git a/src/assets/styles/products.scss b/src/assets/styles/products.scss index 5ab8720..3ebac2d 100644 --- a/src/assets/styles/products.scss +++ b/src/assets/styles/products.scss @@ -32,7 +32,8 @@ section#products { } a { display: flex; - flex-direction: column; + flex-direction: row; + align-items: flex-end; position: relative; padding: 4rem; //transition: var(--t-simple); @@ -53,14 +54,15 @@ section#products { } } &.subsection--buy a { - align-items: center; + //align-items: center; + gap: 0.2rem; .heading { - align-self: center; + //align-self: center; text-align: center; display: flex; flex-direction: column; - margin-top: 3rem; + //margin-top: 3rem; } h1 { text-transform: uppercase; @@ -76,6 +78,7 @@ section#products { width: var(--img-width); transform: scale(1.05); position: absolute; + margin-left: 0.5rem; } } &.subsection--diy { diff --git a/src/assets/styles/support.scss b/src/assets/styles/support.scss index f7f3769..d3c5dd9 100644 --- a/src/assets/styles/support.scss +++ b/src/assets/styles/support.scss @@ -12,11 +12,11 @@ section#support { justify-content: center; gap: 6rem; .col { - max-width: 37vw; + max-width: clamp(min(400px, 90vw), 20rem, 1000px); } } img { - max-height: 40vh; + max-height: 20rem; max-width: 100%; transform: rotateZ(5deg); } diff --git a/src/contact.njk b/src/contact.njk index c2c705f..81ac822 100644 --- a/src/contact.njk +++ b/src/contact.njk @@ -17,8 +17,9 @@ layout: layouts/peripheral.njk
    -

    Questions? Concerns?

    -

    Reach out anytime to  {% include 'components/landing/_encoded-email.njk' %}, or find us on social media.

    +

    Reach out anytime to
    + {% include 'components/landing/_encoded-email.njk' %},
    + or find us on social media.

    {% include "components/landing/_social-media.njk" %} diff --git a/src/news.njk b/src/news.njk index 7ff081a..3245094 100644 --- a/src/news.njk +++ b/src/news.njk @@ -1,5 +1,5 @@ --- -title: News | Start9 +title: Podcasts | Start9 layout: layouts/peripheral.njk --- @@ -10,7 +10,7 @@ layout: layouts/peripheral.njk