You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
1.4 KiB
HTML

<!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/workbook.css') }}" />
<script src="{{ url_for('static', filename='js/cables.js') }}" defer></script>
<title>Workbook</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>
<div class="how-to">
Connect <span class="plug out"></span> to <span class="plug in"></span>
</div>
<!-- OUT -->
<div class="socket" style="top: 10%; left: 10%">
<span class="plug out"></span>
<label>Instruments</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: 15%">
<span class="plug out"></span>
<label>Documentation</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>