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 @@
-
-
+
diff --git a/templates/patch.html b/templates/patch.html
index 1ba0a03..a02daac 100644
--- a/templates/patch.html
+++ b/templates/patch.html
@@ -43,6 +43,12 @@
{{panel|safe}} {% if patch['cables'] %} {{patch['cables']|safe}} {% endif %}
+
+
-
01
diff --git a/templates/patches.html b/templates/patches.html
index fbbf1d0..a399a86 100644
--- a/templates/patches.html
+++ b/templates/patches.html
@@ -43,7 +43,7 @@