From 3c884f990d7e46d68767b060746ed08db1ce14cc Mon Sep 17 00:00:00 2001 From: "kam (from the studio)" Date: Wed, 28 Sep 2022 17:39:32 +0200 Subject: [PATCH] renaming --- static/css/about.css | 4 +- static/css/global.css | 9 ++++ static/css/home.css | 35 ---------------- static/css/instruments.css | 65 +++++++++++++++++++++++++++++ static/css/patch.css | 10 +++-- static/css/workbook.css | 85 ++++++++++++++++---------------------- templates/instruments.html | 8 ++-- templates/patch.html | 6 +++ templates/patches.html | 7 +++- templates/workbook.html | 6 ++- 10 files changed, 139 insertions(+), 96 deletions(-) delete mode 100644 static/css/home.css create mode 100644 static/css/instruments.css diff --git a/static/css/about.css b/static/css/about.css index 3ebab4b..468fc37 100644 --- a/static/css/about.css +++ b/static/css/about.css @@ -1,5 +1,5 @@ html, body{ - + font-size: 24px; line-height: 1.4; } @@ -20,7 +20,7 @@ main { .colophon { grid-column: 3 / span 1; - color: #aaa; + color: gray; font-size: 16px; } diff --git a/static/css/global.css b/static/css/global.css index d720c5f..69af073 100644 --- a/static/css/global.css +++ b/static/css/global.css @@ -12,6 +12,15 @@ a { text-decoration: none; } +a.stretched:after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + header a:hover { opacity: .5; } diff --git a/static/css/home.css b/static/css/home.css deleted file mode 100644 index 42e7b64..0000000 --- a/static/css/home.css +++ /dev/null @@ -1,35 +0,0 @@ -.homepanel .socket { - position: absolute; -} - -.socket .plug { - display: inline-block; - width: 24px; - height: 24px; - border: 1px solid currentColor; - cursor: alias; - position: relative; - z-index: 50; - background: none; - - user-select: none; - vertical-align: middle; -} - -.plug.out { - border-radius: 50%; -} - -.socket label { - text-transform: uppercase; - line-height: 1; -} - -svg { - position: absolute; - top: 0; - left: 0; - /* border: 1px solid currentColor; */ - width: 100%; - height: 100%; -} diff --git a/static/css/instruments.css b/static/css/instruments.css new file mode 100644 index 0000000..3ec2c6d --- /dev/null +++ b/static/css/instruments.css @@ -0,0 +1,65 @@ + + +main { + padding: 0 8px; +} + +.list { + padding: 0; + display: grid; + + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + + gap: 16px; +} + +.card { + /* transform: skew(14deg); */ + aspect-ratio: 1; + border: 1px solid currentColor; + padding: 32px; + font-stretch: 50%; + + display: flex; + justify-content: center; + align-items: center; + + font-size: 32px; + text-align: center; + + position: relative; +} + +.card:hover { + background-color: grey; +} + +.card > * { + /* transform: skew(-28deg); */ +} + +.card svg { + width: 32px; + height: 32px; +} + +@media (max-width: 767px) { + header { + display: block; + font-size: 28px; + } + + header .title { + display: inline; + font-size: 28px; + } + + .search { + margin-top: 16px; + display: block; + } + + .search input { + font-size: 28px; + } +} diff --git a/static/css/patch.css b/static/css/patch.css index f3e9580..3bb9fcc 100644 --- a/static/css/patch.css +++ b/static/css/patch.css @@ -50,10 +50,14 @@ flex-shrink: 1; } -.print svg { - background-color: white; +.print { + background: none; border: 1px solid currentColor; - padding: 4px; + background-color: white; + padding: 0px; +} + +.print svg { width: 32px; height: 32px; display: inline-block; diff --git a/static/css/workbook.css b/static/css/workbook.css index 071d28b..b1fc8af 100644 --- a/static/css/workbook.css +++ b/static/css/workbook.css @@ -1,63 +1,48 @@ - - -main { - padding: 0 8px; -} - -.list { - padding: 0; - display: grid; - - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - - gap: 16px; +.homepanel .socket { + position: absolute; } -.card { - /* transform: skew(14deg); */ - aspect-ratio: 1; +.plug { + display: inline-block; + width: 24px; + height: 24px; border: 1px solid currentColor; - padding: 32px; - font-stretch: 50%; + cursor: alias; + position: relative; + z-index: 50; + background: none; - display: flex; - justify-content: center; - align-items: center; - - font-size: 32px; - text-align: center; + user-select: none; + vertical-align: middle; } -.card:hover { - background-color: grey; +.plug.out { + border-radius: 50%; } -.card > * { - /* transform: skew(-28deg); */ +.socket label { + text-transform: uppercase; + line-height: 1; } -.card svg { - width: 32px; - height: 32px; +svg { + position: absolute; + top: 0; + left: 0; + /* border: 1px solid currentColor; */ + width: 100%; + height: 100%; } -@media (max-width: 767px) { - header { - display: block; - font-size: 28px; - } - - header .title { - display: inline; - font-size: 28px; - } - - .search { - margin-top: 16px; - display: block; - } - - .search input { - font-size: 28px; - } +.how-to { + font-size: 24px; + color: gray; + position: absolute; + bottom: 16px; + left: 16px; + pointer-events: none; } + +.how-to > * { + margin: 0 4px; +} \ No newline at end of file diff --git a/templates/instruments.html b/templates/instruments.html index df9bc8e..dc07576 100644 --- a/templates/instruments.html +++ b/templates/instruments.html @@ -5,7 +5,7 @@ Workbook - Instruments - +
@@ -38,7 +38,7 @@