Iniziato il nuovo sito e aggiunto il serving di file statici

2020-03-07 19:19:28 +01:00
parent 744d7e0860
commit bffe3056f7
6 changed files with 168 additions and 4 deletions
@@ -0,0 +1,84 @@
+
+@import url('https://fonts.googleapis.com/css2?family=Sen&family=Work+Sans:wght@700&display=swap');
+
+* {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+
+    font-family: 'Sen';
+}
+
+h1, h2, h3, h4 {
+    font-family: 'Work Sans';
+    font-weight: 700;
+}
+
+body {
+    max-width: 50rem;
+    margin: 0 auto;
+    padding: 0 0.5em;
+}
+
+nav {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #ddd;
+    flex-wrap: wrap;
+}
+
+.hfill {
+    flex-grow: 1;
+}
+
+.vfill {
+    flex-grow: 1;
+}
+
+.news-list {
+    display: flex;
+}
+
+.news-list > article {
+    margin: 1em;
+    /* padding: 1em; */
+    /* background: greenyellow; */
+}
+
+.nav-item {
+    margin: 1em 0.75em;
+}
+
+body > div:last-of-type {
+    margin-bottom: 20em;
+}
+
+footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 3em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid #ddd;
+}
+
+@media screen and (max-width: 600px) {
+
+    body {
+        width: 100%;
+        overflow-x: hidden;
+    }
+
+    .news-list {
+        flex-direction: column;
+    }
+}