From 93d6ef9021f62e20724e6aba4ba7a47ee889291e Mon Sep 17 00:00:00 2001
From: Ethan Yoo <hello@ethanyoo.com>
Date: Tue, 6 Dec 2022 10:26:09 -0500
Subject: [PATCH] Add federated cloud ID (Nextcloud) to home page and related
 changes to robots.txt and style.css

---
 layouts/index.html                   | 2 +-
 static/nextcloud.svg                 | 1 +
 static/robots.txt                    | 3 ++-
 themes/geronimo/static/css/style.css | 6 ++++--
 4 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 static/nextcloud.svg

diff --git a/layouts/index.html b/layouts/index.html
index af55eeb..ae9d4ee 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -40,7 +40,7 @@ Examples for writing 'backward compatible' h-card markup available at https://mi
 		<a class="link-000" href="https://ForTheBadge.com/"><img src="/img/built-with-love.svg" alt="This site was built with love, using Git and Hugo." title="I also used Git and Hugo." /></a>
 		<a class="link-000" href="{{ .Site.Params.license }}"><img src="/img/CC-BY-SA.svg" alt="Original content by {{ .Site.Params.author }} is licensed under {{ .Site.Copyright }}" title="{{ .Site.Params.copyrightMessage }}" /></a>
 		<p><b><a class="u-email email" rel="me" href="mailto:{{ .Site.Params.authorEmail }}">Contact me</a>. <a href="/privacy/" >Privacy</a>. <a rel="pgpkey" href="/ethan.asc.txt">Public key</a> <a href="https://keyoxide.org/{{ .Site.Params.authorEmail }}">(Keyoxide)</a>.</b></p>
-
+		<a class="link-001" href="https://nextcloud.com/sharing#eyoo@share.mayfirst.org"><img src="/nextcloud.svg" class="nextcloud" alt="Share with me via Nextcloud!" title="Federated Cloud ID makes it possible to share across Nextcloud and other Open Cloud Mesh (OCM) compatible servers!" /> Share with me via Nextcloud!</a>
 		<p>&#128421; <a href="/cloudflare/" ><i>Where is this website hosted?</i></a> &#128421;</p>
 		</div>
 	</footer>
diff --git a/static/nextcloud.svg b/static/nextcloud.svg
new file mode 100644
index 0000000..54e6056
--- /dev/null
+++ b/static/nextcloud.svg
@@ -0,0 +1 @@
+<svg width="256" height="128" version="1.1" viewBox="0 0 256 128" xmlns="http://www.w3.org/2000/svg"><path d="m128 7c-25.871 0-47.817 17.485-54.713 41.209-5.9795-12.461-18.642-21.209-33.287-21.209-20.304 0-37 16.696-37 37s16.696 37 37 37c14.645 0 27.308-8.7481 33.287-21.209 6.8957 23.724 28.842 41.209 54.713 41.209s47.817-17.485 54.713-41.209c5.9795 12.461 18.642 21.209 33.287 21.209 20.304 0 37-16.696 37-37s-16.696-37-37-37c-14.645 0-27.308 8.7481-33.287 21.209-6.8957-23.724-28.842-41.209-54.713-41.209zm0 22c19.46 0 35 15.54 35 35s-15.54 35-35 35-35-15.54-35-35 15.54-35 35-35zm-88 20c8.4146 0 15 6.5854 15 15s-6.5854 15-15 15-15-6.5854-15-15 6.5854-15 15-15zm176 0c8.4146 0 15 6.5854 15 15s-6.5854 15-15 15-15-6.5854-15-15 6.5854-15 15-15z" color="#000000" fill="#fff" style="-inkscape-stroke:none"/></svg>
\ No newline at end of file
diff --git a/static/robots.txt b/static/robots.txt
index 5772807..47acc27 100644
--- a/static/robots.txt
+++ b/static/robots.txt
@@ -2,6 +2,7 @@ User-agent: *
 Disallow: /*.asc.txt$
 Disallow: /*.jpg$
 Disallow: /*.png$
+Disallow: /*.svg$
 Disallow: /*.xml$
 Disallow: /css/
-Disallow: /img/
+Disallow: /img/
\ No newline at end of file
diff --git a/themes/geronimo/static/css/style.css b/themes/geronimo/static/css/style.css
index e30d3c3..b4317ee 100644
--- a/themes/geronimo/static/css/style.css
+++ b/themes/geronimo/static/css/style.css
@@ -8,14 +8,16 @@ h1{font-size:2.1em;}h2{font-size:1.8em;}h3{font-size:1.5em;}
 article, main {padding:4px 2px;}
 blockquote{padding:0.5em 1.5em;background:#EEE;color:#000;border-radius:4px;}
 code{background:#000;font:1em/1.5 monospace, monospace;padding:2px}
+img[src$='#center']{display:block;margin-left:auto;margin-right:auto;}
 
 /* Light theme */
 @media(prefers-color-scheme:light){body{background:#333;color:#FFF;}main a:link{color:#bdf;}main a:visited{color:#ccf;}}
 
 /* Classes */
-a.link-000{background:#000;border:none;}
 .center{display:block;margin-left:auto;margin-right:auto;text-align:center;}
-img[src$='#center']{display:block;margin-left:auto;margin-right:auto;}
+.nextcloud{width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat;background-position:center center;}
 .post-title{line-height:1.8;}
 .subtitle{float:right;}
+a.link-000{background:#000;border:none;}
+a.link-001{padding:10px;background-color:#0082c9;color:#ffffff;border-radius:3px;padding-left:4px;}
 html{overflow-y:scroll;visibility:visible;opacity:1;}