davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

add a treeview and start the readme

Browse Source
This commit is contained in:
Jordan Scales
2020-04-18 15:39:47 -04:00
parent 0cbf7e5305
commit 666d3457a6
3 changed files with 193 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
docs/backup.html Normal file
View File

@@ -0,0 +1,111 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="/style.css?t=1"></style>
<style>
body {
height: 100vh;
margin: 0;
padding: 0;
background: var(--dialog-blue);
display: flex;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div class="dialog" style="width: 400px">
<div class="menubar">
<div class="menubar-title">
Windows 98 Example
</div>
<div class="menubar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="dialog-body">
<section>This is an example window with some controls.</section>
<fieldset>
<legend>I think it's</legend>
<div class="field-row">
<input checked id="cool" type="radio" value="cool" name="answer">
<label for="cool">Cool</label>
</div>
<div class="field-row">
<input id="meh" type="radio" value="meh" name="answer">
<label for="meh">Meh</label>
</div>
<div class="field-row">
<input disabled id="idk" type="radio" value="idk" name="answer">
<label for="idk">Idk</label>
</div>
<div class="field-row-stacked" style="max-width: 160px">
<label for="reason">Reason:</label>
<select>
<option>Nostalgia</option>
<option>It looks sharp</option>
<option>It's confusing</option>
<option>It looks dated</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Checkboxes</legend>
<div class="field-row">
<input checked id="option1" type="checkbox">
<label for="option1">Option 1</label>
</div>
<div class="field-row">
<input id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
<div class="field-row">
<input checked disabled id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
<div class="field-row">
<input disabled id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
</fieldset>
<section>
<div class="field-row-stacked" style="max-width: 168px">
<label for="else">Anything else to add?</label>
<input type="text" id="else">
<textarea rows=8></textarea>
</div>
</section>
<section>
<!-- maybe want some sort of "panel" idk -->
<div id="panel">
<div style="height: 1200px">
<p>This is some text</p>
<p>if there's enough of it</p>
<p>it should scroll</p>
</div>
</div>
</section>
<section class="field-row align-right">
<button>OK</button>
<button>Cancel</button>
</section>
<section>
<a href="https://google.com">Learn more</a>
</section>
</div>
</div>
</body>
</html>