Static files.

Commit
3aee6067123cd8afd985f68847e6bb476a853bb0
Author
Marius Peter <marius.peter@tutanota.com>
Author date
Committer
Marius Peter <marius.peter@tutanota.com>
Committer date
Changed files
app/static/fonts/CourierPrime-Bold.ttf
index 00000000..1b0888c2 000000..100644

Binary files differ

app/static/fonts/CourierPrime-BoldItalic.ttf
index 00000000..d4e71869 000000..100644

Binary files differ

app/static/fonts/CourierPrime-Italic.ttf
index 00000000..75a1343d 000000..100644

Binary files differ

app/static/fonts/CourierPrime-Regular.ttf
index 00000000..db4e6c14 000000..100644

Binary files differ

app/static/fonts/Inconsolata.otf
index 00000000..34888982 000000..100644

Binary files differ

app/static/img/logo.png
index 00000000..5ad76eb6 000000..100644

Binary files differ

app/static/styles/style.css
index 402e8029..d2bf8e7b 100644..100644
@@ -1,3 +1,6 @@
1 Added: /* -*- mode: web; -*- */
2 Added:
3 Added:
1 4 :root {
2 5 --primary-color: #003B5C;
3 6 --secondary-color: #C3D7EE;
@@ -43,43 +46,72 @@
43 46 src: url("/static/fonts/Inconsolata.otf");
44 47 }
45 48
49 Added:
50 Added: h1 {
51 Added: margin: 0.25em;
52 Added: }
53 Added:
46 54 nav {
47 Removed: display: flex;
55 Added: /* display: flex; */
48 56 background: darkgrey;
49 57 color: white;
50 58 /* margin: 0.5em; */
51 Removed: padding: 0.5em;
59 Added: padding: 0 0.5em;
60 Added: /* justify-content: space-between; */
61 Added: }
62 Added:
63 Added: nav#user {
64 Added: /* background: red; */
65 Added: display: flex;
52 66 justify-content: space-between;
53 67 }
54 68
55 Removed: h1 {
56 Removed: margin: 0;
69 Added: nav#user ul {
70 Added: justify-content: end;
57 71 }
58 72
73 Added: nav#modules {
74 Added: /* left: 0; */
75 Added: }
76 Added:
77 Added: nav#actions {
78 Added: top: 0;
79 Added: position: sticky;
80 Added: }
81 Added:
82 Added:
59 83 nav ul {
60 84 display: flex;
61 85 flex-wrap: wrap;
62 86 margin: 0;
63 Removed: justify-content: right;
87 Added: padding: 0.25em 0;
64 88 list-style: none;
65 89 }
66 90
67 91 nav ul li {
68 Removed: margin: 0 0 0.5em 0;
69 Removed: padding: 0.5em 0;
92 Added: margin: 0.25em;
93 Added: /* margin: 0 0 0.5em 0; */
94 Added: /* padding: 0.5em 0; */
70 95 }
71 96
97 Added:
98 Added:
99 Added:
72 100 .button {
73 Removed: height: 1em;
101 Added: display: inline-block;
74 102 padding: 0.5em;
75 Removed: margin: 0 0.5em;
76 103 background: dimgray;
77 104 color: white;
78 Removed: border-radius: 8px;
105 Added: border-radius: 12px;
79 106 text-decoration: none;
80 107 border: 1px dimgray solid;
81 108 }
82 109
110 Added: .button-light {
111 Added: background: white;
112 Added: color: dimgray;
113 Added: }
114 Added:
83 115 .button:hover {
84 116 background: white;
85 117 color: black;
@@ -103,43 +135,50 @@
103 135 background: lightgray;
104 136 }
105 137
106 Removed: #actions {
107 Removed: background: darkgray;
108 Removed: padding: 1em 0.5em;
109 Removed: top: 0;
110 Removed: position: sticky;
111 Removed: }
112 Removed:
113 Removed: .flashes {
138 Added: #flash {
114 139 position: fixed;
115 Removed: width: 30%;
140 Added: max-width: 16em;
116 141 bottom: 0;
117 142 right: 0;
118 Removed: margin: 1em;
143 Added: padding: 0 0.5em;
144 Added: }
145 Added:
146 Added: #flash ul {
147 Added: margin: 0;
148 Added: padding: 0.25em 0;
119 149 list-style-type: none;
120 Removed: padding: 0;
121 150 }
122 151
152 Added: #flash ul li {
153 Added: margin: 0.25em;
154 Added: }
155 Added:
123 156 @keyframes fadeIn {
124 Removed: 0% {
125 Removed: opacity: 0;
126 Removed: transform: translateY(100%);
127 Removed: }
128 Removed: 100% {
129 Removed: opacity: 0.7;
130 Removed: transform: translateY(0);
131 Removed: }
157 Added: 0% {
158 Added: opacity: 0;
159 Added: transform: translateY(100%);
160 Added: }
161 Added: 100% {
162 Added: opacity: 0.8;
163 Added: transform: translateY(0);
164 Added: }
132 165 }
133 166
134 167 .alert {
135 168 padding: 1em;
169 Added: margin: 0.5em;
136 170 border-radius: 8px;
137 Removed: margin: 1em;
138 Removed: border: 1px dimgray solid;
139 Removed: opacity: 0.7;
171 Added: /* border: 1px dimgray solid; */
172 Added: opacity: 0.8;
140 173 animation: 0.5s ease-out 0s 1 fadeIn;
141 174 }
142 175
176 Added: /* The default alert category */
177 Added: .alert-message {
178 Added: background: cornflowerblue;
179 Added: color: black;
180 Added: }
181 Added:
143 182 .alert-info {
144 183 background: darkblue;
145 184 color: white;
@@ -153,4 +192,8 @@
153 192 fieldset {
154 193 margin: 0 auto;
155 194 width: 12em;
195 Added: }
196 Added:
197 Added: .latest-target {
198 Added: background: gold;
156 199 }