From d3f8efbf6e4dd5582559e6be0b09a351ae728fcf Mon Sep 17 00:00:00 2001 From: "Fred K. Schott" Date: Sat, 10 Apr 2021 13:00:50 -0700 Subject: [PATCH] cleanup landing page, and small fix --- examples/blog/package.json | 7 +- examples/landing-page/astro/pages/index.astro | 78 +++++++++++++++---- examples/landing-page/package.json | 5 +- examples/snowpack/package.json | 5 +- src/build.ts | 4 +- 5 files changed, 71 insertions(+), 28 deletions(-) diff --git a/examples/blog/package.json b/examples/blog/package.json index 177f178b6e..52fcbf633d 100644 --- a/examples/blog/package.json +++ b/examples/blog/package.json @@ -1,9 +1,6 @@ { "scripts": { - "build": "astro build", - "start": "astro dev" - }, - "dependencies": { - "astro": "file:../../" + "build": "../../astro.mjs build", + "start": "../../astro.mjs dev" } } diff --git a/examples/landing-page/astro/pages/index.astro b/examples/landing-page/astro/pages/index.astro index 71ff5b399d..59e2bb4d6e 100644 --- a/examples/landing-page/astro/pages/index.astro +++ b/examples/landing-page/astro/pages/index.astro @@ -43,25 +43,40 @@ let permalink = 'https://astro.build/'; background-image: url("/cswbd0.svg"); text-align: center; } - .centered-logo { - text-align: center; - background: #FFFC; + + .centered-box { display: inline-block; - border: 2px solid #666; + text-align: center; + background: #000A; + border: 2px solid #444; border-radius: 20px; - padding: 2rem; + padding: 3rem 2rem; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; - width: 340px; - height: 340px; - transition: transform 200ms ease-in-out; + width: 276px; + height: 350px; } - .centered-logo:hover { - transform: scale(0.98); + + @media (max-width: 400px) { + .centered-box { + display: block; + position: static; + margin: auto; + margin-top: 20%; + overflow: hidden; + } + } + .centered-logo { + width: 210px; + height: 210px; + border-radius: 10000px; + background: white; + padding: 2rem; + margin-bottom: 1.5rem; } .header { font-family: 'Roboto Mono', monospace; @@ -101,15 +116,46 @@ let permalink = 'https://astro.build/'; outline: none; transition: border-color .15s ease; } + .discord-link { + flex-shrink: 0; + height: 48px; + text-align: center; + } + .discord-image { + height: 48px; + border: none; + margin-right: 0.25rem; + filter: brightness(1.2) contrast(1.5); + transition: filter 200ms ease-in-out; + } + .discord-image:hover { + filter: brightness(1.4); + } -