proper adoption form
This commit is contained in:
parent
82686531bf
commit
f6faea82ae
6 changed files with 103 additions and 14 deletions
38
adopt.php
38
adopt.php
|
@ -11,11 +11,7 @@
|
|||
<div class="text">
|
||||
<p>This is where you can apply to adopt! You MUST read the rules.</p>
|
||||
|
||||
It's totally fine to lump these all in one email if you want, just make sure to label each
|
||||
form so I know which is which:) If you give me your site in the form, I'll add it to the
|
||||
links page!
|
||||
|
||||
<p>send to: epiphany[at]m[dot]punkfairie[dot]net</p>
|
||||
<p>If you give me your site in the form, I'll add it to the links page!</p>
|
||||
|
||||
<div class="divide"></div>
|
||||
|
||||
|
@ -37,14 +33,32 @@
|
|||
|
||||
<h1>Adoption Form</h1>
|
||||
|
||||
<p>
|
||||
name:<br>
|
||||
email:<br>
|
||||
do you have a site?:<br>
|
||||
which petz?:
|
||||
</p>
|
||||
<form action="submit_adoption.php" method="post">
|
||||
<div class="form-item">
|
||||
<label for="name">* name:</label>
|
||||
<input type="text" name="name" id="name" required>
|
||||
</div>
|
||||
|
||||
<img class="pet" src="images/fore.png" title="Fore ; adopted from Arie @ Litterz Factory">
|
||||
<div class="form-item">
|
||||
<label for="email">* email:</label>
|
||||
<input type="email" name="email" id="email" required>
|
||||
</div>
|
||||
|
||||
<div class="form-item">
|
||||
<label for="site">your site:</label>
|
||||
<input type="url" name="site" id="site">
|
||||
</div>
|
||||
|
||||
<div class="form-item">
|
||||
<label for="petz">* which petz:</label>
|
||||
<input type="text" name="petz" id="petz" required>
|
||||
</div>
|
||||
|
||||
<div class="form-btns">
|
||||
<input type="submit" name="submit" value="submit">
|
||||
<input type="reset" name="reset" value="reset">
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
0
adoption_log.txt
Normal file
0
adoption_log.txt
Normal file
|
@ -1 +1 @@
|
|||
@import"https://fonts.googleapis.com/css2?family=Imprima&display=swap";html,body,a,a:hover{cursor:url(../images/cursor.png)}html{height:100%}body{font-family:"Imprima",sans-serif;font-size:13px;letter-spacing:1.8px;padding:10px;color:#000}.nav{text-align:center;padding:5px}#main-content{margin:10px;padding:10px}#cbox-inner{position:absolute;bottom:10px;left:10px}body#cbox{padding:0;text-align:center}td{padding:5px;text-align:center}table{margin-left:auto;margin-right:auto}.text{text-align:center;padding:0}.text p{padding:5px 0}h1{font-size:14px;color:#28543c;text-transform:uppercase;font-weight:normal}h1::before{content:url(../images/snowflake.webp);padding-right:5px}h1::after{content:url(../images/snowflake.webp);padding-left:5px}a{text-decoration:none;color:#d03b3b}a:hover{text-decoration:underline;color:#901a1a}strong,em{color:#28543c}.left{text-align:left}h2{color:#28543c;font-size:inherit;font-weight:normal;margin-bottom:-10px}h2::before{content:url(../images/candycane.gif);padding-right:5px}h2::after{content:url(../images/candycane.gif);padding-left:5px}.girls{color:#ff8bff}.boys{color:#70bef0}.pol{font-style:italic}.gone{text-decoration:line-through}ul.list{list-style-image:url(../images/heart.gif)}div.social{display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:10px}a.social{text-decoration:none}a.social:hover{text-decoration:none}img.adopt{width:100px}img.pet{margin-left:auto;margin-right:auto;display:block}.divide{margin:0 auto;padding:10px;padding-top:20px;width:1px}.divide::before{content:url(../images/divider.gif);margin-left:-119px}.egg{display:block;text-align:right !important;width:100% !important}/*# sourceMappingURL=stuff.css.map */
|
||||
@import"https://fonts.googleapis.com/css2?family=Imprima&display=swap";html,body,a,a:hover{cursor:url(../images/cursor.png)}html{height:100%}body{font-family:"Imprima",sans-serif;font-size:13px;letter-spacing:1.8px;padding:10px;color:#000}.nav{text-align:center;padding:5px}#main-content{margin:10px;padding:10px}#cbox-inner{position:absolute;bottom:10px;left:10px}body#cbox{padding:0;text-align:center}td{padding:5px;text-align:center}table{margin-left:auto;margin-right:auto}.text{text-align:center;padding:0}.text p{padding:5px 0}h1{font-size:14px;color:#28543c;text-transform:uppercase;font-weight:normal}h1::before{content:url(../images/snowflake.webp);padding-right:5px}h1::after{content:url(../images/snowflake.webp);padding-left:5px}a{text-decoration:none;color:#d03b3b}a:hover{text-decoration:underline;color:#901a1a}strong,em{color:#28543c}.left{text-align:left}h2{color:#28543c;font-size:inherit;font-weight:normal;margin-bottom:-10px}h2::before{content:url(../images/candycane.gif);padding-right:5px}h2::after{content:url(../images/candycane.gif);padding-left:5px}.girls{color:#ff8bff}.boys{color:#70bef0}.pol{font-style:italic}.gone{text-decoration:line-through}ul.list{list-style-image:url(../images/heart.gif)}div.social{display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:10px}a.social{text-decoration:none}a.social:hover{text-decoration:none}img.adopt{width:100px}form{width:60%;margin:0 auto;margin-top:20px}.form-item,.form-btns{width:100%;margin-top:5px;margin-bottom:5px}input{border:1px solid #d03b3b;background:none;font-family:"Imprima",sans-serif;font-size:13px;letter-spacing:1.8px;color:#000}.form-item{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto;grid-template-areas:"label input"}.form-item label{grid-area:label}.form-item input{grid-area:input}input[type=submit]:hover,input[type=reset]:hover{color:#d03b3b}img.pet{margin-left:auto;margin-right:auto;display:block}.divide{margin:0 auto;padding:10px;padding-top:20px;width:1px}.divide::before{content:url(../images/divider.gif);margin-left:-119px}.egg{display:block;text-align:right !important;width:100% !important}/*# sourceMappingURL=stuff.css.map */
|
||||
|
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["_vars.scss","stuff.scss"],"names":[],"mappings":"AAAQ,uEAsBR,oBACG,iCCnBH,KACC,YAGD,KACC,YDHM,qBCIN,UDHO,KCIP,eDHU,MCIV,aACA,MDDM,KCIP,KACC,kBACA,YAGD,cACC,YACG,aAKJ,YACI,kBACA,YACA,UAGJ,UACC,UACA,kBAKD,GACC,YACA,kBAGD,MACC,iBACA,kBAKD,MACC,kBACA,UAEA,QACC,cAIF,GACC,eACA,MDjDM,QCkDN,yBACA,mBAEA,WACC,sCACA,kBAGD,UACC,sCACA,iBAIF,EACC,qBACA,MDpES,QCsET,QACG,0BACF,MDvEQ,QC2EV,UACC,MD3EM,QC8EP,MACC,gBAGD,GACC,MDnFM,QCoFN,kBACA,mBACA,oBAEA,WACC,qCACA,kBAGD,UACC,qCACA,iBAIF,OACC,MDlGO,QCqGR,MACC,MDrGM,QCwGP,KACC,kBAGD,MACC,6BAGD,QACC,0CAKD,WACC,aACA,uBACA,mBACA,qBACA,eACA,SAGD,SACC,qBAGD,eACC,qBAKD,sBAIA,QACC,iBACA,kBACA,cAGD,QACC,cACA,aACG,iBACH,UAEA,gBACC,mCACA,mBAMF,KACC,cACA,4BACA","file":"stuff.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["_vars.scss","stuff.scss"],"names":[],"mappings":"AAAQ,uEAsBR,oBACG,iCCnBH,KACC,YAGD,KACC,YDHM,qBCIN,UDHO,KCIP,eDHU,MCIV,aACA,MDDM,KCIP,KACC,kBACA,YAGD,cACC,YACG,aAKJ,YACI,kBACA,YACA,UAGJ,UACC,UACA,kBAKD,GACC,YACA,kBAGD,MACC,iBACA,kBAKD,MACC,kBACA,UAEA,QACC,cAIF,GACC,eACA,MDjDM,QCkDN,yBACA,mBAEA,WACC,sCACA,kBAGD,UACC,sCACA,iBAIF,EACC,qBACA,MDpES,QCsET,QACG,0BACF,MDvEQ,QC2EV,UACC,MD3EM,QC8EP,MACC,gBAGD,GACC,MDnFM,QCoFN,kBACA,mBACA,oBAEA,WACC,qCACA,kBAGD,UACC,qCACA,iBAIF,OACC,MDlGO,QCqGR,MACC,MDrGM,QCwGP,KACC,kBAGD,MACC,6BAGD,QACC,0CAKD,WACC,aACA,uBACA,mBACA,qBACA,eACA,SAGD,SACC,qBAGD,eACC,qBAKD,sBAEA,KACI,UACA,cACA,gBAGJ,sBACI,WACA,eACA,kBAGJ,MACI,yBACA,gBACA,YDtKG,qBCuKH,UDtKI,KCuKJ,eDtKO,MCuKP,MDnKG,KCsKP,WACI,aACA,8BACA,wBACA,kCAEA,iBACI,gBAGJ,iBACI,gBAIR,iDACI,MDrLM,QC2LV,QACC,iBACA,kBACA,cAGD,QACC,cACA,aACG,iBACH,UAEA,gBACC,mCACA,mBAMF,KACC,cACA,4BACA","file":"stuff.css"}
|
|
@ -155,6 +155,47 @@ a.social:hover {
|
|||
|
||||
img.adopt { width: 100px; }
|
||||
|
||||
form {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.form-item, .form-btns {
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px solid $accent1;
|
||||
background: none;
|
||||
font-family: $font;
|
||||
font-size: $fsize;
|
||||
letter-spacing: $lspacing;
|
||||
color: $text;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas: "label input";
|
||||
|
||||
label {
|
||||
grid-area: label;
|
||||
}
|
||||
|
||||
input {
|
||||
grid-area: input;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=submit]:hover, input[type=reset]:hover {
|
||||
color: $accent1;
|
||||
|
||||
}
|
||||
|
||||
/* MISC ----------------------------------------------------------------------------------------- */
|
||||
|
||||
img.pet {
|
||||
|
|
34
submit_adoption.php
Normal file
34
submit_adoption.php
Normal file
|
@ -0,0 +1,34 @@
|
|||
<?php
|
||||
|
||||
$name = $_POST['name'] ?: null;
|
||||
$email = $_POST['email'] ?: null;
|
||||
$site = $_POST['site'] ?: null;
|
||||
$petz = $_POST['petz'] ?: null;
|
||||
|
||||
$log = fopen('adoption_log.txt', 'a');
|
||||
|
||||
$txt = $name . "\n" . $email . "\n";
|
||||
$txt = $site ? $txt . $site . "\n" : $txt;
|
||||
$txt .= $petz . "\n\n";
|
||||
|
||||
fwrite($log, $txt);
|
||||
fclose($log);
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style/stuff.css">
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="text">
|
||||
<h2>Success!</h2>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue