diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-02-04 12:30:02 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-02-04 12:30:02 -0500 |
| commit | 71093a4c88ed41bd51a3387f1e91c7ee05f2203c (patch) | |
| tree | d45138d7e3a7afc52c11fff65f77f3d040f2ffe8 /src/pages/guestbook.astro | |
| parent | 27153476429c4a85630dedcf940a50089ea02151 (diff) | |
| download | personal-website-71093a4c88ed41bd51a3387f1e91c7ee05f2203c.tar.gz personal-website-71093a4c88ed41bd51a3387f1e91c7ee05f2203c.tar.bz2 personal-website-71093a4c88ed41bd51a3387f1e91c7ee05f2203c.zip | |
Almost finished implementing guestbook; More consistency in cards
Diffstat (limited to 'src/pages/guestbook.astro')
| -rw-r--r-- | src/pages/guestbook.astro | 45 |
1 files changed, 11 insertions, 34 deletions
diff --git a/src/pages/guestbook.astro b/src/pages/guestbook.astro index 0aebd9c..3ea4c28 100644 --- a/src/pages/guestbook.astro +++ b/src/pages/guestbook.astro @@ -1,44 +1,21 @@ --- import Page from '../layouts/Page.astro' import "../styles/cards.css"; +import GuestbookForm from '../components/GuestbookForm' +import Guestbook from '../components/Guestbook' --- <Page title="Guestbook" description="Use this page to send me a message"> <main> - <form class="card"> - <h2>Submit Message</h2> - <label> - Name<br> - <input type="text" name="name" placeholder="Name" required /> - </label> - <br> - <label> - Email Address<br> - <input type="email" name="email" placeholder="Email Address (Optional)" /> - </label> - <br> - <label> - Your Website<br> - <input type="url" name="link" placeholder="https://example.com" required /> - </label> - <br> - <label> - Message<br> - <textarea name="message" placeholder="Message" required></textarea> - </label> - <button type="submit">Send</button> - </form> + <div class="card"> + <h2>Welcome to my Guestbook!</h2> + <p>Feel free to send a nice message here!</p> + </div> + <GuestbookForm client:visible /> <div class="grid"> - <article class="card"> - <h1>John Doe</h1> - <small>January 1, 2024</small> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nam id orci non diam bibendum euismod quis sit amet purus. - Fusce fermentum facilisis placerat. Mauris varius ante elit, et - luctus enim blandit sit amet. - Pellentesque ullamcorper dapibus suscipit. - </p> - <a href="https://google.com">Website</a> - </article> + <Guestbook client:visible /> </div> </main> </Page> +<script> + +</script> |