From 773c5ed3db087c3a7f1de73412e4407082745882 Mon Sep 17 00:00:00 2001
From: Tyler Murphy <tylermurphy534@gmail.com>
Date: Fri, 20 Jan 2023 12:26:51 -0500
Subject: more shit

---
 public/login.html | 142 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 140 insertions(+), 2 deletions(-)

(limited to 'public/login.html')

diff --git a/public/login.html b/public/login.html
index 9ce88ac..c33a3f9 100644
--- a/public/login.html
+++ b/public/login.html
@@ -15,10 +15,148 @@
         <div class="prompt">
             <input type="text" name="email" id="email" placeholder="Email" autofocus="1">
             <input type="password" name="pass" id="pass" placeholder="Password">
-            <button class="primary login-button" value="1" name="login" type="submit" id="login">Log In</button>
+            <button class="primary login-button bold" value="1" name="login" type="submit" id="login">Log In</button>
             <a class="btext ctext">Forgot Password?</a>
             <div class="line"></div>
-            <a class="success newacc">Create new account</a>
+            <button class="success newacc" onclick="document.getElementById('popup').classList.remove('hidden')">Create new account</button>
+        </div>
+        <div id="popup" class="hidden">
+            <div class="prompt">
+                <div class="close" onclick="document.getElementById('popup').classList.add('hidden')"></div>
+                <span class="text bold">Sign Up</span>
+                <span class="gtext">It's quick and easy.</span>
+                <div class="fullline"></div>
+                <div class="row">
+                    <input type="text" name="firstname" id="firstname" placeholder="First Name" autofocus="1">
+                    <input type="text" name="lastname" id="lastname" placeholder="Last Name">
+                </div>
+                <input type="text" name="newemail" id="newemail" placeholder="Email" autofocus="1">
+                <input type="password" name="newpass" id="newpass" placeholder="Password">
+                <span class="label">Birthday</span>
+                <div class="row">
+                    <select name="month" id="month" title="Month">
+                        <option value="1" selected="1">Jan</option>
+                        <option value="2">Feb</option>
+                        <option value="3">Mar</option>
+                        <option value="4">Apr</option>
+                        <option value="5">May</option>
+                        <option value="6">Jun</option>
+                        <option value="7">Jul</option>
+                        <option value="8">Aug</option>
+                        <option value="9">Sep</option>
+                        <option value="10">Oct</option>
+                        <option value="11">Nov</option>
+                        <option value="12">Dec</option>
+                    </select>
+                    <select name="day" id="day" title="Day">
+                        <option value="1" selected="1">1</option>
+                        <option value="2">2</option>
+                        <option value="3">3</option>
+                        <option value="4">4</option>
+                        <option value="5">5</option>
+                        <option value="6">6</option>
+                        <option value="7">7</option>
+                        <option value="8">8</option>
+                        <option value="9">9</option>
+                        <option value="10">10</option>
+                        <option value="11">11</option>
+                        <option value="12">12</option>
+                        <option value="13">13</option>
+                        <option value="14">14</option>
+                        <option value="15">15</option>
+                        <option value="16">16</option>
+                        <option value="17">17</option>
+                        <option value="18">18</option>
+                        <option value="19">19</option>
+                        <option value="20">20</option>
+                        <option value="21">21</option>
+                        <option value="22">22</option>
+                        <option value="23">23</option>
+                        <option value="24">24</option>
+                        <option value="25">25</option>
+                        <option value="26">26</option>
+                        <option value="27">27</option>
+                        <option value="28">28</option>
+                        <option value="29">29</option>
+                        <option value="30">30</option>
+                        <option value="31">31</option>
+                    </select>
+                    <select name="year" id="year" title="Year">
+                        <option value="2023" selected="1">2023</option>
+                        <option value="2022">2022</option>
+                        <option value="2021">2021</option>
+                        <option value="2020">2020</option>
+                        <option value="2019">2019</option>
+                        <option value="2018">2018</option>
+                        <option value="2017">2017</option>
+                        <option value="2016">2016</option>
+                        <option value="2015">2015</option>
+                        <option value="2014">2014</option>
+                        <option value="2013">2013</option>
+                        <option value="2012">2012</option>
+                        <option value="2011">2011</option>
+                        <option value="2010">2010</option>
+                        <option value="2009">2009</option>
+                        <option value="2008">2008</option>
+                        <option value="2007">2007</option>
+                        <option value="2006">2006</option>
+                        <option value="2005">2005</option>
+                        <option value="2004">2004</option>
+                        <option value="2003">2003</option>
+                        <option value="2002">2002</option>
+                        <option value="2001">2001</option>
+                        <option value="2000">2000</option>
+                        <option value="1999">1999</option>
+                        <option value="1998">1998</option>
+                        <option value="1997">1997</option>
+                        <option value="1996">1996</option>
+                        <option value="1995">1995</option>
+                        <option value="1994">1994</option>
+                        <option value="1993">1993</option>
+                        <option value="1992">1992</option>
+                        <option value="1991">1991</option>
+                        <option value="1990">1990</option>
+                        <option value="1989">1989</option>
+                        <option value="1988">1988</option>
+                        <option value="1987">1987</option>
+                        <option value="1986">1986</option>
+                        <option value="1985">1985</option>
+                        <option value="1984">1984</option>
+                        <option value="1983">1983</option>
+                        <option value="1982">1982</option>
+                        <option value="1981">1981</option>
+                        <option value="1980">1980</option>
+                        <option value="1979">1979</option>
+                        <option value="1978">1978</option>
+                        <option value="1977">1977</option>
+                        <option value="1976">1976</option>
+                        <option value="1975">1975</option>
+                        <option value="1974">1974</option>
+                        <option value="1973">1973</option>
+                        <option value="1972">1972</option>
+                        <option value="1971">1971</option>
+                        <option value="1970">1970</option>
+                    </select>
+                </div>
+                <span class="label">Gender</span>
+                <div class="radiomenu" data-type="radio" data-name="gender_wrapper">
+                    <span>
+                        <label class="gtext" for="female">Female</label>
+                        <input id="female" type="radio" name="gender" value="1">
+                    </span>
+                    <span>
+                        <label class="gtext" for="male">Male</label>
+                        <input id="male" type="radio" name="gender" value="2">
+                    </span>
+                    <span>
+                        <label class="gtext" for="lettuce">Lettuce</label>
+                        <input id="lettuce" type="radio" name="gender" value="3">
+                    </span>
+                </div>
+                <span class="label stext">By clicking Sign Up, you agree to have your password stored in plain text and have any javascript run on your pc at any time.</span>
+                <span class="label stext">XSSBook is not responsible for any ones loss of finances, mental state, relationships, or life when using this site.</span>
+                <button class="success signacc">Sign Up</button>
+            </div>
         </div>
     </div>
     <footer>
-- 
cgit v1.2.3-freya