Skip to content

Commit

Permalink
Create socks.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@deilann
deilann authored Jan 31, 2024
1 parent 7ea8bef commit a4d1cfa
Showing 1 changed file with 169 additions and 0 deletions.
169 changes: 169 additions & 0 deletions gender-validation/socks.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!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="../styles/socks_styles.css" />
<title>programmer socks - but fuzzy</title>
</head>
<body>
<header id="header">
<nav id="nav-bar">
<div id="nav-header">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fd/LGBTQ%2B_rainbow_flag_Quasar_%22Progress%22_variant.svg" id="header-img" />
<p id="nav-header-text">gay by design</p>
</div>
<div id="nav-link">
<p id="nav-text-link"><a href="#product" class="nav-link">our socks</a></p>
</div>
<div id="nav-link">
<p id="nav-text-link"><a href="#wrong" class="nav-link">fake socks news</a></p>
</div>
<div id="nav-link">
<p id="nav-text-link"><a href="#form" class="nav-link">buy now</a></p>
</div>
<div id="nav-link">
<p id="nav-text-link"><a href="#faq" class="nav-link">faq</a></p>
</div>
</nav>
</header>
<main>

<section id="intro">
<h1 id="product-header">
are you still programming like this??????</h1>
<div id="promo-images">
<img id="promo-pic" src="http://gh.leoeuler.com/images/left.jpg" alt="a person with a laptop wearing fuzzy socks they put on the table much to the chagrin of another person who is referencing their feet in a dispute.">
<img id="promo-pic" src="http://gh.leoeuler.com/images/center.jpg" alt="a man with short red hair and glasses stares at the camera judging these choices despite his messy desk.">
<img id="promo-pic" src="http://gh.leoeuler.com/images/right.jpg" alt="a person with stripy stocks uses a laptop on the sofa with the socks mostly in frame">
</div>
<p id="infomercial">
STOP NOW!!!!!
</p>
</section>
<section id="product">
<p id="content">imagine how much PROGRAMMING you could do if you didn't have to choose between FUZZY SOCKS and PROGRAMMER SOCKS</p>
<p id="content">
our programmer socks are 3000% FUZZY and hand crafted by the most uwu of cat girls that we pay a FAIR LIVING wage of pats and good girls</p>
<h2>our socks</h2>

<div id="info-box">
<ul>
<li>lint your code FOR YOU</li>
<li>CHANGE COLOR to match syntax highlighting</li>
<li>really nice to pet ok</li>
<li>are safe for foxgirls too</li>
<li>DO NOT usually contain radioactive material</li>
<li>will only judge you when you need that</li>
<li>are really cute uwu</li>
<li>are machine washable: <code>rm -rf socks && mkdir socks</code></li>
</ul>
</div>
</section>

<section id="wrong">
<p id="infomercial">NOT HOW TO SOCKS!!!!!!</p>
<p id="content">BEWARE FAKE SOCKS!!!!!</p>
<p class="video-description sr-only">Video description for BVI users</p>
<video id="video" autoplay muted loop>
<source src="http://gh.leoeuler.com/images/socks_done_dirty.mp4" type="video/mp4">
</video>
<p id="content">do you think SOCKS like these even give ANY pats to their catgirls</p>
</section>

<section>
<h2>GIVE ME SOCKS</h2>
<form action="https://give.translifeline.org/give/461718/#!/donation/checkout" id="form">
<div class="field">
<fieldset id="currency">
<legend>payment method</legend>
<p><input type="checkbox" id="pets" name="currency">
<label for="pets">pets</label></p>

<p><input type="checkbox" id="uwu" name="currency">
<label for="uwu">uwu monies?</label></p>
<p><input type="checkbox" id="yas" name="currency">
<label for="yas">yassie</label></p>
<p><input type="checkbox" id="lewds" name="currency">
<label for="lewds">....lewds</label></p>

<p><input type="checkbox" id="otherCurrency" name="currency">
<label for="otherCurrency">um <input type="text" name="otherCurrencyText"></label></p>

</fieldset>
</div>
<div class="field">
<fieldset id="color">
<legend>color</legend>


<p><input type="checkbox" id="sublime" name="color">
<label for="sublime">sublime text</label></p>

<p><input type="checkbox" id="vivim" name="color">
<label for="vivim">vi/vim</label></p>
<p><input type="checkbox" id="yas" name="color">
<label for="yas">yassie</label></p>
<p><input type="checkbox" id="vscode" name="color">
<label for="vscode">vs code</label></p>
<p><input type="checkbox" id="otherColor" name="color">
<label for="otherColor">um <input type="text" name="otherColorText"></label></p>

</fieldset>
</div>
<fieldset>
<div class="field"><legend>language</legend>
<p><input type="checkbox" id="rust" name="language">
<label for="rust">rust</label></p>
<p><input type="checkbox" id="rust" name="language">
<label for="rust">rust</label></p>
<p><input type="checkbox" id="rust" name="language">
<label for="rust">rust</label></p>
<p><input type="checkbox" id="rust" name="language">
<label for="rust">rust</label></p>
<p><input type="checkbox" id="otherLanguage" name="language">
<label for="otherLanguage">um <input type="text" name="otherLanguageText"></label></p>

</fieldset>
</div>
<fieldset>
<div class="field">
<legend>delivery method</legend>

<p><input type="checkbox" id="fedi" name="delivery">
<label for="fedi">fedi</label></p>
<p><input type="checkbox" id="emails" name="delivery">
<label for="emails">email</label></p>
<p><input type="checkbox" id="yassie" name="delivery">
<label for="yassie">yassie</label></p>
<p><input type="checkbox" id="birb" name="delivery">
<label for="birb">birb</label></p>
<p><input type="checkbox" id="otherDelivery" name="delivery">
<label for="otherDelivery">um <input type="text" name="otherDeliveryText"></label></p>

</fieldset>
</div>
<div class="field">
<fieldset id="details">
<legend>details</legend>
<p><label for="email">email:</label>
<input type="email" id="email" placeholder="[email protected]" name="email" required></p>

<p><label for="fealty">fealty: </label>
<input type="text" id="fealty" name="details"></input></p>
<p><input type="checkbox" id="liability" name="details" required><label for="liability"> i won't sue you (about this or anything else including but not limited to: bash accidents, jet turbines, too powerful of code, yasassinations, important stuff, dogs, pet dog, pet dog, a lack of bananas, pet dog, etc etc)</p>
</fieldset>
</div>
<input type="submit" id="submit" value="socks me">

</form>
</section>

<section id="faq">
<h2>faq</h2>
<p id="info-box">have you pet dog yet</p>
</section>

</main>
</body>
</html>

0 comments on commit a4d1cfa

Please sign in to comment.