Merge pull request #3 from coltenkrauter/development

Promotion
coltenkrauter · Sep 7, 2022 · b21de23 · b21de23
2 parents 161688c + 2187459
commit b21de23
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 36 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,7 @@
-[![Deploy to AWS](https://github.com/coltenkrauter/mackenzie-krauter/actions/workflows/main.yaml/badge.svg?branch=main)](https://github.com/coltenkrauter/mackenzie-krauter/actions/workflows/main.yaml)
+[![GitHub release](https://img.shields.io/github/release/coltenkrauter/brussels.svg)](https://GitHub.com/coltenkrauter/brussels/releases/)
+[![Release](https://github.com/coltenkrauter/brussels/actions/workflows/release.yaml/badge.svg)](https://github.com/coltenkrauter/brussels/actions/workflows/release.yaml)
+
+# Brussels
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 

diff --git a/cdk/bin.ts b/cdk/bin.ts
@@ -20,7 +20,7 @@ const main = async () => {
   // Build the NextJS app
   await builder.build();
 
-  const dNSStack = new DNS(app, `${config.codenameCapitalized}DNS`, {
+  const dNSStack = new DNS(app, `Shared${config.codenameCapitalized}DNS`, {
     terminationProtection: config.isProd,
     env: {
       account: process.env.AWS_DEFAULT_ACCOUNT_ID,

diff --git a/cdk/stacks/dns.ts b/cdk/stacks/dns.ts
@@ -16,7 +16,8 @@ export class DNS extends Stack {
   constructor(scope: Construct, id: string, props: DNSProps) {
     super(scope, id, props);
 
-    // DNS & certs
+    // DNS
+    // Note: After the HostedZone is created, update the registered domain to have the same name servers.
     const zone = new HostedZone(this, `${props.config.codenameCapitalized}HostedZone`, {
       zoneName: props.config.domainBase,
     });

diff --git a/pages/index.jsx b/pages/index.jsx
@@ -8,8 +8,6 @@ import Background from '../components/background';
 
 export default function Home() {
   const opts = {
-    height: '390',
-    width: '640',
     playerVars: {
       // https://developers.google.com/youtube/player_parameters
     },
@@ -19,27 +17,29 @@ export default function Home() {
     <>
       <Background />
       <Head>
-        <title>In Memory of Valerie Othus</title>
+        <title>In Memory of Valerie Jane Othus</title>
         <meta property='og:type' content='website' />
         <meta property='og:title' content='Valerie Othus' />
-        <meta property='og:description' content='Valerie Othus Memorial – Watch the memorial service that was livestreamed on May 2nd, 2021.' />
+        <meta property='og:description' content='Valerie Jane Othus Memorial – Watch the memorial service that was livestreamed on May 2nd, 2021.' />
         <meta name='viewport' content='initial-scale=1.0, width=device-width' />
       </Head>
-      <center>
-        <div  style={{padding: '1em'}}>
-          <YouTube videoId='gbJx5NtQj6g' opts={opts} />
-          <br /><br />
-          <Button
-            href='https://obituaries.neptunesociety.com/obituaries/tacoma-wa/valerie-othus-10138907'
-            variant='contained'
-            color='secondary'
-            target='_blank'
-            rel='noreferrer'
-          >
-            Please read and share memories here
-          </Button>
+      <div className='main-content'>
+      <div className='blurb'>
+          Valerie Jane Othus Memorial
+          <div className='description'>
+            Watch the memorial service that was livestreamed on May 2nd, 2021.
+          </div>
         </div>
-      </center>
+        <YouTube videoId='gbJx5NtQj6g' opts={opts} />
+        <Button
+          href='https://obituaries.neptunesociety.com/obituaries/tacoma-wa/valerie-othus-10138907'
+          variant='contained'
+          target='_blank'
+          rel='noreferrer'
+        >
+          Read and share memories on Neptune Society
+        </Button>
+      </div>
     </>
   );
 }
diff --git a/styles/globals.css b/styles/globals.css
@@ -30,24 +30,17 @@ html {
   border-radius: 50%;
 }
 
-.logo {
-  font-family: 'Seaweed Script', cursive;
+.blurb {
+  font-family: 'Ubuntu', cursive;
   color: #937163;
-  background: #121FCF;
-  background: -webkit-linear-gradient(to right, #a68970 0%, #beaa99 80%);
-  background: -moz-linear-gradient(to right, #a68970 0%, #beaa99 80%);
-  background: linear-gradient(to right, #a68970 0%, #beaa99 80%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-size: 45px;
+  background: white;
+  font-size: 25px;
+  padding: 1em;
+  text-align: left;
 }
 
-.mailing-list {
-  font-family: 'Ubuntu', sans-serif;
-  color: #beaa99;
-  font-size: 24px;
-  font-weight: 400;
-  font-style: italic;
+.blurb .description {
+  font-size: 16px;
 }
 
 .body-content {
@@ -64,3 +57,19 @@ html {
 .body-content a:hover {
   text-decoration: underline;
 }
+
+.main-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  margin: 0 auto;
+  max-width: calc(1920px/2);
+  padding: 1em;
+}
+
+.main-content iframe {
+  width: calc(100vw - 2em);
+  height: calc(56.25vw - 2em);
+  max-width: calc(1920px/2 - 2em);
+  max-height: calc(1080px/2 - 2em);
+}