diff options
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/Footer.astro | 3 | ||||
| -rw-r--r-- | frontend/src/layouts/Layout.astro | 34 | ||||
| -rw-r--r-- | frontend/src/pages/index.astro | 92 |
3 files changed, 64 insertions, 65 deletions
diff --git a/frontend/src/components/Footer.astro b/frontend/src/components/Footer.astro index 9f8b9b7..6ad0052 100644 --- a/frontend/src/components/Footer.astro +++ b/frontend/src/components/Footer.astro @@ -1,8 +1,9 @@ --- + --- <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 +</footer> diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro index 047538c..1a47613 100644 --- a/frontend/src/layouts/Layout.astro +++ b/frontend/src/layouts/Layout.astro @@ -1,8 +1,8 @@ --- import Footer from '../components/Footer.astro'; - + interface Props { - title: string; + title: string; } const { title } = Astro.props; @@ -10,18 +10,18 @@ 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 + <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> diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro index d163d63..fcec860 100644 --- a/frontend/src/pages/index.astro +++ b/frontend/src/pages/index.astro @@ -3,50 +3,48 @@ 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 + <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> |