diff options
author | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2022-07-19 11:59:45 -0400 |
commit | ea54421b15c9705f86a8d25a6caaa40791d66e18 (patch) | |
tree | 546ec8892c2140a48129fd521189dc68b567c95b /app/views/contact.view.php | |
parent | f888991f298e59933250c8d56080c1805068f5e0 (diff) | |
download | thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.gz thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.tar.bz2 thedroneely.com-ea54421b15c9705f86a8d25a6caaa40791d66e18.zip |
app: Refactor and CSS rewrite
Diffstat (limited to 'app/views/contact.view.php')
-rw-r--r-- | app/views/contact.view.php | 155 |
1 files changed, 68 insertions, 87 deletions
diff --git a/app/views/contact.view.php b/app/views/contact.view.php index 07ac68a..42c03a5 100644 --- a/app/views/contact.view.php +++ b/app/views/contact.view.php @@ -2,93 +2,74 @@ <?php require __DIR__ . '/partials/header.php'; ?> - <body> - - <?php require __DIR__ . '/partials/navigator.php'; ?> - - <section class="section"> - - <div class="container"> - <div class="columns is-centered"> - <div class="column is-7"> - - <article class="content"> - - <h1 class="title is-3">Contact</h1> - - <?php if (isset($formSuccess)) : ?> - <div class="message__success" role="alert"> - <p>Your message has been successful. I'll get in touch with you soon!</p> - </div> - <?php endif; ?> - - <p> - Interested in collaborating? - Complete and submit the form below to send me a direct message. - </p> - - <form method="post" action="/contact/"> - - <div class="field is-horizontal"> - <div class="field-body"> - <div class="field is-expanded"> - <label for="name" class="heading is-size-6">Name</label> - <div class="field has-addons"> - <p class="control is-expanded"> - <input id="name" class="input" type="text" name="26471" value="<?php echo $name ?? '' ?>"> - </p> - </div> - </div> - <div class="field is-expanded"> - <label for="email" class="heading is-size-6">Email <span class="alert">*</span></label> - <div class="field has-addons"> - <p class="control is-expanded"> - <input id="email" class="input <?php echo $border = isset($emailError) ? 'is-danger' : '';?>" - type="email" name="26472" value="<?php echo $email ?? '' ?>" required> - </p> - </div> - </div> - </div> - </div> - - <label for="message" class="heading is-size-6">Message <span class="alert">*</span></label> - - <div class="field is-horizontal"> - <div class="field-body"> - <div class="field"> - <div class="control"> - <textarea id="message" class="textarea" name="26478" placeholder="" required><?php echo $message ?? '' ?></textarea> - </div> - </div> - </div> - </div> - - <br> - - <div class="field is-horizontal"> - <div class="field-body"> - <div class="field"> - <div class="control"> - <button class="button item__box has-text-weight-normal"> - <?php echo icon('send'); ?> - <span>Send Message</span> - </button> - </div> - </div> - </div> - </div> - - <input type="checkbox" name="agree" class="agree" tabindex="-1"> - - </form> - - </article> - - </div> - </div> - </div> - - </section> +<body> + +<?php require __DIR__ . '/partials/navigator.php'; ?> + +<main> + <contact-page> + <article> + + <h1>Contact</h1> + + <?php if (isset($formSuccess)) : ?> + <aside> + <p>Your message has been successful. I'll get in touch with you soon!</p> + </aside> + <?php endif; ?> + + <p> + Interested in collaborating? Complete and submit the form below to send me a + direct message. + </p> + + <form method="post" action="/contact/"> + + <field-set> + + <section> + <label for="name">Name</label> + <input + id="name" + type="text" + name="26471" + value="<?php echo $name ?? '' ?>" + > + </section> + + <section> + <label for="email">Email <span data-danger>*</span></label> + <input + required + id="email" + type="email" + name="26472" + value="<?php echo $email ?? '' ?>" + <?php echo $border = isset($emailError) ? 'data-contact-required' : '';?> + > + </section> + + </field-set> + + <label for="message">Message <span data-danger>*</span></label> + <textarea + id="message" + name="26478" + placeholder="" required + ><?php echo $message ?? '' ?> </textarea> + + <button> + <?php echo icon('send'); ?> + <span>Send Message</span> + </button> + + <input type="checkbox" name="agree" tabindex="-1"> + + </form> + + </article> + </contact-page> + </main> <?php require __DIR__ . '/partials/footer.php'; ?> |