Graph for front page
This commit is contained in:
Magnus Åhall
parent
c82c770246
commit
0a7130f315
109
static/css/index.css
Normal file
109
static/css/index.css
Normal file
@ -0,0 +1,109 @@
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
[onClick] {
|
||||
cursor: pointer;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
background: #282828;
|
||||
font-family: sans-serif;
|
||||
font-weight: 300;
|
||||
color: #d5c4a1;
|
||||
font-size: 11pt;
|
||||
}
|
||||
h1,
|
||||
h2 {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
h1:first-child,
|
||||
h2:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
color: #fb4934;
|
||||
font-weight: 500;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
color: #b8bb26;
|
||||
font-weight: 500;
|
||||
}
|
||||
a {
|
||||
color: #3f9da1;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
b {
|
||||
font-weight: 500;
|
||||
}
|
||||
input[type="text"],
|
||||
textarea,
|
||||
select {
|
||||
font-family: monospace;
|
||||
background: #202020;
|
||||
color: #d5c4a1;
|
||||
padding: 4px 8px;
|
||||
border: none;
|
||||
font-size: 1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
button {
|
||||
background: #202020;
|
||||
color: #d5c4a1;
|
||||
padding: 8px 32px;
|
||||
border: 1px solid #535353;
|
||||
font-size: 1em;
|
||||
height: 3em;
|
||||
}
|
||||
button:focus {
|
||||
background: #333;
|
||||
}
|
||||
.line {
|
||||
grid-column: 1 / -1;
|
||||
border-bottom: 1px solid #4e4e4e;
|
||||
}
|
||||
span.date {
|
||||
color: #d5c4a1;
|
||||
font-weight: 500;
|
||||
}
|
||||
span.time {
|
||||
font-size: 0.9em;
|
||||
color: #d5c4a1;
|
||||
}
|
||||
span.seconds {
|
||||
display: none;
|
||||
}
|
||||
label {
|
||||
user-select: none;
|
||||
}
|
||||
.description {
|
||||
border: 1px solid #737373;
|
||||
color: #3f9da1;
|
||||
background: #202020;
|
||||
padding: 4px 8px;
|
||||
margin-top: 8px;
|
||||
white-space: nowrap;
|
||||
width: min-content;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.graph {
|
||||
margin-top: 32px;
|
||||
padding: 32px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
74
static/images/graph.drawio
Normal file
74
static/images/graph.drawio
Normal file
@ -0,0 +1,74 @@
|
||||
<mxfile host="diagram.gibonuddevalla.se" modified="2024-05-28T07:01:30.734Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36" etag="IzgduD7-UatzOZqbsfbX" version="21.6.5" type="device">
|
||||
<diagram name="Page-1" id="15J0dj6b0bNp4ZTDu6Jz">
|
||||
<mxGraphModel dx="1559" dy="851" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#282828" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-1" target="6iYvWcahTxhKiNLBI2mX-3">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-1" value="<b>Datapoint</b><br><font style="font-size: 12px;">/entry/&lt;name&gt;</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
|
||||
<mxGeometry x="120" y="250" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-2" target="6iYvWcahTxhKiNLBI2mX-17">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-2" value="<b>Problem</b><br><font style="font-size: 12px;">is raised</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
|
||||
<mxGeometry x="520" y="250" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-23" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;labelBackgroundColor=none;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-3" target="6iYvWcahTxhKiNLBI2mX-2">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-35" value="&nbsp;true&nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontFamily=Helvetica;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=#282828;" vertex="1" connectable="0" parent="6iYvWcahTxhKiNLBI2mX-23">
|
||||
<mxGeometry x="-0.345" y="-2" relative="1" as="geometry">
|
||||
<mxPoint x="-2" y="-24" as="offset" />
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-37" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-3" target="6iYvWcahTxhKiNLBI2mX-36">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-40" value="&nbsp;false&nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontFamily=Helvetica;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=#282828;" vertex="1" connectable="0" parent="6iYvWcahTxhKiNLBI2mX-37">
|
||||
<mxGeometry x="0.3027" y="-1" relative="1" as="geometry">
|
||||
<mxPoint y="-15" as="offset" />
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-3" value="<b>Trigger</b><br><font style="font-size: 12px;">is evaluated</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
|
||||
<mxGeometry x="320" y="290" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-7" value="" style="endArrow=classic;html=1;rounded=0;fontFamily=Helvetica;fontSize=14;fontColor=default;entryX=0;entryY=0.5;entryDx=0;entryDy=0;sketch=1;curveFitting=1;jiggle=2;strokeColor=#82b366;fillColor=#d5e8d4;" edge="1" parent="1" target="6iYvWcahTxhKiNLBI2mX-1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="40" y="280" as="sourcePoint" />
|
||||
<mxPoint x="30" y="319.5" as="targetPoint" />
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-8" value="&nbsp;Data&nbsp;" style="edgeLabel;resizable=0;html=1;align=center;verticalAlign=middle;rounded=0;sketch=1;jiggle=2;curveFitting=1;strokeColor=default;strokeWidth=2;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;fillColor=default;labelBackgroundColor=#282828;" connectable="0" vertex="1" parent="6iYvWcahTxhKiNLBI2mX-7">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-17" value="<b>Notification</b><br><font style="font-size: 12px;">is sent</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
|
||||
<mxGeometry x="720" y="290" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-31" target="6iYvWcahTxhKiNLBI2mX-3">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-31" value="<b>Datapoint</b><br><font style="font-size: 12px;">/entry/&lt;name&gt;</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fillStyle=solid;fontColor=#DBDBDB;" vertex="1" parent="1">
|
||||
<mxGeometry x="120" y="330" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-32" value="" style="endArrow=classic;html=1;rounded=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;strokeColor=#82b366;fillColor=#d5e8d4;" edge="1" parent="1" target="6iYvWcahTxhKiNLBI2mX-31">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
<mxPoint x="40" y="360" as="sourcePoint" />
|
||||
<mxPoint x="120" y="369.5" as="targetPoint" />
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-33" value="&nbsp;Data&nbsp;" style="edgeLabel;resizable=0;html=1;align=center;verticalAlign=middle;rounded=0;sketch=1;jiggle=2;curveFitting=1;strokeColor=default;strokeWidth=2;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;fillColor=default;labelBackgroundColor=#282828;" connectable="0" vertex="1" parent="6iYvWcahTxhKiNLBI2mX-32">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-36" target="6iYvWcahTxhKiNLBI2mX-17">
|
||||
<mxGeometry relative="1" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="6iYvWcahTxhKiNLBI2mX-36" value="<b>Problem</b><br><font style="font-size: 12px;">is resolved</font>" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
|
||||
<mxGeometry x="520" y="340" width="120" height="60" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
4
static/images/graph.svg
Normal file
4
static/images/graph.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 28 KiB |
7
static/less/index.less
Normal file
7
static/less/index.less
Normal file
@ -0,0 +1,7 @@
|
||||
@import "theme.less";
|
||||
|
||||
.graph {
|
||||
margin-top: 32px;
|
||||
padding: 32px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
@ -1,4 +1,5 @@
|
||||
{{ define "page" }}
|
||||
<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/index.css">
|
||||
|
||||
<div style="float: left;">
|
||||
<img src="/images/{{ .VERSION }}/logo_selected.svg" style="width: 64px; margin-right: 32px;">
|
||||
@ -7,6 +8,10 @@
|
||||
<div style="float: left;">
|
||||
<h1>SMon</h1>
|
||||
<h2>{{ .VERSION }}</h2>
|
||||
|
||||
<div class="graph">
|
||||
<img src="/images/{{ .VERSION }}/graph.svg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user