add pages style

db
km0 2 years ago
parent 2a6b2af146
commit 5d9c36ba5d

BIN
.DS_Store vendored

Binary file not shown.

1
.gitignore vendored

@ -7,3 +7,4 @@ static/snippets/
!static/panels
static/panels/*
!static/panels/test_instrument.svg
!static/panels/template.zip

BIN
static/.DS_Store vendored

Binary file not shown.

@ -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;
}

Binary file not shown.

@ -10,6 +10,8 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/home.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/panel.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/add.css') }}" />
<script src="{{ url_for('static', filename='js/input-knobs.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/panel.js') }}" defer></script>
@ -18,15 +20,40 @@
<title>New instrument</title>
</head>
<body>
<form method="POST" enctype="multipart/form-data">
<input type="text" name="name" placeholder="Name" />
<textarea name="description" cols="30" rows="10" placeholder="description"></textarea>
<input type="hidden" name="params" />
<input type="hidden" name="sockets" />
<header>
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
<span class="path-slash"> / </span>
<a href="{{url_for('instruments')}}" class="parent">Instruments</a>
<span class="path-slash"> / </span>
<h2 class="title">Add</h2>
</header>
<main>
<form method="POST" enctype="multipart/form-data">
<input type="text" name="name" placeholder="1. Name" />
<textarea
name="description"
cols="30"
rows="10"
placeholder="2. Description"
></textarea>
<input type="hidden" name="params" />
<input type="hidden" name="sockets" />
<input type="file" name="panel" accept=".svg" />
<input type="submit" value="Upload" />
<input type="file" name="panel" accept=".svg" />
<input type="submit" value="Add" />
</form>
<div id="panel-container"></div>
<p>
The file format for the panel is SVG. Read the
<a href="{{url_for('page', slug='documentation#guidelines')}}">guidelines </a>
in the documentation or start from the
<a href="{{url_for('static', filename='panels/template.zip')}}" class="parent"
>template</a
>.
</p>
</form>
<div id="panel-container">
<span class="preview">Preview</span>
</div>
</main>
</body>
</html>

@ -8,6 +8,12 @@
href="{{ url_for('static', filename='css/global.css') }}"
/>
<link
rel="stylesheet"
type="text/css"
href="{{ url_for('static', filename='css/add.css') }}"
/>
<script src="{{ url_for('static', filename='js/input-knobs.js') }}" defer></script>
<script src="{{ url_for('static', filename='js/panel.js') }}" defer></script>
@ -16,24 +22,38 @@
<title>Add new patch for {{instrument['name']}}</title>
</head>
<body>
<form method="POST" enctype="multipart/form-data">
<input type="text" name="name" placeholder="Name" />
<textarea name="description" cols="30" rows="10" placeholder="description"></textarea>
<input type="date" name="date" />
<!-- {% for param in instrument['params']%}
<input type="text" name="{{param}}" placeholder="{{param}}" />
{% endfor %} -->
<input type="hidden" name="cables" />
<input type="text" name="input" placeholder="Input" />
<input type="text" name="output" placeholder="Output" />
<input type="text" name="routing" placeholder="Routing" />
<input type="submit" value="Add" />
<header>
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
<span class="path-slash"> / </span>
<a href="{{url_for('instruments')}}" class="parent">Instruments</a>
<span class="path-slash"> / </span>
<a href="{{url_for('patches', instrument=instrument['slug'])}}" class="parent">
{{instrument['name']}}
</a>
<span class="path-slash"> / </span>
<h2 class="title">Add</h2>
</header>
<main>
<form method="POST" enctype="multipart/form-data">
<input type="text" name="name" placeholder="Name" />
<textarea
name="description"
cols="30"
rows="10"
placeholder="description"
></textarea>
<input type="date" name="date" />
<input type="hidden" name="cables" />
<input type="text" name="input" placeholder="Input" />
<input type="text" name="output" placeholder="Output" />
<input type="text" name="routing" placeholder="Routing" />
<input type="submit" value="Add" />
</form>
<div id="panel-container">{{panel|safe}}</div>
</form>
</main>
</body>
</html>

Loading…
Cancel
Save