about, documentation template
parent
5d79d8de1f
commit
a08dbfd48f
@ -0,0 +1,29 @@
|
||||
html, body{
|
||||
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
main {
|
||||
margin-top: 16px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 16px;
|
||||
margin: 16px 8px;
|
||||
}
|
||||
|
||||
.about {
|
||||
grid-column: 1 / span 2;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.colophon {
|
||||
grid-column: 3 / span 1;
|
||||
color: #aaa;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.colophon h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
@ -0,0 +1,42 @@
|
||||
html,
|
||||
body {
|
||||
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 16px;
|
||||
|
||||
}
|
||||
|
||||
main > * {
|
||||
max-width: 60ch;
|
||||
}
|
||||
|
||||
.toc {
|
||||
border: 1px solid black;
|
||||
display: inline-block;
|
||||
padding: 16px;
|
||||
margin: 32px 0;
|
||||
}
|
||||
|
||||
.toc a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.toc h3 {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.toc ol {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.section + .section {
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/global.css') }}" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/about.css') }}" />
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
|
||||
<span class="path-slash"> / </span>
|
||||
<h2 class="title">About</h2>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="about">
|
||||
Sit elit exercitation sint duis. Proident adipisicing fugiat tempor aliquip Lorem
|
||||
dolore. Officia qui enim ea tempor aliqua ut. Ex excepteur deserunt exercitation
|
||||
adipisicing amet fugiat deserunt. In deserunt laboris elit nisi nulla duis eiusmod.
|
||||
Ullamco duis officia sint eu adipisicing quis ex adipisicing fugiat excepteur nulla
|
||||
sint voluptate. Proident reprehenderit adipisicing anim qui et nisi. Deserunt quis
|
||||
elit esse voluptate excepteur irure Lorem et consequat aute. Lorem exercitation
|
||||
Lorem Lorem id reprehenderit incididunt mollit dolore duis. Et culpa sint
|
||||
reprehenderit sunt ullamco nostrud qui minim laborum non.
|
||||
</div>
|
||||
|
||||
<div class="colophon">
|
||||
<h3>Colophon</h3>
|
||||
Cillum proident deserunt laborum anim culpa nisi et veniam ex laboris reprehenderit.
|
||||
Eu nulla voluptate magna anim fugiat incididunt ullamco mollit mollit aliqua veniam
|
||||
exercitation ut. Nulla aute aliquip Lorem laborum.
|
||||
<br />
|
||||
<br />
|
||||
A project by Supi Kamo etc <br />
|
||||
<a href="https://git.xpub.nl/supisara/workbook">git</a>, license
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/global.css') }}" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/documentation.css') }}" />
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
|
||||
<span class="path-slash"> / </span>
|
||||
<h2 class="title">Documentation</h2>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<p>
|
||||
Veniam esse adipisicing esse velit reprehenderit irure laboris. Dolore et do
|
||||
cupidatat est officia voluptate ex sunt minim minim enim magna. Nostrud proident
|
||||
aliqua adipisicing non voluptate id ea incididunt laborum laboris mollit qui
|
||||
nostrud. Enim exercitation dolor nulla ea laboris proident adipisicing incididunt
|
||||
nulla dolore cupidatat.
|
||||
</p>
|
||||
|
||||
<div class="toc">
|
||||
<h3>Table of contents</h3>
|
||||
<ol>
|
||||
<li><a href="#intro">Intro</a></li>
|
||||
<li><a href="#quick">Quick Start</a></li>
|
||||
<li><a href="#instrument">Add Instrument</a></li>
|
||||
<li><a href="#patch">Add Patch</a></li>
|
||||
<li><a href="#snippet">Add Snippet</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h3 id="intro">Intro</h3>
|
||||
<p>
|
||||
Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
|
||||
ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
|
||||
Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
|
||||
deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
|
||||
ea.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 id="quick">Quick Start</h3>
|
||||
<p>
|
||||
Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
|
||||
ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
|
||||
Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
|
||||
deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
|
||||
ea.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 id="instrument">Add Instrument</h3>
|
||||
<p>
|
||||
Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
|
||||
ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
|
||||
Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
|
||||
deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
|
||||
ea.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 id="patch">Add Patch</h3>
|
||||
<p>
|
||||
Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
|
||||
ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
|
||||
Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
|
||||
deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
|
||||
ea.
|
||||
</p>
|
||||
</div>
|
||||
<div class="section">
|
||||
<h3 id="snippet">Add Snippet</h3>
|
||||
<p>
|
||||
Exercitation ex culpa officia qui sint id sit nostrud. Deserunt nulla sunt
|
||||
ullamco est anim in amet. Nostrud officia adipisicing dolore elit anim sit.
|
||||
Deserunt fugiat pariatur quis nulla magna officia amet consectetur. Tempor
|
||||
deserunt cillum labore eu duis adipisicing aliqua ad. Eiusmod ea enim officia ut
|
||||
ea.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,50 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/global.css') }}" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/home.css') }}" />
|
||||
<script src="{{ url_for('static', filename='js/cables.js') }}" defer></script>
|
||||
<title>modbook</title>
|
||||
</head>
|
||||
<body>
|
||||
<main class="homepanel">
|
||||
<!-- SVG CONTAINER FOR THE CABLES -->
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
version="1.1"
|
||||
id="svgElement"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="500px"
|
||||
height="500px"
|
||||
viewBox="0 0 500 500"
|
||||
enable-background="new 0 0 500 500"
|
||||
xml:space="preserve"
|
||||
></svg>
|
||||
|
||||
<!-- OUT -->
|
||||
<div class="socket" style="top: 10%; left: 10%">
|
||||
<span class="plug out"></span>
|
||||
<label>Workbook</label>
|
||||
</div>
|
||||
|
||||
<div class="socket" style="top: 20%; left: 5%">
|
||||
<span class="plug out"></span>
|
||||
<label>About</label>
|
||||
</div>
|
||||
|
||||
<div class="socket" style="top: 30%; left: 10%">
|
||||
<span class="plug out"></span>
|
||||
<label> Test</label>
|
||||
</div>
|
||||
|
||||
<!-- IN -->
|
||||
<div class="socket" style="bottom: 40%; right: 20%">
|
||||
<span class="plug in" id="enter"></span>
|
||||
<label>Enter</label>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Workbook - Instruments</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/global.css') }}" />
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/workbook.css') }}" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
|
||||
<span class="path-slash"> / </span>
|
||||
<h2 class="title">Instruments</h2>
|
||||
<div class="search">
|
||||
<svg
|
||||
class="icon"
|
||||
width="31"
|
||||
height="33"
|
||||
viewBox="0 0 31 33"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<line
|
||||
x1="20.0607"
|
||||
y1="22.9393"
|
||||
x2="29.0607"
|
||||
y2="31.9393"
|
||||
stroke="currentColor"
|
||||
stroke-width="3"
|
||||
/>
|
||||
<circle cx="13" cy="13" r="11.5" stroke="currentColor" stroke-width="3" />
|
||||
</svg>
|
||||
<input type="text" name="search" id="search" />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<ul class="instruments list">
|
||||
<li class="card">
|
||||
<a href="{{url_for('add_instrument')}}">
|
||||
<svg
|
||||
width="48"
|
||||
height="48"
|
||||
viewBox="0 0 48 48"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<line
|
||||
x1="25"
|
||||
y1="4.37114e-08"
|
||||
x2="25"
|
||||
y2="48"
|
||||
stroke="currentColor"
|
||||
stroke-width="3"
|
||||
/>
|
||||
<line
|
||||
x1="48"
|
||||
y1="25"
|
||||
x2="-8.74228e-08"
|
||||
y2="25"
|
||||
stroke="currentColor"
|
||||
stroke-width="3"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{% for instrument in instruments %}
|
||||
<li class="card">
|
||||
<a href="{{url_for('patches', instrument=instrument['slug'])}}"
|
||||
>{{instrument['name']}}</a
|
||||
>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue