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 @@ New instrument -
- - - - +
+ Workbook + / + Instruments + / +

Add

+
+
+ + + + + + + + - - - -
+

+ The file format for the panel is SVG. Read the + guidelines + in the documentation or start from the + template. +

+ +
+ Preview +
+
diff --git a/templates/add_patch.html b/templates/add_patch.html index f32c638..d41a109 100644 --- a/templates/add_patch.html +++ b/templates/add_patch.html @@ -8,6 +8,12 @@ href="{{ url_for('static', filename='css/global.css') }}" /> + + @@ -16,24 +22,38 @@ Add new patch for {{instrument['name']}} -
- - - - - - - - - - - - - - +
+ Workbook + / + Instruments + / + + {{instrument['name']}} + + / +

Add

+
+ +
+ + + + + + + + + + + + +
{{panel|safe}}
- +