diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..66544f0 Binary files /dev/null and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index 467df2c..19b18f1 100644 --- a/.gitignore +++ b/.gitignore @@ -6,4 +6,5 @@ static/snippets/ !static/panels static/panels/* -!static/panels/test_instrument.svg \ No newline at end of file +!static/panels/test_instrument.svg +!static/panels/template.zip \ No newline at end of file diff --git a/static/.DS_Store b/static/.DS_Store new file mode 100644 index 0000000..47a685e Binary files /dev/null and b/static/.DS_Store differ diff --git a/static/css/add.css b/static/css/add.css new file mode 100644 index 0000000..f065b9f --- /dev/null +++ b/static/css/add.css @@ -0,0 +1,53 @@ +main { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 16px; + font-size: 24px; + line-height: 1.4; +} + +input, +textarea { + display: block; + width: 100%; + font-size: 24px; + line-height: 1.4; + border: 1px solid currentColor; + padding: 8px; + font-family: sans-serif; +} + +form > * + * { + margin-top: 16px; +} + +input[type="submit"] { + display: inline-block; + cursor: pointer; + background: none; + width: auto; +} + +input[type="submit"]:hover { + background-color: gray; +} + +#panel-container { + grid-column: span 2; + border: 1px solid currentColor; +} + +.preview { + position: absolute; + top: 8px; + left: 8px; + opacity: 0.5; +} + +main a { + opacity: 0.5; +} + +main a:hover { + opacity: 1; +} diff --git a/static/panels/template.zip b/static/panels/template.zip new file mode 100644 index 0000000..d4983c5 Binary files /dev/null and b/static/panels/template.zip differ diff --git a/templates/add_instrument.html b/templates/add_instrument.html index ec45200..7012527 100644 --- a/templates/add_instrument.html +++ b/templates/add_instrument.html @@ -10,6 +10,8 @@ + + @@ -18,15 +20,40 @@