Changed Footer
This commit is contained in:
parent
b55d8c21e2
commit
0d36d4c5ca
65
contact.html
65
contact.html
@ -19,6 +19,7 @@
|
|||||||
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
|
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
|
||||||
<link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
|
<link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
|
||||||
|
|
||||||
|
<script src="js/jquery-3.6.0.min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Glacial Indifference";
|
font-family: "Glacial Indifference";
|
||||||
@ -101,37 +102,47 @@
|
|||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<h2 class="topic">Contact Form</h2>
|
<h2 class="topic">Contact Us</h2>
|
||||||
<hr class="line">
|
<hr class="line">
|
||||||
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
||||||
<form action="" class="contact-form">
|
<form action="https://formsubmit.co/tech@gilroyhacks.com" class="contact-form" method="POST">
|
||||||
<div class="form-single-line">
|
<input type="hidden" name="email" id="email" value="tech@gilroyhacks.com">
|
||||||
<div class="input-block">
|
<input type="hidden" name="success">
|
||||||
<label for="">Name</label>
|
<div class="form-single-line">
|
||||||
<input type="text" class="form-control">
|
<div class="input-block">
|
||||||
|
<label for="">Name</label>
|
||||||
|
<input type="text" name="Name" class="form-control" required>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-single-line">
|
||||||
<div class="form-single-line">
|
<div class="input-block">
|
||||||
<div class="input-block">
|
<label for="">Email</label>
|
||||||
<label for="">Email</label>
|
<input type="email" name="Email" class="form-control" required>
|
||||||
<input type="text" class="form-control">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-single-line">
|
||||||
<div class="form-single-line">
|
<div class="input-block">
|
||||||
<div class="input-block">
|
<label for="">Subject</label>
|
||||||
<label for="">Subject</label>
|
<!-- <input type="text" name="subject" class="form-control"> -->
|
||||||
<input type="text" class="form-control">
|
<select name="Subject" class="form-control" required>
|
||||||
|
<option value="choose">--Choose a Subject--</option>
|
||||||
|
<option value="signup">Signups & Registration</option>
|
||||||
|
<option value="details">Event Details</option>
|
||||||
|
<option value="website">Website</option>
|
||||||
|
<option value="discord">Discord</option>
|
||||||
|
<option value="other">Other</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-multi-line">
|
||||||
<div class="col-sm-12">
|
<div class="input-block textarea">
|
||||||
<div class="input-block textarea">
|
<label for="">Drop your message here</label>
|
||||||
<label for="">Drop your message here</label>
|
<textarea rows="3" name="Message" class="form-control" required></textarea>
|
||||||
<textarea rows="3" type="text" class="form-control"></textarea>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-submit-button">
|
||||||
|
<button type="submit" name="Send" class="square-button">Send</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col-sm-12">
|
|
||||||
<button class="square-button">Send</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
</form>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
@ -159,10 +170,10 @@
|
|||||||
<li><a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
<li><a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
||||||
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
||||||
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
||||||
<li><a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">Email Us</a></li>
|
<li><a class="link" href="contact.html" title="Contact">Contact Form</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
<article id="footer-links">
|
<article id="footer-location">
|
||||||
<h3>Location</h3><br>
|
<h3>Location</h3><br>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
||||||
|
@ -433,10 +433,14 @@ section {
|
|||||||
|
|
||||||
.contact-form {
|
.contact-form {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
min-width: 300px;
|
||||||
|
width: 40vw;
|
||||||
}
|
}
|
||||||
.contact-form .input-block {
|
|
||||||
|
.input-block {
|
||||||
background-color: rgba(255, 255, 255, 0.8);
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
border: solid 1px #003f88;
|
border: solid 1px #003f88;
|
||||||
|
border-radius: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
padding: 25px;
|
padding: 25px;
|
||||||
@ -444,18 +448,21 @@ section {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
transition: all 0.3s ease-out;
|
transition: all 0.3s ease-out;
|
||||||
}
|
}
|
||||||
.contact-form .input-block.focus {
|
.input-block.focus {
|
||||||
background-color: #fff;
|
background-color: rgb(243, 243, 243);
|
||||||
border: solid 1px #00236e;
|
border: solid 1px #00236e;
|
||||||
}
|
}
|
||||||
.contact-form .input-block.textarea {
|
.input-block.textarea {
|
||||||
height: auto;
|
height: auto;
|
||||||
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.contact-form .input-block.textarea .form-control {
|
.form-control {
|
||||||
height: auto;
|
height: auto;
|
||||||
resize: none;
|
width: 100%;
|
||||||
|
resize: vertical;
|
||||||
|
font-family: "Glacial Indifference";
|
||||||
}
|
}
|
||||||
.contact-form .input-block label {
|
.input-block label {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 25px;
|
left: 25px;
|
||||||
top: 25px;
|
top: 25px;
|
||||||
@ -467,9 +474,9 @@ section {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
}
|
}
|
||||||
.contact-form .input-block .form-control {
|
.input-block .form-control {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0;
|
padding: 5px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@ -479,25 +486,25 @@ section {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.contact-form .input-block .form-control:focus label {
|
.input-block .form-control:focus label {
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
.contact-form .square-button {
|
.square-button {
|
||||||
background-color: rgba(255, 255, 255, 0.8);
|
background-color: rgba(155, 222, 243, 0.8);
|
||||||
color: #006dac;
|
color: #006dac;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 2px;
|
border-radius: 6px;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
padding: 0 60px;
|
|
||||||
height: 60px;
|
height: 60px;
|
||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 30%;
|
||||||
}
|
}
|
||||||
.contact-form .square-button:hover, .contact-form .square-button:focus {
|
.square-button:hover, .square-button:focus {
|
||||||
background-color: white;
|
filter: brightness(0.8);
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
@ -631,7 +638,14 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#footer-links {
|
#footer-links {
|
||||||
width: 200px;
|
width: 180px;
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-right: 20px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-location {
|
||||||
|
width: 220px;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -1953,7 +1953,14 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#footer-links {
|
#footer-links {
|
||||||
width: 200px;
|
width: 180px;
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-right: 20px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-location {
|
||||||
|
width: 220px;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -565,7 +565,14 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#footer-links {
|
#footer-links {
|
||||||
width: 200px;
|
width: 180px;
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-right: 20px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-location {
|
||||||
|
width: 220px;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
76
email.php
Normal file
76
email.php
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<?php
|
||||||
|
if (isset($_POST['Email'])) {
|
||||||
|
|
||||||
|
// EDIT THE 2 LINES BELOW AS REQUIRED
|
||||||
|
$email_to = "tech@gilroyhacks.com";
|
||||||
|
$email_subject = "Gilroy Hacks Query [Contact Form]";
|
||||||
|
|
||||||
|
function problem($error)
|
||||||
|
{
|
||||||
|
echo "We are very sorry, but there were error(s) found with the form you submitted. ";
|
||||||
|
echo "These errors appear below.<br><br>";
|
||||||
|
echo $error . "<br><br>";
|
||||||
|
echo "Please go back and fix these errors.<br><br>";
|
||||||
|
die();
|
||||||
|
}
|
||||||
|
|
||||||
|
// validation expected data exists
|
||||||
|
if (
|
||||||
|
!isset($_POST['Name']) ||
|
||||||
|
!isset($_POST['Email']) ||
|
||||||
|
!isset($_POST['Message'])
|
||||||
|
) {
|
||||||
|
problem('We are sorry, but there appears to be a problem with the form you submitted.');
|
||||||
|
}
|
||||||
|
|
||||||
|
$name = $_POST['Name']; // required
|
||||||
|
$email = $_POST['Email']; // required
|
||||||
|
$message = $_POST['Message']; // required
|
||||||
|
|
||||||
|
$error_message = "";
|
||||||
|
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
|
||||||
|
|
||||||
|
if (!preg_match($email_exp, $email)) {
|
||||||
|
$error_message .= 'The Email address you entered does not appear to be valid.<br>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$string_exp = "/^[A-Za-z .'-]+$/";
|
||||||
|
|
||||||
|
if (!preg_match($string_exp, $name)) {
|
||||||
|
$error_message .= 'The Name you entered does not appear to be valid.<br>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strlen($message) < 2) {
|
||||||
|
$error_message .= 'The Message you entered do not appear to be valid.<br>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strlen($error_message) > 0) {
|
||||||
|
problem($error_message);
|
||||||
|
}
|
||||||
|
|
||||||
|
$email_message = "Form details below.\n\n";
|
||||||
|
|
||||||
|
function clean_string($string)
|
||||||
|
{
|
||||||
|
$bad = array("content-type", "bcc:", "to:", "cc:", "href");
|
||||||
|
return str_replace($bad, "", $string);
|
||||||
|
}
|
||||||
|
|
||||||
|
$email_message .= "Name: " . clean_string($name) . "\n";
|
||||||
|
$email_message .= "Email: " . clean_string($email) . "\n";
|
||||||
|
$email_message .= "Message: " . clean_string($message) . "\n";
|
||||||
|
|
||||||
|
// create email headers
|
||||||
|
$headers = 'From: ' . $email . "\r\n" .
|
||||||
|
'Reply-To: ' . $email . "\r\n" .
|
||||||
|
'X-Mailer: PHP/' . phpversion();
|
||||||
|
@mail($email_to, $email_subject, $email_message, $headers);
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!-- include your success message below -->
|
||||||
|
|
||||||
|
Thank you for contacting us. We will be in touch with you very soon.
|
||||||
|
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
11
index.html
11
index.html
@ -736,23 +736,16 @@
|
|||||||
<li><a class="link" onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
<li><a class="link" onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
||||||
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
||||||
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
||||||
<li><a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">Email Us</a></li>
|
<li><a class="link" href="contact.html" title="Contact">Contact Form</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
<article id="footer-links">
|
<article id="footer-location">
|
||||||
<h3>Location</h3><br>
|
<h3>Location</h3><br>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
<!-- <ul>
|
|
||||||
<li><a class="link" onclick="check('02'); save()" target="_blank" href="https://discord.gg/nkTDKMcYbr" title="Discord Invite Link">Discord</a></li>
|
|
||||||
<li><a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">Contact Us</a></li>
|
|
||||||
</ul>
|
|
||||||
<hr id="footer-line">
|
|
||||||
© 2022 Gilroy Hacks <br>
|
|
||||||
All Rights Reserved -->
|
|
||||||
</footer>
|
</footer>
|
||||||
<!-- JavaScript Refs -->
|
<!-- JavaScript Refs -->
|
||||||
<script src="js/jquery-3.6.0.min.js"></script>
|
<script src="js/jquery-3.6.0.min.js"></script>
|
||||||
|
2
js/jquery-3.6.0.min.js
vendored
Normal file
2
js/jquery-3.6.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -267,10 +267,10 @@
|
|||||||
<li><a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
<li><a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
||||||
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</a></li>
|
||||||
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
|
||||||
<li><a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">Email Us</a></li>
|
<li><a class="link" href="contact.html" title="Contact">Contact Form</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
<article id="footer-links">
|
<article id="footer-location">
|
||||||
<h3>Location</h3><br>
|
<h3>Location</h3><br>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
||||||
|
Loading…
Reference in New Issue
Block a user