Skip to content

Commit

Permalink
adding regret process
Browse files Browse the repository at this point in the history
  • Loading branch information
@deilann
deilann committed Oct 8, 2023
1 parent 4d52247 commit 6c8ab7e
Show file tree
Hide file tree
Showing 3 changed files with 292 additions and 1 deletion.
2 changes: 1 addition & 1 deletion k-graphing/apologize.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ <h1>no</h1>
<h2>if you are willing to apologize, we can start over from a clean slate</h2>
<div class="k-buttons">
<button onclick="location.href = './k.html';" class="apology" id="apologize">sorry</button>
<button class="apology" id="not-apologize">...</button>
<button onclick="location.href = './regret_process.html';" class="apology" id="not-apologize">...</button>
</div>


Expand Down
78 changes: 78 additions & 0 deletions k-graphing/regret_process.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../styles/regrets.css">
<title>regret process</title>
</head>
<body>
<h1 id="title">regret process</h1>
<p id="description" class="instructions">please it is NOW mandatory to form kR03101 <br> thank you!!!! <br> we apologize for convenience<p>

<form id="survey-form" method="post" action="/k.html">
<p class="form-name">kR03101</p>
<fieldset id="very-legal-information">
<legend>provide personal data!</legend>
<label for="name" id="name-label">
full legal name <input type="text" id="name" placeholder="very very sorry jr" required>
</label>
<label for="email" id="email-label">
email <input type="email" id="email" placeholder="[email protected]" required>
</label>
<label for="number" id="number-label">
favorite k <input type="number" id="number" min=1 max=10 placeholder=1>
</label>
<label for="dropdown" id="dropdown-label">
best weapon:
<select id="dropdown">
<option>coffee</option>
<option>cookie</option>
<option>kittens</option>
<option>yaseen</option>
<option>POTATO</option>
<option>computer</option>
<option>pizza</option>
<option>incorrect opinion</option>
</select>
</label>
</fieldset>

<fieldset id="exclusive-set" class="option-set">
<legend>verbiage</legend>
<label for="exclusive1" id="exclusive1-label" class="option-set">i am so sorry <input type="radio" name="choice" id="exclusive1" value=1></label>
<label for="exclusive2" id="exclusive2-label" class="option-set">
i apologize <input type="radio" name="choice" id="exclusive2" value=2>
</label>
<label for="exclusive3" id="exclusive3-label" class="option-set"> please forgive me <input type="radio" name="choice" id="exclusive3" value=3 checked>
</label>

</fieldset>

<fieldset id="inclusive-set">
<legend>future plans</legend>
<label for="inclusive1" id="inclusive1-label" class="option-set">
do better <input type="checkbox" id="inclusive1" value=4>
</label>
<label for="inclusive2" id="inclusive2-label" class="option-set">
be more mindful <input type="checkbox" id="inclusive2" value=5>
</label>
<label for="inclusive3" id="inclusive3-label" class="option-set">
become infallible <input type="checkbox" id="inclusive3" value=6>
</label>

</fieldset>

<fieldset id="comments">
<legend>personalization</legend>
<label for="comment" id="comment-label">
be specific
<textarea id="comment" name="comment" placeholder="it was wrong for me to..."></textarea>

</fieldset>

<input type="submit" value="Submit" id="submit">

</form>

</body>
</html>
213 changes: 213 additions & 0 deletions styles/regrets
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,213 @@
@import url(https://fonts.bunny.net/css?family=beth-ellen:400|lacquer:400|vt323:400);

* {

box-sizing: border-box;

}

body {
max-width:1000px;
margin: auto;
font-family: "VT323", mono;
background-color: #0B0835;
color: #060b11;
}

body::before {

max-width:1100px;
content: "";
margin: 0 auto;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 80%;
height:100%;
background-color: #170055;
z-index: -1;

}

body::after {

max-width:1100px;
content: "";
margin: 0 auto;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 80%;
height:100%;
background-color: #F037A5;
z-index: -2;
border-left: 20px dashed #00f3fc;
border-right: 20px dashed #00f3fc;

}

h1 {

font-family: 'Beth Ellen', handwriting;
margin:auto;
text-align: center;
color: #040026;
text-shadow: 1px 1px 1px #9336B4,
2px 2px 1px #F037A5,
2px 2px 2px #00f3fc,
3px 3px 2px #0097ec,
4px 4px 1px #F037A5,
5px 5px 2px #6c1fd3,
6px 6px 2px #040026;
background: linear-gradient(
-45deg,
#00f3fc 0%,
#9336B4 10%,
#F037A5 20%,
#F037A5 50%,
#F037A5 80%,
#9336B4 90%,
#00f3fc);
border: 7px outset #00f3fc;
font-size: 4rem;
width: 80%;
padding: 5px;
margin-top: 20px;

}

.instructions {

color:#00f3fc;
font-size: 2rem;
margin: 25px auto;
text-align: center;
text-shadow: 0px 2px 3px #F037A5;

}

form {

border: 10px solid #00f3fc;
width: 60%;
margin: auto;
padding-bottom: 5px;
text-align: center;
background-color: #9336B4;

}

.form-name {

font-size: 3rem;
background-color: #F037A5;
margin: auto;
border-bottom: 10px double #00f3fc;
font-family: 'Lacquer', display;
text-shadow: 1px 1px 0px #F037A5,
2px 2px 1px #00f3fc,
3px 3px 1px #9336B4;

}

fieldset {

border: none;
border-top: 2px dashed #00f3fc;
margin: 0px auto;

}

label, legend {

display: block;
padding-bottom: 5px;
font-size: 2rem;
text-shadow: 1px 1px 0px #060b11,
2px 2px 1px #9336B4,
3px 3px 1px #F037A5;

}

input, select, textarea {

display: block;
margin: 5px auto;
text-align: center;
font-size: 2rem;
font-family: "VT323", mono;
opacity:.8;
background-color: #F037A5cc;
border: 4px solid #00f3fc;
width: 80%;

}

input[type=number] {

-moz-appearance: textfield;

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {

-webkit-appearance: none;
margin: 0;

}

legend {

padding: 10px;
margin: 20px 30px 10px 30px;
font-size: 1.5rem;
border-left: 2px dashed #00f3fc;
border-right: 2px dashed #00f3fc;
background: #F037A550;

}

label.option-set {

display: flex;
margin: 10px auto;
font-size: 2rem;
font-family: "VT323", mono;
background-color: #F037A5cc;
border: 2px solid #00f3fc;
text-align: left;
padding: 10px 20px;
vertical-align: middle;
width:70%;

}

input[type=radio], input[type=checkbox] {

display:flex;
margin: 10px;
margin-left: auto;
accent-color: #00f3fc;
width: 5%;

}

textarea {

border: 2px outset #00f3fc;
margin: 10px auto;
font-size: 1.5rem;
width: 80%

}

input[type=submit] {

width:auto;
padding:10px;
margin-bottom:25px;

}

0 comments on commit 6c8ab7e

Please sign in to comment.