From 5d9c36ba5db440a75417974163e9a93406ebd529 Mon Sep 17 00:00:00 2001 From: "kam (from the studio)" Date: Fri, 7 Oct 2022 14:09:10 +0200 Subject: [PATCH] add pages style --- .DS_Store | Bin 0 -> 6148 bytes .gitignore | 3 +- static/.DS_Store | Bin 0 -> 6148 bytes static/css/add.css | 53 ++++++++++++++++++++++++++++++++ static/panels/template.zip | Bin 0 -> 8990 bytes templates/add_instrument.html | 45 +++++++++++++++++++++------ templates/add_patch.html | 56 +++++++++++++++++++++++----------- 7 files changed, 129 insertions(+), 28 deletions(-) create mode 100644 .DS_Store create mode 100644 static/.DS_Store create mode 100644 static/css/add.css create mode 100644 static/panels/template.zip diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..66544f017c880eea9e05fd2d544a58a0a328c19d GIT binary patch literal 6148 zcmeHKOKQU~5S>X)F?8c)m%2i3AWV9KT%aX^PzWxxN!DKVTsd0ad^X1I&e?=FFnZEx zo`l}Q;}H?<&-=AVCn7D}P=0Ngo9&y=Y?ToO!g0o@>@M5y;rKNiX4!uSjQcD4-ZW$e#hzg+>MLt-uXFauu5Z literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..47a685ebc4a1b863ad1ed83894be911128adb217 GIT binary patch literal 6148 zcmeHK&x_MQ6n@jznruKK2(I8^z=IxosH|%hFQM)Vf}ohiJ@}(0o3PCiCnZU@hf)ZF zSI?qXf8f8N{t^Bk;#uFDnT1WGo`untb#& za*NtmPOOg&Rszpp|JYi9EOvH@)q;cNOzg!HrwbE&Hi1u;Hn`vZ#0_V~M6W~N!%3PH zWxxNGwc4E%-IJER=Ge|D$9e3JvzcE8<+K+W zkmE1_Y|9?G>+|`w>zh43*xXq3__KBH6j6mTeZ*iY z9NW3(c^WH)Djb+Td@y}yrcWqL-W~IENeAXBG^J6%C{S0Rtu9^K|F?gC{;vm_E2Dr> zV5Jmboh^TBh(pqQYh!S<*K+iy=w!sJ6v_}R^mZ&Ov=y(TOT#`+6+};Cr4U=t%#VPS L!4yV;f2zPw<%_8n literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..d4983c53858677395a114b0dac3123c24a5cd8d1 GIT binary patch literal 8990 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�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 ae?zY*0pSt;H}mPg(D^Ud{I?MR_ literal 0 HcmV?d00001 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}}
- +