Checkin

.gitignore

@@ -0,0 +1,4 @@
+ivi/public/
+northsidestudio/public/
+nss/public/
+

northsidestudio/content/_index.md

@@ -1,4 +1,8 @@
-![The Nothside 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/content/pages/_index.md

@@ -0,0 +1,2 @@
+# Test
+

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/layouts/_default/_markup/render-image.html

@@ -0,0 +1,41 @@
+{{- $src := .Destination -}}
+{{- $alt := .Text -}}
+{{- $img := .Page.Resources.GetMatch $src -}}
+{{- if not $img -}}
+  {{- $img = resources.Get $src -}}
+{{- end -}}
+{{- if $img -}}
+  {{- $widths := slice 480 768 1024 1366 1920 -}}
+  {{- $origWidth := $img.Width -}}
+  {{- $origHeight := $img.Height -}}
+  {{- $srcsetEntries := slice -}}
+  {{- range $w := $widths -}}
+    {{- if le $w $origWidth -}}
+      {{- $resized := $img.Process (printf "resize %dx webp q85" $w) -}}
+      {{- $srcsetEntries = $srcsetEntries | append (printf "%s %dw" $resized.RelPermalink $w) -}}
+    {{- end -}}
+  {{- end -}}
+  {{- $fallbackWidth := 1024 -}}
+  {{- if lt $origWidth 1024 -}}
+    {{- $fallbackWidth = $origWidth -}}
+  {{- end -}}
+  {{- $fallback := $img.Process (printf "resize %dx jpg q85" $fallbackWidth) -}}
+  <img
+    src="{{ $fallback.RelPermalink }}"
+    {{- if $srcsetEntries }}
+    srcset="{{ delimit $srcsetEntries ", " }}"
+    sizes="(max-width: 768px) 100vw, 720px"
+    {{- end }}
+    alt="{{ $alt }}"
+    width="{{ $origWidth }}"
+    height="{{ $origHeight }}"
+    {{- if eq .Ordinal 0 }}
+    fetchpriority="high"
+    {{- else }}
+    loading="lazy"
+    decoding="async"
+    {{- end }}>
+{{- else -}}
+  <img src="{{ $src }}" alt="{{ $alt }}">
+{{- end -}}
+

northsidestudio/themes/basic/layouts/_partials/menu.html

@@ -1,51 +0,0 @@
-{{- /*
-Renders a menu for the given menu ID.
-
-@context {page} page The current page.
-@context {string} menuID The menu ID.
-
-@example: {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
-*/}}
-
-{{- $page := .page }}
-{{- $menuID := .menuID }}
-
-{{- with index site.Menus $menuID }}
-  <nav>
-    <ul>
-      {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-    </ul>
-  </nav>
-{{- end }}
-
-{{- define "_partials/inline/menu/walk.html" }}
-  {{- $page := .page }}
-  {{- range .menuEntries }}
-    {{- $attrs := dict "href" .URL }}
-    {{- if $page.IsMenuCurrent .Menu . }}
-      {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
-    {{- else if $page.HasMenuCurrent .Menu .}}
-      {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
-    {{- end }}
-    {{- $name := .Name }}
-    {{- with .Identifier }}
-      {{- with T . }}
-        {{- $name = . }}
-      {{- end }}
-    {{- end }}
-    <li>
-      <a
-        {{- range $k, $v := $attrs }}
-          {{- with $v }}
-            {{- printf " %s=%q" $k $v | safeHTMLAttr }}
-          {{- end }}
-        {{- end -}}
-      >{{ $name }}</a>
-      {{- with .Children }}
-        <ul>
-          {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-        </ul>
-      {{- end }}
-    </li>
-  {{- end }}
-{{- end }}

northsidestudio/themes/basic/layouts/_partials/terms.html

@@ -1,23 +0,0 @@
-{{- /*
-For a given taxonomy, renders a list of terms assigned to the page.
-
-@context {page} page The current page.
-@context {string} taxonomy The taxonomy.
-
-@example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
-*/}}
-
-{{- $page := .page }}
-{{- $taxonomy := .taxonomy }}
-
-{{- with $page.GetTerms $taxonomy }}
-  {{- $label := (index . 0).Parent.LinkTitle }}
-  <div>
-    <div>{{ $label }}:</div>
-    <ul>
-      {{- range . }}
-        <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
-      {{- end }}
-    </ul>
-  </div>
-{{- end }}

northsidestudio/themes/basic/layouts/baseof.html

@@ -17,6 +17,6 @@
           {{ partial "footer.html" . }}
         </footer>
       </div>
-    </div>    
+    </div>
   </body>
 </html>

northsidestudio/themes/basic/layouts/home.html

@@ -1,9 +0,0 @@
-{{ define "main" }}
-  {{ .Content }}
-  {{ range site.RegularPages }}
-    <section>
-      <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-      {{ .Summary }}
-    </section>
-  {{ end }}
-{{ end }}

northsidestudio/themes/basic/layouts/page.html

@@ -1,10 +0,0 @@
-{{ define "main" }}
-  <h1>{{ .Title }}</h1>
-
-  {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-  {{ $dateHuman := .Date | time.Format ":date_long" }}
-  <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
-
-  {{ .Content }}
-  {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
-{{ end }}

northsidestudio/themes/basic/layouts/section.html

@@ -1,10 +0,0 @@
-{{ define "main" }}
-  <h1>{{ .Title }}</h1>
-  {{ .Content }}
-  {{ range .Pages }}
-    <section>
-      <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-      {{ .Summary }}
-    </section>
-  {{ end }}
-{{ end }}

northsidestudio/themes/basic/layouts/taxonomy.html

@@ -1,7 +0,0 @@
-{{ define "main" }}
-  <h1>{{ .Title }}</h1>
-  {{ .Content }}
-  {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-  {{ end }}
-{{ end }}

northsidestudio/themes/basic/layouts/term.html

@@ -1,7 +0,0 @@
-{{ define "main" }}
-  <h1>{{ .Title }}</h1>
-  {{ .Content }}
-  {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-  {{ end }}
-{{ end }}

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 { 
-  display: flex; 
-  flex-direction: column;
-} 
-nav > a { 
-  flex: 1; 
-  text-align: center; 
-  text-decoration: none; 
-  color: #fff; 
-  @media only screen and (min-width: 768px) {
-    nav { flex-direction: row;} 
+nav {
+  display: flex;
+  flex-direction: row;
+}
+
+nav > a {
+  flex: 1;
+  text-align: center;
+  text-decoration: none;
+  color: #fff;
+  @media only screen and (max-width: 768px) {
+    nav { flex-direction: column;}
   }
 }