Added artfolio

assets/scss/hyde-hyde/_base.scss

@@ -144,3 +144,11 @@ figcaption {
 	font-size: 0.8em;
 	font-style: italic;
 }
+
+img.inline {
+  display: inline;
+  height: 22px!important;
+  margin-left: 3px;
+  vertical-align: text-bottom;
+  margin-bottom: 0;
+ }

assets/scss/hyde-hyde/_project.scss

@@ -1,9 +1,31 @@
+:root {
+  --minimum-width: 30%;
+  --ratio: 1/1;
+}
+
 .portfolio__content {
   section {
     margin-bottom: 1.765rem;
   }
 }
 
+.artfolio_content {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--minimum-width), 1fr));
+  grid-gap: 5px;
+}
+
+.artfolio-block {
+  border: 1px solid black;
+}
+
+.artwork__image {
+  margin: auto;
+  aspect-ratio: var(--ratio);
+  object-fit: cover;
+  width: 100%;
+}
+
 .portfolio__featured-project {
   margin: 0 0 1.765rem;
   img {

layouts/artfolio/list.html

@@ -0,0 +1,11 @@
+{{ define "header" }}
+    {{ partial "header.html" . }}
+{{ end }}
+
+{{ define "content" }}
+    {{ partial "artfolio/content.html" . }}
+{{ end }}
+
+{{ define "footer" }}
+    {{ partial "artfolio/footer.html" . }}
+{{ end }}

layouts/index.html

@@ -20,7 +20,6 @@
 						<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
 					</span>
                 </div>
-            </div>
             <div class="row-space">&nbsp;</div>
      {{ end }}
   </div>

layouts/partials/artfolio/content.html

@@ -0,0 +1,32 @@
+<span class="section__title">{{ .Title | default "Artfolio" }}</span>
+<div class="artfolio__content">
+    {{ range first 1 (where .Data.Pages "Params.featured" "==" true) }}
+        <section class="artfolio__featured-project">
+            <div class="section-inner">
+                <div class="artfolio_content">
+                    <div class="item featured text-center">
+                        <span class="project__artwork">
+                        {{ if .Params.artworks }}
+                            <a href={{ .RelPermalink }} target="_blank" rel="noopener noreferrer"><img class="project__image img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
+                        {{ end }}
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </section>
+    {{ end }}
+    <section>            
+		<hr class="divider">
+        <div class="artfolio_content">
+            {{ range (where .Data.Pages "Params.featured" "!=" true).ByDate.Reverse }}
+            <div class="artfolio-block">
+                <span class="artwork__primary-art">
+                {{ if .Params.artworks }}
+                    <a href={{ .RelPermalink }} target="_blank" rel="noopener noreferrer"><img class=" artwork__image img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
+                {{ end }}
+                </span>
+            </div>
+            {{ end }}
+        </div>
+    </section>
+</div>

layouts/partials/artfolio/footer.html

@@ -0,0 +1,5 @@
+{{ if .Site.GoogleAnalytics }}
+  <!-- Google Analytics -->
+  {{ template "_internal/google_analytics_async.html" . }}
+{{ end }}
+{{ partial "footer/font-awesome-js.html" . }}

layouts/partials/blog/content.html

@@ -45,7 +45,6 @@
 						<a href="{{ .RelPermalink }}" target="_blank" rel="noopener noreferrer">READ MORE</a>
 					</span>
 				</div>
-            </div>
             <div class="row-space">&nbsp;</div>
             {{ end }}
         </div>

layouts/partials/page-single/content.html

@@ -13,6 +13,10 @@
   {{ if $screenshotsExist }}
       <a href={{ .Params.screenshots.s1.file }} target="_blank" rel="noopener noreferrer"><img class="project__image project__first-screen img-responsive" src="{{ .Params.screenshots.s1.file }}" alt="{{ .Params.screenshots.s1.caption }}" title="{{ .Params.screenshots.s1.caption }}"></a>
   {{ end }}
+  {{ $artworksExist := .Params.artworks }}
+  {{ if $artworksExist }}
+      <a href={{ .Params.artworks.s1.file }} target="_blank" rel="noopener noreferrer"><img class="project__image project__first-screen img-responsive" src="{{ .Params.artworks.s1.file }}" alt="{{ .Params.artworks.s1.caption }}" title="{{ .Params.artworks.s1.caption }}"></a>
+  {{ end }}
   {{ $tableOfContents := .TableOfContents }}
   {{ with .Site.Params.toc }}
   {{ if ne $include_toc false }}
@@ -34,6 +38,13 @@
   <div class="post">
     {{ .Content }}
   </div>
+  	{{ if $artworksExist }}
+	 <p xmlns:cc="http://creativecommons.org/ns#" >This work ©{{ .Params.date.Year }} by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://diskseven.com">Johanna Decker</a> is licensed under <a href="http://creativecommons.org/licenses/by-nc-nd/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-ND 4.0
+	 <img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1">
+	 <img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1">
+	 <img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1">
+	 <img class="inline" src="https://mirrors.creativecommons.org/presskit/icons/nd.svg?ref=chooser-v1"></a></p>
+	{{ end }}
   {{ if $screenshotsExist }}
   <h2 id=additional-screenshots>Additional Screenshots</h2>
   <div class = "project__additional-screens">

static/css/hyde-hyde.css

@@ -547,7 +547,7 @@ a.badge-tag {
 .project__subtitle-small {
   font-size: 1.3rem; }
 
-.project__featured-image {
+.project__featured-image, .artwork__primary-art {
   position: relative; }
   
 .project__summary {