updating aperture url

themes/nipponalba/layouts/_default/list.html

@@ -2,15 +2,14 @@
 <section class="archive">
   <section class="archive-listing">
    <span class="list-title">{{if not (eq .Name "Blog")}}{{ .Name }}{{ end }}{{if eq .Name "Blog"}}All Blogs{{ end }} <a href="{{ .Permalink }}index.xml"><i class="fa fa-rss fa-2x fa-fw" aria-hidden="true" title="{{ .Name }} RSS feed"></i></a></span>
-      {{ if eq .Type "article" "blog"}}{{ range .Data.Pages.GroupByDate "2006" }}
+      {{ if eq .Type "article" "blog"}}<ul class="listing">{{ range .Data.Pages.GroupByDate "2006" }}
       {{ range .Pages }}
-      <ul class="listing">
         <li class="archive-listing-item">
           {{ if eq .Type "blog"}}
             <span class="list-blog"><a class="u-url" href="{{ .Permalink }}" title="{{ .Title }}">
               {{ $image := (replace .Title " " "") }}
               {{ $image := print "/images/" $image ".jpg" }}
-              <img class="banner" src="{{ ( $image | urlize ) | relLangURL }}"/>
+              <img class="banner" src="{{ ( $image | urlize ) | relLangURL }}" />
               <span class="p-name entry-title">{{ .Title }}</span></a>
             </span>
             {{end}}
@@ -21,9 +20,9 @@
             </a></span>
               {{end}}
           </li>
-    </ul>{{ end }}{{end}}{{else}}
+    {{ end }}{{end}}</ul>{{else}}
+<ul class="listing">
     {{ range .Pages }}
-    <ul class="listing">
       <li class="archive-listing-item">
           {{ if not (eq .Type "note" "photo") }}
           {{ if eq .Type "article"}}
@@ -48,7 +47,7 @@
             </section>
             </a></article>{{end}}{{end}}
         </li>
-  </ul>{{ end }}
+  {{ end }}</ul>
     {{ end }}
 </section>
   </section>

themes/nipponalba/layouts/partials/aside.html

@@ -30,10 +30,8 @@
 <a class="u-url u-uid" rel="me" href="https://jk.nipponalba.scot"></a>
 </section>
 <section class="doing">
-  <section class="playing h-product">
-
-<i class="fa fa-gamepad" aria-hidden="true"></i> <a href="https://www.nomanssky.com/" class="u-url" target="_blank"><span class="p-name">No Man's Sky</span><img class="u-photo" src="/images/playing/no-mans-sky.jpg"/></a></section>
   <section class="reading h-product"><i class="fa fa-book" aria-hidden="true" target="_blank"></i> <a href="https://www.hive.co.uk/Product/T-M-Devine/The-Scottish-Nation--A-Modern-History/13951947" class="u-url"><span class="p-name">The Scottish Nation</span><img class="u-photo" src="/images/reading/the-scottish-nation.jpg"/></a></section>
+  <section class="playing h-product"><i class="fa fa-gamepad" aria-hidden="true"></i> <a href="https://www.nomanssky.com/" class="u-url" target="_blank"><span class="p-name">No Man's Sky</span><img class="u-photo" src="/images/playing/no-mans-sky.jpg"/></a></section>
   <section class="watching h-product"><i class="fa fa-television" aria-hidden="true"></i> <a href="https://en.wikipedia.org/wiki/Modern_family" class="u-url" target="_blank"><span class="p-name">Modern Family</span><img class="u-photo" src="/images/watching/modern-family.jpg"/></a></section>
 </section>
 </section>

themes/nipponalba/layouts/partials/head.html

@@ -13,7 +13,7 @@
     <link rel="token_endpoint" href="https://tokens.indieauth.com/token">
     <link rel="webmention" href="https://webmention.io/jon.kelbie.scot/webmention" />
     <link rel="pingback" href="https://webmention.io/jon.kelbie.scot/xmlrpc" />
-    <link rel="microsub" href="https://aperture.p3k.io/microsub/506">
+    <link rel="microsub" href="https://aperture.p3k.io/microsub/545">
     <link rel="micropub" href="https://jon.kelbie.scot/api/index.php">
     <link href="https://jon.kelbie.scot/api/media-endpoint.php" rel="media_endpoint"/>
     <link rel="micropub_media" href="https://jon.kelbie.scot/api/media-endpoint.php"/>

themes/nipponalba/static/css/style.css

@@ -186,7 +186,7 @@ main{
   box-shadow: 0 2px 3px var(--shadow-colour);
   border: 1px solid var(--border-colour);
   border-radius:15px;
-  height: 1060px;
+  height: 1120px;
   grid-column: 2;
   max-width:185px;
   width:185px;
@@ -240,11 +240,15 @@ main{
   padding:5px;
 }
 
-.watching img, .playing img, .reading img{
-  height: 80px;
+.watching img, .playing img{
+  height: 100px;
   object-fit:cover;
   object-position:top;
 }
+ .reading img{
+   height:100px;
+   object-fit:contain;
+ }
 .site-info{
   font-size:13px;
 }
@@ -736,7 +740,35 @@ hr{
     width:95%;
     margin:0 auto;
   }
+  .profile{
+    width:100%;
+    margin:0 auto;
+    padding:0;
+    text-align:center;
+    display:block;
+  }
+  .profile-left{
+    display:block;
+    margin:0 auto;
+    padding: 10px;
+    width:100%;
+    text-align:center;
+    float:none;
+  }
+  .profile-left img{
+    max-width: 200px;
+    margin:0;
+  }
+  .profile-right{
+    display:block;
+    width:90%;
+    text-align:center;
+    margin:0 auto;
+  }
 
+.interactions{
+  padding-bottom: 100px;
+}
   .pagination li{
     padding:10px 50px;
     height: 30px;
@@ -749,29 +781,6 @@ hr{
   main{
     display:block;
   }
-  .profile{
-    max-width: 80%;
-    height: 880px;
-    margin-bottom:50px;
-    display:block;
-  }
-  .profile img{
-    display:block;
-    margin:0px auto;
-  }
-  .education, .work{
-      grid-template-columns: 120px auto;
-  }
-  .archive-listing{
-    display:block;
-  }
-  .list-article, .list-blog, .list-category{
-  display:block;
-  width:100%;
-}
-.list-blog img{
-  width:100%;
-}
 #Bookmarks{
   display:none;
 }
@@ -779,7 +788,6 @@ hr{
   padding:10px 40px;
   height: 30px;
 }
-
 article img{
   width: 95%;
   text-align:center;
@@ -787,10 +795,8 @@ article img{
 .interactions{
   padding-bottom: 0px;
 }
-.archive-listing-item{
-  display:block;
-  width:100%;
-  margin:0px auto;
+footer{
+  display:none;
 }
 }
 @media screen and (max-width: 460px) {
@@ -809,8 +815,19 @@ nav label{
   width:100%;
   margin-bottom:10px;
 }
+.profile{
+  max-width: 80%;
+  height: 970px;
+  margin-bottom:50px;
+}
+.profile img{
+  display:block;
+  margin:0px auto;
+}
+
 .education, .work{
     grid-template-columns: 90px auto;
+
 }
 .bookmarks, #response, .post, #interactions{
   margin-bottom:10px;