Micro.blog design backup 202501

custom-footer.html

<center style="padding: 20px;"> 
<small><a href="https://xn--sr8hvo.ws/previous">↫</a>
An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍
<a href="https://xn--sr8hvo.ws/next">↬</a></small>

<br>
<small><a href="https://proven.lol/db10cc">Proof</a> | <a href="/pgp">PGP</a> | <a href="/colophon">Colophon</a>  | <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">License CC BY-NC-SA 4.0</a> | <a href="/feed.xml">RSS</a> | <a href="/feed.json">JSON</a> | <span class="h-card"><a href="https://cogley.jp/" class="u-url u-uid">Rick Cogley</a> <a href="https://cogley.jp/about" rel="me" class="u-url">Bio</a>, <a href="https://GitHub/rickcogley" rel="me" class="u-url">GitHub</a>, <a href="https://bsky.app/profile/cogley.jp" rel="me" class="u-url">Bsky</a>, <a href="https://instagram.com/rickcogley" rel="me" class="u-url">Insta</a></span></small></center>
<script type="application/ld+json">
{
    "@context" : "https://schema.org",
    "@type" : "Person",
    "name" : "Rick Cogley",
    "image" : {
        "@type" : "ImageObject",
        "author" : "Rick Cogley",
        "contentLocation" : "Yokohama, Japan",
        "contentUrl" : "https://micro.blog/rickcogley/avatar.jpg",
        "thumbnailUrl" : "https://micro.blog/rickcogley/avatar.jpg",
        "datePublished" : "2022-11-21T09:27:27JST",
        "description" : "Photo of Rick Cogley taken by Akiko Cogley at MOMA in NYC, USA.",
        "name" : "Rick Cogley Summer 2018"
    },
    "description" : "Rick Cogley: helping people in Japan since 1987. Experienced technology manager. CEO and co-owner of eSolia Inc. Jogger and cyclist. Fluent in Japanese. Family man with Japanese wife and daughters. Pun-smith puzzle solver.",
    "nationality" : "USA",
    "jobTitle" : "CEO & Co-RD",
    "telephone" : "+81-3-4577-3383",
    "email" : "[email protected]",
    "birthDate" : "1966-01-01",
    "birthPlace" : "Pittsburgh, PA, USA",
    "gender" : "Male",
    "affiliation" : {
        "@type" : "Organization",
        "name" : "eSolia",
        "image" : "https://static.cogley.info/img/eSolia-Logo-Flat-2015.png",
        "legalName" : "eSolia Inc.",
        "foundingDate" : "1999-07-07",
        "email" : "[email protected]",
        "telephone" : "+81-3-4577-3380",
        "logo" : "https://static.cogley.info/img/eSolia-Logo-Flat-2015.png",
        "address" : {
             "@type" : "PostalAddress",
             "addressLocality" : "Minato-ku",
             "addressRegion" : "Tokyo",
             "addressCountry" : "Japan",
             "postalCode" : "105-7105",
             "streetAddress" : "Shiodome City Center 5F (Work Styling), 1-5-2 Higashi-Shimbashi"
         }
    },
    "url" : "https://cogley.jp",
    "sameAs" : [ "https://www.linkedin.com/in/rickcogley",
        "https://micro.blog/rickcogley/",
        "https://famichiki.jp/@rickcogley",
        "https://rick.omg.lol",
        "https://instagram.com/rickcogley/",
        "https://www.youtube.com/user/rickcogley?sub_confirmation=1",
        "https://github.com/RickCogley", "https://bsky.app/profile/cogley.jp"]
}
</script>
<script>
document.querySelectorAll('a').forEach(item => {
        item.addEventListener('click', event => {
                let linkUrl = new URL(item.getAttribute('href'), window.location.href); // Using the second argument to handle relative URLs
                let currentHostname = window.location.hostname;
 
                if (linkUrl.hostname !== currentHostname) { // If the link's hostname is different from the current page's hostname
                        let domainParts = linkUrl.hostname.split('.');
                        let domainName = domainParts.length > 1 ? domainParts[domainParts.length - 2] : domainParts[0];
 
                        fathom.trackEvent(`External link clicked: ${domainName}`);
                }
        });
});
</script>

custom.css

body {
    font-family: var(--font_rounded_sans);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font_geometric_humanist);
}

h2 { color: #9f00ff;}
h3 { color: #6f00ff;}
h4 { color: #014421;}


p.description {
   color: #a9a9a9;
}

article img, .e-content img, .p-summary img, .microblog_text img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.adaptive_photo_layout ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}

.adaptive_photo_layout li {
	height: 40vh;
	flex-grow: 1;
    padding: 12px;
}

.adaptive_photo_layout span {
    font-size: .7rem;
    color: magenta; 
}


table { border-collapse: collapse; } 
td, th { border: 1px solid #333; padding: 0.2em; }
thead {
	background-color: #333;
	color: white;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 2%;
}
tbody tr:nth-child(odd) {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background-color: #eee;
}

/* Light Mode */
:root {
	--text: #000000;
	--link: #862e9c;
	--link_visited: #ae3ec9;
	--accent1: #0b7285;
	--accent2: #1098ad;
	--background: #ffffff;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fffee0;
	--note: #FFFF00;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--text: #f8f8f2;
		--link: #c5f6fa;
		--link_visited: #c5f6fa;
		--accent1: #f3d9fa;
		--accent2: #f3d9fa;
		--background: #282a36;
		--code: #44475a;
		--button-text: #282a36;
		--blockquote: #44475a;
		--note: #44475a;
	}
    td, th { border: 1px solid #f1f2f5; padding: 0.2em; }
    tbody tr:nth-child(odd) {
      background-color: #303341;
    }
    tbody tr:nth-child(even) {
      background-color: #414458;
    }
    thead {
	  background-color: #f1f2f5;
	  color: #20212b;
	  font-size: 0.875rem;
	  text-transform: uppercase;
	  letter-spacing: 2%;
    }
}

#omg_statuslog {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 80%;
}

#omg_statuslog > div:nth-child(1) {
    background: #862E9C;
    border-radius: 11px;
    color: white; 
}

#omg_statuslog > div {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px
}

#omg_statuslog .status_emoji {
    font-size: 50px;
}

#omg_statuslog .status_content {
    flex: 80%;
}

layouts-partials-header.html

<header class="site-header">
	<a href="/"><img src="{{ .Site.Author.avatar }}" alt="{{ .Site.Title }} Profile Photo" class="profile_photo u-photo" width="80" height="80"></a>
    <h1><a class="site-title p-name u-url" href="/">{{ .Site.Title }}</a></h1>
    
    <nav class="site-nav">
    	<ul>
		{{ range .Site.Menus.main }}
			{{ if .Page.Params.redirect_url }}
				<li><a class="page-link {{ .Name }}" href="{{ .Page.Params.redirect_url }}">{{ .Name }}</a></li>
			{{ else }}
				<li><a class="page-link {{ .Name }}" href="{{ .URL | relLangURL | safeURL }}">{{ .Name }}</a></li>
			{{ end }}
		{{ end }}
		</ul>
    </nav>
 <details>
  <summary>
    Subscribe...
  </summary>
  <p class="description"><small><em>{{ .Site.Params.itunes_description }}</em></small></p>
  <div class="subscribe-form" style="border: 1px solid var(--link); padding: 20px 20px 20px 20px; border-radius: 5px; margin-bottom: 20px;">
	<small>Subscribe via <a href="https://cogley.jp/feed.xml">RSS</a>, or get digest emails on Tuesdays (see <a href="https://cogley.jp/newsletters">past editions</a>):</small>
<form method="POST" action="https://micro.blog/users/subscribe/8053">
  <fieldset><input type="text" name="email"placeholder="Your email address" /><input type="submit" value="Subscribe" /></fieldset>
</form>
</div>
</details>
</header>

static-b3db2d84ae3c490ead65681317318f6b.txt

b3db2d84ae3c490ead65681317318f6b

static-humans.txt

# humanstxt.org/
# The humans responsible & technology colophon

/* TEAM */

    Owner & Jack-of-all-trades: Rick Cogley
    Contact: https://cogley.jp/about
    Mastodon: @[email protected]

/* TECHNOLOGY */
    
    Hosting and automation by: https://micro.blog
    Static Site Generator: Hugo, https://gohugo.io/
    Standards: HTML5, CSS3
    Theme Design Repo: https://github.com/MattSLangford/Tiny-Theme-for-Micro.blog
    Type faces: Geometric Humanist and Rounded Sans from Modern Font Stacks https://modernfontstacks.com/
    DNS Hosting: Amazon AWS Route53, https://aws.amazon.com/route53/
    Podcast Processing: Auphonic

/* SITE */

	Updates: Frequent
	Language: English (and a little Japanese)
	Editing: Ulysses