updating styling for responsiveness - work in progress

config.toml

@@ -6,11 +6,10 @@ summarylength=20
 enableEmoji=true
 defaultContentLanguage="en"
 
-
 [outputs]
   home = ["html", "rss", "atom"]     # default = ["HTML", "RSS"]
   section = ["html", "rss", "atom"]  # default = ["HTML", "RSS"]
-  taxonomy = ["html", "rss", "atom"]  # default = ["HTML", "RSS"]
+  term = ["html", "rss", "atom"]  # default = ["HTML", "RSS"]
 
 [markup]
   [markup.goldmark]

content/article/not-black-and-white/bridgy.json

@@ -1,176 +0,0 @@
-{
-  "account":{
-    "acct":"jk",
-    "avatar":"https://social.nipponalba.scot/media/201caaea1889f39529535e829117ad39acdd7db241be2c888363e72bda171c67.jpg?name=profile.jpg",
-    "avatar_static":"https://social.nipponalba.scot/media/201caaea1889f39529535e829117ad39acdd7db241be2c888363e72bda171c67.jpg?name=profile.jpg",
-    "bot":false,
-    "created_at":"2018-12-22T02:47:00.000Z",
-    "display_name":"J K \ud83c\uddef\ud83c\uddf5\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f",
-    "emojis":[
-
-    ],
-    "fields":[
-      {
-        "name":"homepage",
-        "value":"<a href=\"https://jk.nipponalba.scot\" rel=\"me\">jk.nipponalba.scot</a>"
-      },
-      {
-        "name":"pixelfed",
-        "value":"<a href=\"https://px.nipponalba.scot/jk\" rel=\"me\">jk@px.nipponalba.scot</a>"
-      },
-      {
-        "name":"pronouns",
-        "value":"he/him"
-      },
-      {
-        "name":"politics-y (fairly dormant atm) me",
-        "value":"<a href=\"https://social.nipponalba.scot/users/albannach\" rel=\"ugc\">@albannach</a>"
-      }
-    ],
-    "follow_requests_count":0,
-    "followers_count":307,
-    "following_count":351,
-    "header":"https://social.nipponalba.scot/media/0838527e6395e51213310a61e4fe5a297efe3b1bd0f96ec4ca9f668dbef65d3f.jpg?name=IMAG0613-edited.jpg",
-    "header_static":"https://social.nipponalba.scot/media/0838527e6395e51213310a61e4fe5a297efe3b1bd0f96ec4ca9f668dbef65d3f.jpg?name=IMAG0613-edited.jpg",
-    "id":"1",
-    "locked":false,
-    "note":"Quintessentially Celtic, vehemently Viking, passionately European, unashamedly, proudly Scottish, craft beer and single malt whisky lover, enthusiastic cook, vegan, perpetually exhausted dad.<br/><br/><a href=\"https://jk.nipponalba.scot\">https://jk.nipponalba.scot</a><br/><br/><a class=\"hashtag\" data-tag=\"nobot\" href=\"https://social.nipponalba.scot/tag/nobot\">#nobot</a>",
-    "pleroma":{
-      "allow_following_move":true,
-      "background_image":"https://social.nipponalba.scot/media/570bb010636742daca3b3255b0043f3a3b7be8b3921b10135de239a5ff4cdf8c.png?name=fatherline-haplogroup-frequencies.png",
-      "confirmation_pending":false,
-      "deactivated":false,
-      "hide_favorites":true,
-      "hide_followers":true,
-      "hide_followers_count":false,
-      "hide_follows":true,
-      "hide_follows_count":false,
-      "is_admin":true,
-      "is_moderator":true,
-      "notification_settings":{
-        "followers":true,
-        "follows":true,
-        "non_followers":true,
-        "non_follows":true,
-        "privacy_option":false
-      },
-      "relationship":{
-        "blocked_by":false,
-        "blocking":false,
-        "domain_blocking":false,
-        "endorsed":false,
-        "followed_by":false,
-        "following":false,
-        "id":"1",
-        "muting":false,
-        "muting_notifications":false,
-        "requested":false,
-        "showing_reblogs":true,
-        "subscribing":false
-      },
-      "skip_thread_containment":false,
-      "tags":[
-
-      ],
-      "unread_conversation_count":12694
-    },
-    "source":{
-      "fields":[
-        {
-          "name":"homepage",
-          "value":"<a href=\"https://jk.nipponalba.scot\" rel=me>jk.nipponalba.scot</a>"
-        },
-        {
-          "name":"pixelfed",
-          "value":"<a href=\"https://px.nipponalba.scot/jk\" rel=me>jk@px.nipponalba.scot</a>"
-        },
-        {
-          "name":"pronouns",
-          "value":"he/him"
-        },
-        {
-          "name":"politics-y (fairly dormant atm) me",
-          "value":"@albannach"
-        }
-      ],
-      "note":"Quintessentially Celtic, vehemently Viking, passionately European, unashamedly, proudly Scottish, craft beer and single malt whisky lover, enthusiastic cook, vegan, perpetually exhausted dad.\n\nhttps://jk.nipponalba.scot\n\n#nobot",
-      "pleroma":{
-        "actor_type":"Person",
-        "discoverable":true,
-        "no_rich_text":false,
-        "show_role":true
-      },
-      "privacy":"public",
-      "sensitive":false
-    },
-    "statuses_count":1503,
-    "url":"https://social.nipponalba.scot/users/jk",
-    "username":"jk"
-  },
-  "application":{
-    "name":"Web",
-    "website":null
-  },
-  "bookmarked":false,
-  "card":null,
-  "content":"The continuing adventures of an amateur homebrewer, this time tackling a type of beer which is close to his heart: Imperial scum.. I mean Stout!: <a href=\"https://jk.nipponalba.scot/article/not-black-and-white/\">https://jk.nipponalba.scot/article/not-black-and-white/</a>",
-  "created_at":"2020-07-20T08:58:01.000Z",
-  "emojis":[
-
-  ],
-  "favourited":false,
-  "favourites_count":0,
-  "id":"9xGwYo705EBtQjUE3k",
-  "in_reply_to_account_id":null,
-  "in_reply_to_id":null,
-  "language":null,
-  "media_attachments":[
-    {
-      "description":"file.png",
-      "id":"1478244682",
-      "pleroma":{
-        "mime_type":"image/png"
-      },
-      "preview_url":"https://social.nipponalba.scot/media/006e0f18ede8c8fe122bdc9daeba04b63d87919c1042925973454df57dda2fad.png?name=file.png",
-      "remote_url":"https://social.nipponalba.scot/media/006e0f18ede8c8fe122bdc9daeba04b63d87919c1042925973454df57dda2fad.png?name=file.png",
-      "text_url":"https://social.nipponalba.scot/media/006e0f18ede8c8fe122bdc9daeba04b63d87919c1042925973454df57dda2fad.png?name=file.png",
-      "type":"image",
-      "url":"https://social.nipponalba.scot/media/006e0f18ede8c8fe122bdc9daeba04b63d87919c1042925973454df57dda2fad.png?name=file.png"
-    }
-  ],
-  "mentions":[
-
-  ],
-  "muted":false,
-  "pinned":false,
-  "pleroma":{
-    "content":{
-      "text/plain":"The continuing adventures of an amateur homebrewer, this time tackling a type of beer which is close to his heart: Imperial scum.. I mean Stout!: https://jk.nipponalba.scot/article/not-black-and-white/"
-    },
-    "conversation_id":11548649,
-    "direct_conversation_id":null,
-    "emoji_reactions":[
-
-    ],
-    "expires_at":null,
-    "in_reply_to_account_acct":null,
-    "local":true,
-    "spoiler_text":{
-      "text/plain":""
-    },
-    "thread_muted":false
-  },
-  "poll":null,
-  "reblog":null,
-  "reblogged":false,
-  "reblogs_count":0,
-  "replies_count":0,
-  "sensitive":false,
-  "spoiler_text":"",
-  "tags":[
-
-  ],
-  "uri":"https://social.nipponalba.scot/objects/1657e185-750a-428e-b238-fe6027f00007",
-  "url":"https://social.nipponalba.scot/notice/9xGwYo705EBtQjUE3k",
-  "visibility":"public"
-}

content/article/not-black-and-white/index.md

@@ -16,7 +16,7 @@ tag:
     - "imperial stout"
     - "coffee"
     - "cocoa nibs"
-Image: ["/images/not-black-and-white/23l_imperial_stout_all_grain_beer_kit.png"]
+Image: ["/images/not-black-and-white/23l_imperial_stout_all_grain_beer_kit.jpg"]
 Type: ["article"]
 draft: false
 DibleComments: false

themes/nipponalba/layouts/_default/single.html

@@ -28,7 +28,7 @@
 <hr/>
 <section id="interactions"><h4>Interactions</h4>
 <section id="webmention-form">
-  <form action="https://webmention.io/jk.nipponalba.scot/webmention" method="post">
+  <form action="https://webmention.io/jon.kelbie.scot/webmention" method="post">
       <label>Did you mention this {{ .Type }} on your website? Put the URL of your post here:</label><br/>
       <input name="source" type="url"/>
       <input name="target" value="{{ .Permalink }}" type="hidden"/>

themes/nipponalba/layouts/partials/head.html

@@ -12,7 +12,7 @@
     <link rel="authorization_endpoint" href="https://indieauth.com/auth">
     <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/jk.kelbie.scot/xmlrpc" />
+    <link rel="pingback" href="https://webmention.io/jon.kelbie.scot/xmlrpc" />
     <link rel="microsub" href="https://aperture.p3k.io/microsub/506">
     <link rel="micropub" href="https://jon.kelbie.scot/api/index.php">
     <link href="https://jon.kelbie.scot/api/media-endpoint.php" rel="media_endpoint"/>

themes/nipponalba/static/css/style.css

@@ -736,35 +736,7 @@ 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;
@@ -774,6 +746,32 @@ hr{
   }
 }
 @media screen and (max-width: 560px) {
+  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;
 }
@@ -781,6 +779,7 @@ hr{
   padding:10px 40px;
   height: 30px;
 }
+
 article img{
   width: 95%;
   text-align:center;
@@ -788,11 +787,14 @@ article img{
 .interactions{
   padding-bottom: 0px;
 }
-footer{
-  display:none;
+.archive-listing-item{
+  display:block;
+  width:100%;
+  margin:0px auto;
 }
 }
 @media screen and (max-width: 460px) {
+
 nav #Blogs{
   display:none;
 }
@@ -803,4 +805,17 @@ nav label{
   padding:10px 10px;
   height: 30px;
 }
+.index-article, .index-photo, .list-article, .list-blog, .list-category{
+  width:100%;
+  margin-bottom:10px;
+}
+.education, .work{
+    grid-template-columns: 90px auto;
+}
+.bookmarks, #response, .post, #interactions{
+  margin-bottom:10px;
+}
+#interactions{
+  padding-bottom:10px;
+}
 }