Fixing layout bug on EditionCrafter pages (#136)

* add github folder to gitignore

* Create storybook.yml

* updated m&k logo in footer

* adding github workflows to gitignore

* update footer text

* minor updates to home page copy

* added odt; added project descriptions to detail pages

* adding ely green variorum

* remove storybook workflow

* added CNAME file for custom domain

* removed CNAME file for now

* fixing layout bug with footer on EC pages

Author: ajolipa

astro-web/src/layouts/Viewer.astro

@@ -1,78 +1,83 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import Container from '../components/Container.astro';
-import { Image } from 'astro:assets';
-import leftArrow from '../assets/arrow-left.svg';
+import Layout from "../layouts/Layout.astro";
+import Container from "../components/Container.astro";
+import { Image } from "astro:assets";
+import leftArrow from "../assets/arrow-left.svg";
 import EditionCrafter from "@cu-mkp/editioncrafter";
-import Button from '../components/Button.astro';
+import Button from "../components/Button.astro";
 
 export interface Props {
-    title: string,
-    documentName: string,
-    transcriptionTypes?: any,
-    iiifManifest?: string,
-    glossaryURL?: string,
-    documentInfo?: any,
-    threePanel?: boolean,
-    blurb?: string[],
-    url?: string
+  title: string;
+  documentName: string;
+  transcriptionTypes?: any;
+  iiifManifest?: string;
+  glossaryURL?: string;
+  documentInfo?: any;
+  threePanel?: boolean;
+  blurb?: string[];
+  url?: string;
 }
 
-const { title, documentName, transcriptionTypes, iiifManifest, documentInfo, threePanel, glossaryURL, blurb, url } = Astro.props;
-
+const {
+  title,
+  documentName,
+  transcriptionTypes,
+  iiifManifest,
+  documentInfo,
+  threePanel,
+  glossaryURL,
+  blurb,
+  url,
+} = Astro.props;
 ---
 
 <Layout title={title} transitions={false}>
-    <div class="bg-neutral w-full">
-        <Container className="flex flex-row gap-16 items-center">
-                <a href="/editioncrafter">
-                    <div class="border-neutral-dark border-2 rounded-full p-4 hover:scale-105">
-                        <Image src={leftArrow} alt="Go Back" />
-                    </div>
-                </a>
-                <h1 class="font-serif text-5xl py-16">
-                    { title }
-                </h1>
+  <div class="bg-neutral w-full">
+    <Container className="flex flex-row gap-16 items-center">
+      <a href="/editioncrafter">
+        <div
+          class="border-neutral-dark border-2 rounded-full p-4 hover:scale-105"
+        >
+          <Image src={leftArrow} alt="Go Back" />
+        </div>
+      </a>
+      <h1 class="font-serif text-5xl py-16">
+        {title}
+      </h1>
+    </Container>
+  </div>
+  <div class="w-full bg-white">
+    {
+      (blurb && blurb.length) || url ? (
+        <Container className="flex flex-col gap-8 py-12">
+          {blurb &&
+            blurb.length &&
+            blurb.map((para) => <p class="leading-loose font-light">{para}</p>)}
+          {url && <Button href={url}>Learn More</Button>}
         </Container>
-    </div>  
-    <div class="w-full h-[80dvh] bg-white">
-        {
-            (blurb && blurb.length || url) ? ( 
-                <Container className="flex flex-col gap-8 py-12">
-                    {
-                        blurb && blurb.length && blurb.map((para) => 
-                            <p class="leading-loose font-light">{ para }</p>
-                        )
-                    }
-                    {
-                        url && <Button href={url}>
-                            Learn More
-                        </Button>
-                    }
-                </Container>
-            ) : null
-        }
-        {
-            documentInfo ? ( 
-                <EditionCrafter
-                    documentInfo={documentInfo}
-                    documentName={documentName}
-                    glossaryURL={glossaryURL}
-                    threePanel={threePanel}
-                    client:only
-                    transition:persist
-                />
-            ) : ( 
-                <EditionCrafter
-                    documentName={documentName}
-                    transcriptionTypes={transcriptionTypes}
-                    iiifManifest={iiifManifest}
-                    glossaryURL={glossaryURL}
-                    threePanel={threePanel}
-                    client:only
-                    transition:persist
-                />
-            )
-        }
-    </div>
+      ) : null
+    }
+    {
+      documentInfo ? (
+        <EditionCrafter
+          documentInfo={documentInfo}
+          documentName={documentName}
+          glossaryURL={glossaryURL}
+          threePanel={threePanel}
+          client:only
+          transition:persist
+        />
+      ) : (
+        <EditionCrafter
+          documentName={documentName}
+          transcriptionTypes={transcriptionTypes}
+          iiifManifest={iiifManifest}
+          glossaryURL={glossaryURL}
+          threePanel={threePanel}
+          client:only
+          transition:persist
+        />
+      )
+    }
+  </div>
 </Layout>