-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.html
73 lines (61 loc) · 2.63 KB
/
readme.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../favicon.png" type="image/png">
<title>NomadicVoxel.github.io</title>
</head>
<style>
@import url(Skltl.OneFile.css);
@import url(config.css);
</style>
<body>
<header>
<i>
<label for="DrawerToggle">
<svg class="DrawerLabel" viewbox="0 0 24 24" height="1em">
<path id="TripleBar" d="M 3,18 H 21 V 16 H 3 Z M 3,13 H 21 V 11 H 3 Z M 3,6 V 8 H 21 V 6 Z" />
</svg>
</label>
</i>
Skltl
</header>
<input type="checkbox" id="DrawerToggle" class="HideButton" checked="false" title="drawer toggle switch"/>
<nav class="Hide">
<a href="../">../</a>
<a href="sandbox.html">Sandbox</a>
<a href="https://github.com/NomadicVoxel/NomadicVoxel.github.io">Source code</a>
</nav>
<main>
<h1> Skltl </h1>
<h2> A skeletal framework that focuses on Semantic HTML, not overloading you with new classes and wrappers. </h2>
<p> This is intended to be a bare-bones framework, with no frills bells or whistles.
The objective here is to gather the most common things I use in my projects, and wrap them all into one template. </p>
<ul>
<li> Modular design. CSS has form separated from function, in order to make tweaking easier. </li>
<li> Granular. Each module should have exactly one job. </li>
<li> Simplicity. No need for labeling everything with custom classes. Just slap the CSS onto good semantic HTML and there you go. </li>
<li> Intuitive. I want to make it so anyone with a bit of experience can understand, use, modify, and extend this framework. </li>
<li> Essential. We're putting the vital stuff all in the same place. </li>
</ul>
<h2> Features: </h2>
<ul>
<li> Themes are super easy to swap out. </li>
<li> Inline SVG icons don't need classes to work, just to be part of a text tag like <code class="tag">i</code> or <code class="tag">span</code> or <code class="tag">p</code>. </li>
<li> Apparently hide-toggle buttons can be implemented in one line of CSS and no scripts. Huh. </li>
<li> Fancy navigation dropdown menu using said hide toggle button </li>
<li> Images behave much more intuitively now. </li>
<li> Plenty of Javascript shortcuts for date & time tools, saving a file offline, and more coming soon. <sup>[1]</sup> </li>
</ul>
<small><sup>[1]</sup> We may or may not be operating on different definitions of the word "soon." </small>
</main>
<footer>
<hr>
Made from scratch by Clancy Clawson.
<a href="https://github.com/NomadicVoxel/Skltl">
Source code available here.
</a>
</footer>
</body>
</html>