diff options
| author | Joe Carstairs <jcarstairs@scottlogic.com> | 2023-08-01 20:21:11 +0100 |
|---|---|---|
| committer | Joe Carstairs <jcarstairs@scottlogic.com> | 2023-08-02 18:57:52 +0100 |
| commit | 227eac690914886c5dd6d9a8bd627534c86b4a5d (patch) | |
| tree | 36927e42c47b8e1c7c0135bf358e954b0bd8e41a /frontend/src | |
| parent | 6bd4846b71944add485433703d85982b2396d9ad (diff) | |
Initial commit
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/Footer.astro | 8 | ||||
| -rw-r--r-- | frontend/src/env.d.ts | 1 | ||||
| -rw-r--r-- | frontend/src/layouts/Layout.astro | 27 | ||||
| -rw-r--r-- | frontend/src/pages/index.astro | 52 |
4 files changed, 88 insertions, 0 deletions
diff --git a/frontend/src/components/Footer.astro b/frontend/src/components/Footer.astro new file mode 100644 index 0000000..9f8b9b7 --- /dev/null +++ b/frontend/src/components/Footer.astro @@ -0,0 +1,8 @@ +--- +--- + +<footer> + <p class="btn btn--dark back-to-top-link"> + <a href="#main">▴ Back til tap</a> + </p> +</footer>
\ No newline at end of file diff --git a/frontend/src/env.d.ts b/frontend/src/env.d.ts new file mode 100644 index 0000000..f964fe0 --- /dev/null +++ b/frontend/src/env.d.ts @@ -0,0 +1 @@ +/// <reference types="astro/client" /> diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro new file mode 100644 index 0000000..047538c --- /dev/null +++ b/frontend/src/layouts/Layout.astro @@ -0,0 +1,27 @@ +--- +import Footer from '../components/Footer.astro'; + +interface Props { + title: string; +} + +const { title } = Astro.props; +--- + +<!DOCTYPE html> +<html lang="sco"> + <head> + <meta charset="UTF-8" /> + <meta name="description" content="The wabsteid o the Scots Leid Associe"> + <meta name="viewport" content="width=device-width" /> + <link rel="icon" href="/favicon.ico" /> + <link rel="stylesheet" href="/public/normalize.css" /> + <link rel="stylesheet" href="/public/main.css" /> + <meta name="generator" content={Astro.generator} /> + <title>{title} | Scots Leid Associe</title> + </head> + <body> + <slot /> + <Footer /> + </body> +</html>
\ No newline at end of file diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro new file mode 100644 index 0000000..d163d63 --- /dev/null +++ b/frontend/src/pages/index.astro @@ -0,0 +1,52 @@ +--- +import Layout from '../layouts/Layout.astro'; +--- + +<Layout title="Welcome to Astro."> + <main id="main"> + <section> + <h1 class="title">The Scots Leid Associe</h1> + <h1>Tap-level heidin</h1> + <h2>Seicont-level heidin</h2> + <h3>Third-level heidin</h3> + <h4>Fowert-level heidin</h4> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </p> + <a class="link" href="#">Lairn mair!</a> + <p> + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. + </p> + <button class="btn">Dae somethin excitin...</button> + <p> + Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. + </p> + </section> + <section> + <h2>Seicont-level heidin</h2> + <h3>Third-level heidin</h3> + <h4>Fowert-level heidin</h4> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </p> + <a class="link" href="#">Lairn mair!</a> + <p> + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. + </p> + <button class="btn">Dae somethin excitin...</button> + <p> + Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. + </p> + </section> + </main> +</Layout>
\ No newline at end of file |