Add static data

.gitmodules

@@ -0,0 +1,6 @@
+[submodule "flora-generator-data"]
+	path = flora-generator-data
+	url = http://projects.feuforeve.fr/Feufochmar/flora-generator-data
+[submodule "static/data/flora-generator-data"]
+	path = static/data/flora-generator-data
+	url = http://projects.feuforeve.fr/Feufochmar/flora-generator-data

static/css/beleth.css

@@ -0,0 +1,211 @@
+/* Variables */
+:root {
+  --text: hsla(330, 10%, 15%, 1.0);
+  --background: hsla(330, 80%, 45%, 1.0);
+  --background-light: hsla(300, 50%, 85%, 1.0);
+  --background-lighter: hsla(300, 60%, 90%, 1.0);
+  --border: thin solid var(--text);
+}
+
+/* Margins depend on the size screen */
+@media screen {
+  body {
+    margin-left: 15%;
+    margin-right: 15%;
+  }
+}
+@media screen and (max-width: 1280px) {
+  body {
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+}
+@media screen and (max-width: 960px) {
+  body {
+    margin-left: 5%;
+    margin-right: 5%;
+  }
+}
+@media screen and (max-width: 800px) {
+  body {
+    margin-left: 0%;
+    margin-right: 0%;
+  }
+}
+
+body {
+  background-color: var(--background);
+  color: var(--text);
+  font-size: 1.2em;
+}
+
+h1 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h2 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h4 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h5 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h6 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+hr {
+  border: var(--border);
+}
+
+footer {
+  background-color: var(--background-light);
+  border: var(--border);
+  border-radius: 1ex;
+  margin: 0.5ex;
+  padding: 1ex;
+  text-align: center;
+}
+
+main {
+  background-color: var(--background-light);
+  border: var(--border);
+  border-radius: 1ex;
+  margin: 0.5ex;
+  padding: 0.5ex;
+  padding-left: 1.5ex;
+  padding-right: 1.5ex;
+  height: auto;
+}
+
+main::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+nav {
+  background-color: var(--background-light);
+  border: var(--border);
+  border-radius: 1ex;
+  margin: 0.5ex;
+  padding: 0.5ex;
+  padding-left: 1ex;
+  padding-right: 1ex;
+}
+
+article {
+}
+
+section {
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+.nav-item {
+  display: inline-block;
+  padding-left: 1ex;
+  padding-right: 1ex;
+}
+
+.author-date {
+  text-align: right;
+  font-style: italic;
+  float: right;
+  background-color: var(--background-lighter);
+  border: var(--border);
+  border-radius: 1ex;
+  padding: 0.5ex;
+  padding-left: 1ex;
+  padding-right: 1ex;
+  margin-left: 1em;
+  font-variant: small-caps;
+}
+
+.banner {
+  text-align: center;
+  opacity: 1.0;
+}
+
+.image-preview {
+  object-fit:scale-down;
+  max-width:100%;
+}
+
+a:link {
+  color: hsla(330, 80%, 45%, 1.0);
+  text-decoration: none;
+}
+a:visited {
+  color: hsla(330, 40%, 35%, 1.0);
+  text-decoration: none;
+}
+a:hover {
+  color: hsla(330, 90%, 90%, 1.0);
+  text-shadow: 1px 0px 2px hsla(330, 80%, 45%, 1.0), -1px 0px 2px hsla(330, 80%, 45%, 1.0), 0px 1px 2px hsla(330, 80%, 45%, 1.0), 0px -1px 2px hsla(330, 80%, 45%, 1.0), 0px 0px 0.2em hsla(330, 80%, 45%, 1.0)
+}
+
+table {
+  border: var(--border);
+  border-collapse: collapse;
+  background-color: var(--background-lighter);
+}
+
+th {
+  border: var(--border);
+  padding: 0.5ex;
+  text-align: center;
+}
+
+td {
+  border: var(--border);
+  padding: 0.5ex;
+  text-align: center;
+}
+
+code {
+  background-color: var(--background-lighter);
+  padding-left: 0.5ex;
+  padding-right: 0.5ex;
+}
+
+pre {
+  background-color: var(--background-lighter);
+  padding: 1ex;
+}
+
+details > section {
+  border: var(--border);
+  border-radius: 1ex;
+  margin: 0.5ex;
+  padding: 0.5ex;
+  padding-left: 1.5ex;
+  padding-right: 1.5ex;
+}
+
+details > p {
+  border: var(--border);
+  border-radius: 1ex;
+  margin: 0.5ex;
+  padding: 0.5ex;
+  padding-left: 1.5ex;
+  padding-right: 1.5ex;
+}

static/data/flora-generator-data

@@ -0,0 +1 @@
+Subproject commit b49512a38814fde964e651bb3b3d724878d3350c