Move style and template to example/

author: Case Duckworth 2024-03-18 10:25:28 -0500
committer: Case Duckworth 2024-03-18 10:25:28 -0500
commit: 0a0649baafd381086de630dc8f475782c74f6f6f (patch)
tree: fdcea6389b392a6b68c9a9c7f69479f8829737c2 /example
parent: Change static copying/ update readme (diff)
download: schwa-0a0649baafd381086de630dc8f475782c74f6f6f.tar.gz
schwa-0a0649baafd381086de630dc8f475782c74f6f6f.zip
2 files changed, 122 insertions, 0 deletions
diff --git a/example/style.css b/example/style.css
new file mode 100644
index 0000000..9e48064
--- /dev/null
+++ b/example/style.css

@@ -0,0 +1,91 @@
+/* schwa example style */
+* { box-sizing: border-box; }
+body {
+    width: fit-content;
+    margin: auto;
+    padding: 1em;
+    background: gray;
+}
+main {
+    min-width: 40em;
+    background: white;
+    padding: 1em;
+    margin: 0;
+    border: 2px outset black;
+    border-top: none;
+}
+.ll {
+    display: inline-block;
+    width: 3em;
+    text-align: right;
+    padding-right: 0.5em;
+    margin-right: 0.5em;
+}
+header {
+    width: 100%;
+    color: white;
+    background: teal;
+    padding: 1em;
+    margin: 0;
+    border: 2px outset black;
+    border-bottom: none;
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+}
+header h1 {
+    margin: 4px;
+}
+footer, footer p {
+    margin: 0; padding: 4px;
+    text-align: right;
+    color: white;
+}
+footer a:link {
+    color: cyan;
+}
+footer a:visited {
+    color: magenta;
+}
+header a:link {
+    text-decoration: none;
+    background: lightgray;
+    color: black;
+    padding: 4px;
+    border: 2px outset gray;
+}
+header a:visited {
+    color: black;
+}
+header a:hover {
+    border: 2px inset gray;
+}
+header a:active {}
+nav ul {
+    padding: 0; margin: 0;
+}
+nav li {
+    display: inline-block;
+}
+.clone, .desc {
+    font-style: italic;
+    text-align: right;
+    margin: 0;
+}
+#readme {
+    max-width: 45em;
+}
diff --git a/example/template.html b/example/template.html
new file mode 100644
index 0000000..c67ae0d
--- /dev/null
+++ b/example/template.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>{{FILENAME}}</title>
+        <link rel="stylesheet" type="text/css" href="style.css">
+    </head>
+    <body>
+        <header>
+            <h1><!--NORMAL-->{{DIRECTORY}}/<!--/NORMAL-->{{FILENAME}}</h1>
+            <!--INDEX-->
+            {{DESCRIPTION}}
+            <!--/INDEX-->
+            <!--NORMAL-->
+            <nav>
+                <ul>
+                    <li><a href="/">index</a></li>
+                    <li><a href="{{RAWFILE}}">source</a></li>
+                </ul>
+            </nav>
+            <!--/NORMAL-->
+        </header>
+        <main>
+            {{CONTENT}}
+        </main>
+        <footer>
+            <p>(C) Case Duckworth. {{CLONE}}
+            </p>
+        </footer>
+    </body>
+</html>
author	Case Duckworth	2024-03-18 10:25:28 -0500
committer	Case Duckworth	2024-03-18 10:25:28 -0500
commit	0a0649baafd381086de630dc8f475782c74f6f6f (patch)
tree	fdcea6389b392a6b68c9a9c7f69479f8829737c2 /example
parent	Change static copying/ update readme (diff)
download	schwa-0a0649baafd381086de630dc8f475782c74f6f6f.tar.gz schwa-0a0649baafd381086de630dc8f475782c74f6f6f.zip

diff --git a/example/style.css b/example/style.css new file mode 100644 index 0000000..9e48064 --- /dev/null +++ b/example/style.css
@@ -0,0 +1,91 @@
	1	/* schwa example style */
	2
	3	* { box-sizing: border-box; }
	4
	5	body {
	6	width: fit-content;
	7	margin: auto;
	8	padding: 1em;
	9	background: gray;
	10	}
	11
	12	main {
	13	min-width: 40em;
	14	background: white;
	15	padding: 1em;
	16	margin: 0;
	17	border: 2px outset black;
	18	border-top: none;
	19	}
	20
	21	.ll {
	22	display: inline-block;
	23	width: 3em;
	24	text-align: right;
	25	padding-right: 0.5em;
	26	margin-right: 0.5em;
	27	}
	28
	29	header {
	30	width: 100%;
	31	color: white;
	32	background: teal;
	33	padding: 1em;
	34	margin: 0;
	35	border: 2px outset black;
	36	border-bottom: none;
	37	display: flex;
	38	align-items: baseline;
	39	justify-content: space-between;
	40	}
	41
	42	header h1 {
	43	margin: 4px;
	44	}
	45
	46	footer, footer p {
	47	margin: 0; padding: 4px;
	48	text-align: right;
	49	color: white;
	50	}
	51
	52	footer a:link {
	53	color: cyan;
	54	}
	55
	56	footer a:visited {
	57	color: magenta;
	58	}
	59
	60	header a:link {
	61	text-decoration: none;
	62	background: lightgray;
	63	color: black;
	64	padding: 4px;
	65	border: 2px outset gray;
	66	}
	67	header a:visited {
	68	color: black;
	69	}
	70	header a:hover {
	71	border: 2px inset gray;
	72	}
	73	header a:active {}
	74
	75	nav ul {
	76	padding: 0; margin: 0;
	77	}
	78
	79	nav li {
	80	display: inline-block;
	81	}
	82
	83	.clone, .desc {
	84	font-style: italic;
	85	text-align: right;
	86	margin: 0;
	87	}
	88
	89	#readme {
	90	max-width: 45em;
	91	}


diff --git a/example/template.html b/example/template.html new file mode 100644 index 0000000..c67ae0d --- /dev/null +++ b/example/template.html
@@ -0,0 +1,31 @@
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta charset="utf-8">
	5	<title>{{FILENAME}}</title>
	6	<link rel="stylesheet" type="text/css" href="style.css">
	7	</head>
	8	<body>
	9	<header>
	10	<h1><!--NORMAL-->{{DIRECTORY}}/<!--/NORMAL-->{{FILENAME}}</h1>
	11	<!--INDEX-->
	12	{{DESCRIPTION}}
	13	<!--/INDEX-->
	14	<!--NORMAL-->
	15	<nav>
	16	<ul>
	17	<li><a href="/">index</a></li>
	18	<li><a href="{{RAWFILE}}">source</a></li>
	19	</ul>
	20	</nav>
	21	<!--/NORMAL-->
	22	</header>
	23	<main>
	24	{{CONTENT}}
	25	</main>
	26	<footer>
	27	<p>(C) Case Duckworth. {{CLONE}}
	28	</p>
	29	</footer>
	30	</body>
	31	</html>