summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--app/static/fonts/CourierPrime-Bold.ttfbin0 -> 91368 bytes
-rw-r--r--app/static/fonts/CourierPrime-BoldItalic.ttfbin0 -> 91908 bytes
-rw-r--r--app/static/fonts/CourierPrime-Italic.ttfbin0 -> 96196 bytes
-rw-r--r--app/static/fonts/CourierPrime-Regular.ttfbin0 -> 98156 bytes
-rw-r--r--app/static/fonts/Inconsolata.otfbin0 -> 58464 bytes
-rw-r--r--app/static/img/logo.pngbin0 -> 14121 bytes
-rw-r--r--app/static/styles/style.css107
7 files changed, 75 insertions, 32 deletions
diff --git a/app/static/fonts/CourierPrime-Bold.ttf b/app/static/fonts/CourierPrime-Bold.ttf
new file mode 100644
index 0000000..1b0888c
--- /dev/null
+++ b/app/static/fonts/CourierPrime-Bold.ttf
Binary files differ
diff --git a/app/static/fonts/CourierPrime-BoldItalic.ttf b/app/static/fonts/CourierPrime-BoldItalic.ttf
new file mode 100644
index 0000000..d4e7186
--- /dev/null
+++ b/app/static/fonts/CourierPrime-BoldItalic.ttf
Binary files differ
diff --git a/app/static/fonts/CourierPrime-Italic.ttf b/app/static/fonts/CourierPrime-Italic.ttf
new file mode 100644
index 0000000..75a1343
--- /dev/null
+++ b/app/static/fonts/CourierPrime-Italic.ttf
Binary files differ
diff --git a/app/static/fonts/CourierPrime-Regular.ttf b/app/static/fonts/CourierPrime-Regular.ttf
new file mode 100644
index 0000000..db4e6c1
--- /dev/null
+++ b/app/static/fonts/CourierPrime-Regular.ttf
Binary files differ
diff --git a/app/static/fonts/Inconsolata.otf b/app/static/fonts/Inconsolata.otf
new file mode 100644
index 0000000..3488898
--- /dev/null
+++ b/app/static/fonts/Inconsolata.otf
Binary files differ
diff --git a/app/static/img/logo.png b/app/static/img/logo.png
new file mode 100644
index 0000000..5ad76eb
--- /dev/null
+++ b/app/static/img/logo.png
Binary files differ
diff --git a/app/static/styles/style.css b/app/static/styles/style.css
index 402e802..d2bf8e7 100644
--- a/app/static/styles/style.css
+++ b/app/static/styles/style.css
@@ -1,3 +1,6 @@
+/* -*- mode: web; -*- */
+
+
:root {
--primary-color: #003B5C;
--secondary-color: #C3D7EE;
@@ -43,43 +46,72 @@ body {
src: url("/static/fonts/Inconsolata.otf");
}
+
+h1 {
+ margin: 0.25em;
+}
+
nav {
- display: flex;
+ /* display: flex; */
background: darkgrey;
color: white;
/* margin: 0.5em; */
- padding: 0.5em;
+ padding: 0 0.5em;
+ /* justify-content: space-between; */
+}
+
+nav#user {
+ /* background: red; */
+ display: flex;
justify-content: space-between;
}
-h1 {
- margin: 0;
+nav#user ul {
+ justify-content: end;
+}
+
+nav#modules {
+ /* left: 0; */
}
+nav#actions {
+ top: 0;
+ position: sticky;
+}
+
+
nav ul {
display: flex;
flex-wrap: wrap;
margin: 0;
- justify-content: right;
+ padding: 0.25em 0;
list-style: none;
}
nav ul li {
- margin: 0 0 0.5em 0;
- padding: 0.5em 0;
+ margin: 0.25em;
+ /* margin: 0 0 0.5em 0; */
+ /* padding: 0.5em 0; */
}
+
+
+
.button {
- height: 1em;
+ display: inline-block;
padding: 0.5em;
- margin: 0 0.5em;
background: dimgray;
color: white;
- border-radius: 8px;
+ border-radius: 12px;
text-decoration: none;
border: 1px dimgray solid;
}
+.button-light {
+ background: white;
+ color: dimgray;
+}
+
.button:hover {
background: white;
color: black;
@@ -103,43 +135,50 @@ table tr:nth-child(even) {
background: lightgray;
}
-#actions {
- background: darkgray;
- padding: 1em 0.5em;
- top: 0;
- position: sticky;
-}
-
-.flashes {
+#flash {
position: fixed;
- width: 30%;
+ max-width: 16em;
bottom: 0;
right: 0;
- margin: 1em;
+ padding: 0 0.5em;
+}
+
+#flash ul {
+ margin: 0;
+ padding: 0.25em 0;
list-style-type: none;
- padding: 0;
+}
+
+#flash ul li {
+ margin: 0.25em;
}
@keyframes fadeIn {
- 0% {
- opacity: 0;
- transform: translateY(100%);
- }
- 100% {
- opacity: 0.7;
- transform: translateY(0);
- }
+ 0% {
+ opacity: 0;
+ transform: translateY(100%);
+ }
+ 100% {
+ opacity: 0.8;
+ transform: translateY(0);
+ }
}
.alert {
padding: 1em;
+ margin: 0.5em;
border-radius: 8px;
- margin: 1em;
- border: 1px dimgray solid;
- opacity: 0.7;
+ /* border: 1px dimgray solid; */
+ opacity: 0.8;
animation: 0.5s ease-out 0s 1 fadeIn;
}
+/* The default alert category */
+.alert-message {
+ background: cornflowerblue;
+ color: black;
+}
+
.alert-info {
background: darkblue;
color: white;
@@ -154,3 +193,7 @@ fieldset {
margin: 0 auto;
width: 12em;
}
+
+.latest-target {
+ background: gold;
+}
Copyright 2019--2024 Marius PETER