diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..1cb2413 --- /dev/null +++ b/static/css/index.css @@ -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; +} diff --git a/static/images/graph.drawio b/static/images/graph.drawio new file mode 100644 index 0000000..1f93f5a --- /dev/null +++ b/static/images/graph.drawio @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/graph.svg b/static/images/graph.svg new file mode 100644 index 0000000..8915efe --- /dev/null +++ b/static/images/graph.svg @@ -0,0 +1,4 @@ + + + +
Datapoint
/entry/<name>
Datapoint...
Problem
is raised
Problem...
 true 
 true 
 false 
 false 
Trigger
is evaluated
Trigger...
 Data 
 Data 
Notification
is sent
Notification...
Datapoint
/entry/<name>
Datapoint...
 Data 
 Data 
Problem
is resolved
Problem...
Text is not SVG - cannot display
\ No newline at end of file diff --git a/static/less/index.less b/static/less/index.less new file mode 100644 index 0000000..7c65786 --- /dev/null +++ b/static/less/index.less @@ -0,0 +1,7 @@ +@import "theme.less"; + +.graph { + margin-top: 32px; + padding: 32px; + border-radius: 16px; +} diff --git a/views/pages/index.gotmpl b/views/pages/index.gotmpl index 7e6e275..413e8b8 100644 --- a/views/pages/index.gotmpl +++ b/views/pages/index.gotmpl @@ -1,4 +1,5 @@ {{ define "page" }} +
@@ -7,6 +8,10 @@

SMon

{{ .VERSION }}

+ +
+ +
{{ end }}