From 201a37e8d3d0ef4c59b184c0707ec8ddd301a25a Mon Sep 17 00:00:00 2001 From: "Adam T. Carpenter" Date: Fri, 9 Apr 2021 18:50:55 -0400 Subject: spruced up templates, some repo impl --- artifacts/ui-demo.html | 119 ++++++++++++++++++++++++++++--------------------- 1 file changed, 68 insertions(+), 51 deletions(-) (limited to 'artifacts') diff --git a/artifacts/ui-demo.html b/artifacts/ui-demo.html index 6fe3a18..09dc9cb 100644 --- a/artifacts/ui-demo.html +++ b/artifacts/ui-demo.html @@ -11,6 +11,10 @@ padding: 0; } + .model::before { + content: "➥"; + } + .topbar { background-color: var(--balboa); box-shadow: 0 0 0.5em black; @@ -31,6 +35,10 @@ padding: 14px 14px; } + .topbar li.right { + float: right; + } + .topbar li a { color: white; text-decoration: none; @@ -42,38 +50,46 @@ z-index: -1; position: fixed; top: 3em; - left: -20%; + left: 0; width: 20%; height: 100%; transition: 0.25s; } - .sidebar ul { - list-style-type: none; + .sidebar button { + display: block; + background: none; + border: 0 none; + cursor: pointer; + color: white; } - .sidebar a { - color: white; - text-decoration: none; + .model { + margin-left: 20px; } - #menu:target .sidebar { - left: 0; + .model::before { + content: "➥"; } - .menuToggle a.closeMenu { - display: none; + #hidden:target .sidebar { + left: -20%; } - #menu:target .menuToggle a.closeMenu { - display: block; + + .menuToggle a.openMenu { + display: none; } - #menu:target .menuToggle a.openMenu { + #hidden:target .menuToggle a.closeMenu { display: none; } - #menu:target section { - margin-left: 20%; + #hidden:target .menuToggle a.openMenu { + display: block; + } + + #hidden:target section { + margin-left: 0; } .catalogTable { @@ -105,6 +121,7 @@ } section { + margin-left: 20%; transition: margin-left 0.25s; padding-top: 2em; padding-left: 2em; @@ -112,12 +129,12 @@ } - +
- +
- - - - - - - - + {{#each parts}} - - - - - - - - - - + + {{/each}}
MakeModelEngine CIDYear
HudsonWasp262ci1952
HudsonHornet308ci1953{{ this }}
-- cgit v1.2.3