5 files changed, 290 insertions, 0 deletions
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 0000000..31caa19
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,290 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+h1, h2, h3, h4 {
+  margin: 10px 0;
+}
+header, footer, section, nav {
+    display: block;
+}
+html, body {
+    height: 100%;
+}
+body {
+    font-family:Verdana, Geneva, sans-serif;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #717171;
+}
+a:link,
+a:visited {
+    color: #717171;
+    text-decoration: none;
+}
+a:hover {
+    color: #1BAAD7;
+}
+img {
+    max-width: 100%;
+    margin-bottom: 12px;
+}
+
+header {
+		background-color: #00a8d9;
+    width: 100%;
+}
+
+header img {
+  margin: 0;
+}
+
+form {
+    padding-bottom: 21px;
+}
+form label { /* labels are hidden */
+    font-weight: bold;
+}
+form legend {
+    font-size:1.2em;
+    margin-bottom: 12px;
+}
+.form-element-wrapper {
+    margin-bottom: 12px;
+    display: block;
+}
+.form-element {
+    width: 100%;
+    padding: 13px 12px;
+    box-sizing: border-box;
+    border: none;
+    font-size: 14px;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+}
+.form-field {
+    color: #B7B7B7;
+    border: 1px solid #B7B7B7;
+}
+.form-field-focus,
+.form-field:focus,
+input[type="text"]:focus {
+    color: #333333;
+    border-color: #333;
+}
+.form-button {
+    background: #00a8d9;
+    color: #ffffff;
+    cursor: pointer;
+}
+.form-button:hover {
+    background: #00baf1;
+}
+
+.form-error {
+    padding: 0;
+    color: #B61601;
+}
+
+.list-help, .unstyled {
+    list-style: none;
+}
+.list-help-item a {
+    display: block;
+    color: #4F4E4E;
+    text-decoration: none;
+}
+
+.list-title {
+  font-weight: bold;
+}
+
+.list-title, .list-help-item {
+  padding: 2px 24px;
+}
+
+.item-marker {
+    color: #00a7d9;
+}
+
+.indented {
+  padding-left: 40px;
+}
+
+footer {
+    color: #ffffff;
+    font-size: 11px;
+    background: #717171;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 12px 20px;
+}
+
+.container.flex-group {
+  /* make space for floating footer */
+  margin: 24px 0 80px
+}
+
+body::after {
+  content: "";
+  background: transparent url('../images/ndn-bg1.png') repeat-y;
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;
+}
+
+
+.flex-group {
+  display: flex;
+  flex-flow: row wrap-reverse;
+}
+
+.flex-container {
+  display: flex;
+  flex-flow: row wrap;
+  flex: 1 1 400px;
+}
+
+
+.column {
+  flex: 1 1 400px;
+  max-width: 400px;
+  margin: 0 24px;
+}
+
+.column.full {
+  width: 100%;
+  max-width: 100%;
+  flex-basis: auto;
+}
+
+nav {
+  flex: 0 0 200px;
+}
+
+@media only screen and (max-width: 599px) {
+    nav {
+      max-width: 400px;
+      flex-grow: 1;
+    }
+    body::after {
+      content: none;
+    }
+    .container.flex-group {
+      margin: 0 10px 80px 10px;
+    }
+
+    .list-help-item a {
+      line-height: 18px;
+    }
+    .column {
+      margin: 0;
+    }
+}
+
+/* Support non layout converted pages */
+.wrapper .content {
+  margin-left: 200px;
+}
+
+.content.flex-container {
+  margin-left: 0;
+}
+/* end layout backport */
+
+dt {
+  width: 33%;
+  font-weight: bold;
+}
+dd {
+  width: 66%;
+}
+
+.sshkey {
+  word-wrap: break-word;
+  padding: 2px;
+  border: 1px solid rgba(150,150,150,0.3);
+  border-radius: 2px;
+  margin: 10px 0;
+} 
+
+.sshkey:hover {
+  background: rgba(230,230,230, 0.3);
+}
+
+.sshkey form {
+  padding: 0;
+  display: flex;
+}
+
+.sshfingerprint, .fullkey {
+  min-width: 50px;
+}
+
+
+.fullkey, .keyend {
+  cursor: pointer;
+}
+
+.fullkey, .showfull .keyend {
+  display: none
+}
+.showfull .fullkey {
+  display: block;
+}
+
+textarea {
+  width: 100%;
+  min-height: 250px;
+  border-radius: 4px;
+  border-color: #ccc;
+}
+
+.btn-delete {
+  padding: 0;
+  border: none;
+  cursor: pointer;
+  background: transparent;
+}
+
+.hidden {
+  display: none;
+}
+
+:checked + .fullkey {
+  display: block;
+}
+
+.alert {
+  padding: 10px 20px;
+  border: 1px solid #b8daff;
+  border-radius: 4px;
+  color: #004085;
+  background-color: #cce5ff;
+  max-width: 848px;
+}
+
+.alert-error {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..93d215d
--- /dev/null
+++ b/static/favicon.ico
diff --git a/static/images/favicon.ico b/static/images/favicon.ico
new file mode 100644
index 0000000..93d215d
--- /dev/null
+++ b/static/images/favicon.ico
diff --git a/static/images/ndn-bg1.png b/static/images/ndn-bg1.png
new file mode 100644
index 0000000..40c0bca
--- /dev/null
+++ b/static/images/ndn-bg1.png
diff --git a/static/images/nordunet.png b/static/images/nordunet.png
new file mode 100644
index 0000000..9948f66
--- /dev/null
+++ b/static/images/nordunet.png