Skip to content

Commit

Permalink
move web experiments
Browse files Browse the repository at this point in the history
  • Loading branch information
@theWhiteWulfy
theWhiteWulfy committed Jun 12, 2024
1 parent f0d8f1e commit a57be3f
Show file tree
Hide file tree
Showing 44 changed files with 23,523 additions and 0 deletions.
107 changes: 107 additions & 0 deletions public/web/experiment/98.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html>
<head>
<title>Windows 98 Mockup</title>
<link rel="stylesheet" type="text/css" href="css/98.css">
</head>
<body>
<div class="overlay">
<div class="turn-on-computer">

<svg class="svg-container"version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path class="power-button" fill="#444" d="M49.999,74.194c-13.118,0-23.791-10.674-23.791-23.793c0-4.884,1.47-9.58,4.253-13.578
c1.663-2.393,4.95-2.985,7.343-1.318c2.392,1.664,2.982,4.953,1.318,7.344c-1.546,2.222-2.363,4.833-2.363,7.552
c0,7.302,5.939,13.241,13.239,13.241c7.301,0,13.24-5.939,13.24-13.241c0-2.958-0.953-5.754-2.758-8.089
c-1.781-2.306-1.356-5.619,0.948-7.4c2.306-1.787,5.618-1.357,7.401,0.948c3.244,4.199,4.96,9.229,4.96,14.542
C73.791,63.521,63.118,74.194,49.999,74.194z"/>
</g>
<g>
<path class="power-button" fill="#444" d="M49.999,54c-3.17,0-5.74-2.572-5.74-5.742v-16.71c0-3.17,2.57-5.74,5.74-5.74c3.171,0,5.74,2.57,5.74,5.74
v16.71C55.739,51.428,53.17,54,49.999,54z"/>
</g>
</svg>
</div>


</div>
<div class="desktop">
<div class="desktop-icons">
<div class="icon my-computer">
<img src="http://img.informer.com/icons/png/48/2873/2873700.png" alt="" />
<p>My Computer</p>
</div>

<div class="icon recycle-bin">
<img src="http://www.it.uom.gr/project/intro/conwin/mwin8/95desktop5.gif" alt="" />
<p>Recycle Bin</p>
</div>

<div class="icon my-documents">
<img src="http://vignette4.wikia.nocookie.net/logopedia/images/5/54/Mydocs99.png/revision/latest?cb=20160414125319" alt="" />
<p>My Documents</p>
</div>


</div>

<div class="dock">
<a class="start-btn" href="#0">Start</a>
<div class="dock-time">
4:20PM
</div>
<div class="start-menu">
<div class="title-container">
<div class="title">Windows<span>98</span></div>
</div>
<ul>
<li class="windows-update">Windows Update</li>
<hr />
<li class="programs">Programs</li>
<li class="favorites">Favorites</li>
<li class="documents">Documents</li>
<li class="settings">Settings</li>
<li class="find">Find</li>
<li class="help">Help</li>
<li class="run">Run...</li>
<hr />
<li class="log-off ok">Log Off</li>
<li class="shut-down ok">Shut Down...</li>
</ul>
</div>
</div>

<div class="window-container">
<div class="window">
<div class="window-title">
Shut Down Windows
<div class="btn-close close">X</div>
</div>
<div class="window-body">
<p>What do you want the computer to do?</p>
<div>
<input id="option1" type="radio" name="field" value="option">
<label for="option1"><span><span></span></span>Stand By</label><br>
<input id="option2" type="radio" name="field" value="option" checked>
<label for="option2"><span><span></span></span>Shut Down</label><br>
<input id="option3" type="radio" name="field" value="option">
<label for="option3"><span><span></span></span>Restart</label><br>
<input id="option4" type="radio" name="field" value="option">
<label for="option4"><span><span></span></span>Restart in MS-DOS mode</label><br>
</div>
</div>
<div class="window-button-row">
<a class="btn primary ok" href="">OK</a>
<a class="btn cancel" href="">Cancel</a>
<a class="btn" href="">Help</a>

</div>
</div>

</div>

</div>
<script type="text/javascript" src="js/98.js"></script>
</body>
</html>
122 changes: 122 additions & 0 deletions public/web/experiment/chess.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html>
<head>
<title>Oxyenyos</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/chess.css" />


</head>
<body>
<div class="board">


<div class="side north"></div>
<div class="side east"></div>
<div class="side south"></div>
<div class="side west"></div>
<div class="face frontface">
<div>
<div></div>
<div></div>
<div>
<div class="piece white">&#9812;</div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div>
<div class="piece black">&#9813;</div>
</div>
<div></div>
<div></div>
<div></div>
<div>
<div class="piece white">&#9815;</div>
</div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div>
<div class="piece black">&#9817;</div>
</div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div>
<div class="piece black">&#9812;</div>
</div>
<div></div>
<div></div>
<div></div>
<div>
<div class="piece white">&#9816;</div>
</div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

</div>
<div class="face backface"></div>
</div>
<div class="note">
Drag to rotate the board
</div>
<script src="../assets/js/jquery-1.12.3.min.js"></script>
<script src="js/chess.js"></script>
</body>
</html>
Loading

0 comments on commit a57be3f

Please sign in to comment.