Checkin

northsidestudio/content/_index.md

@@ -1,4 +1,8 @@
-![Northside Studio](/images/NSS_middle.png)
+---
+title: "Northside Studio"
+---
+
+{{< figure src="/images/NSS_middle.png" width="600" alt="Northside Studio" title="Morthside Studio" >}}
 
 If you want real content from real people, look her!
 We don't use AI for content creation. Imperfection to the perfect. We love the imperfect.

northsidestudio/themes/basic/assets/css/components/footer.css

@@ -1,4 +0,0 @@
-footer {
-  border-top: 1px solid #222;
-  margin-top: 1rem;
-}

northsidestudio/themes/basic/assets/css/components/header.css

@@ -1,4 +0,0 @@
-header {
-  border-bottom: 1px solid #222;
-  margin-bottom: 1rem;
-}

northsidestudio/themes/basic/assets/css/main.css

@@ -1,15 +0,0 @@
-@import "components/header.css";
-@import "components/footer.css";
-
-body {
-  color: #222;
-  font-family: sans-serif;
-  line-height: 1.5;
-  margin: 1rem;
-  max-width: 768px;
-}
-
-a {
-  color: #00e;
-  text-decoration: none;
-}

northsidestudio/themes/basic/static/css/style.css

@@ -18,41 +18,53 @@
         url('/fonts/If.woff') format('woff');
 }
 
+body {
+  background-color: #f5efe4;
+}
+
+figure img {
+  max-width: 30%;
+  height: auto;
+  justify-content: center;
+}
+
 .all {
   margin: auto;
-  width: 60%
+  width: 75%;
+  background-color: #f5efe4;
 }
 
 .container {
   margin: 0, auto;
-  width: 90%;
+  width: 100%;
   font-family: "x-typewriter";
 }
 
 .title {
   margin: 0, auto;
-  width: 90%;
+  width: 100%;
   font-family: "if";
   text-align: center;
 }
 
 nav, footer {
   background-color: #333;
-  color: #fff; 
+  color: #fff;
   text-align: center;
 }
 
-nav { 
+nav {
-  display: flex; 
+  display: flex;
-  flex-direction: column;
+  flex-direction: row;
-} 
+}
-nav > a { 
+
-  flex: 1; 
+nav > a {
-  text-align: center; 
+  flex: 1;
-  text-decoration: none; 
+  text-align: center;
-  color: #fff; 
+  text-decoration: none;
-  @media only screen and (min-width: 768px) {
+  color: #fff;
-    nav { flex-direction: row;} 
+  @media only screen and (max-width: 768px) {
+    nav { flex-direction: column;}
   }
 }