Compare commits

...

6 Commits

Author SHA1 Message Date
d1b946127f
ad.html: remove centering 2024-05-30 21:55:11 +03:00
58abfb5078
index: restore SOME/SSH texts
Partially reverts 07a1fcea46d632ba3dacda3c5aa5f32b884468dd
2024-05-30 20:29:56 +03:00
afc8d507a0
Experiment system-ui without fallbacks 2024-05-30 19:57:50 +03:00
b222989c9d
attempt to fix _includes/ad.html 2024-05-30 19:46:21 +03:00
2de66d2cd8
index & css: improve formatting by giving up centering etc. 2024-05-30 19:38:39 +03:00
c0a877c31f
css: float the avatar on the right
On physical iPhone SE2020 I am seeing nasty line hyphenation in my
name, while I am unable to reproduce in devtools simulation and while
thinking of increasing the avatar size on mobile, I accidentally
stumbled onto this solution (like my CV uses on mobile) and I liked it
so much that I have to try it.
2024-05-30 19:22:45 +03:00
3 changed files with 20 additions and 14 deletions

10
_includes/ad.html vendored
View File

@ -1,9 +1,8 @@
<detect-missing-adblocker>
<div lang="en">
<noscript><hr></noscript>
<noscript><p class="centered"><strong><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this:</em></strong></p></noscript>
<span slot="title" class="centered"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
<span slot="message" class="centered">
<noscript><p lang="en"><strong><em>Dear JavaScript blocker, please accept my apologies for needlessly showing you this:</em></strong></p></noscript>
<span slot="title" lang="en"><p>Dear reader, you may be missing a content blocker! 🙀</p></span>
<span slot="message" lang="en">
<p>Please consider installing one to protect yourself, and your close ones, from <a href="https://www.wired.com/story/why-dont-we-just-ban-targeted-advertising/">manipulation</a> and <a href="https://en.m.wikipedia.org/wiki/Malvertising">targeted malvertising</a>!</p>
<p>Personally I love <strong>both</strong> <a href="https://privacybadger.org">Privacy Badger</a> <strong>and</strong> <a href="https://github.com/gorhill/uBlock/blob/master/README.md#ublock-origin-ubo">uBlock Origin</a>
(<strong>with</strong> <a href="https://www.eff.org/files/effdntlist.txt">EFF DNT Policy
@ -12,7 +11,6 @@ Allowlist</a>) <strong>together</strong>, while <a href="https://adnauseam.io">A
<p>Android users may be better served by <a href="https://f-droid.org/packages/com.celzero.bravedns">Rethink</a> while for iOS there is <a href="https://adguard.com/adguard-ios/overview.html">AdGuard</a>.</p>
<p><a href="https://en.m.wikipedia.org/wiki/Targeted_advertising#Disadvantages">Learn more about targeted advertising!</a>
<p><small>PS. I am sorry if you are already protected and this silly <a href="https://easylist.to/">EasyList</a> targeting(?) script doesn't detect that, thank you for taking the steps towards a safer internet! 💜</small></p>
</span>
<noscript><hr></noscript>
</div>
</span>
</detect-missing-adblocker>

View File

@ -5,10 +5,11 @@
@charset "utf-8";
// Our variables
$base-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif;
$base-font-family: system-ui;
//$base-font-family: ui-serif, "Liberation Serif", Tinos, "Times New Roman", serif;
//$base-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", sans-serif;
$monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
monospace;
//$base-font-family: ui-sans-serif, "Liberation Sans", "Arimo", "Arial", sans-serif;
// CSS of used Jekyll theme
@import "{{ site.theme }}";
@ -68,7 +69,9 @@ pre {
margin-right: auto;
width: 25%;
border: 1px solid;
display: block;
//display: block;
display: float;
float: right;
}
// This is the short bio in the index and all my profiles

View File

@ -6,8 +6,8 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
<p id="avatar">
<a class="h-card" href="https://aminda.eu/">
<img src="{{site.avatar}}" alt="Photo of me" />Aminda Suomalainen</a
>
<img src="{{site.avatar}}" alt="Photo of me" /><br />Aminda Suomalainen</a
><br />
<small
><a rel="prefetch me" href="https://cv.aminda.eu/"
>Curriculum Vitae</a
@ -19,7 +19,8 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
I am a Highly Sensitive Autistic Pirate with Linux experience since 2008. I am
familiar with git and looking for employment. My pronouns are she/they. ⚧
</p>
<p class="centered">I speak Finnish, English and a little Esperanto.</p>
<!-- <p class="centered">I speak Finnish, English and a little Esperanto.</p>
-->
<hr />
@ -39,7 +40,10 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
<!-- PPFI note -->
<!--
<ul class="centered">
-->
<ul style="list-style-type: none">
<li id="commonsim">
<!-- Curious reader, https://aminda.eu/txt/matrix.txt & https://aminda.eu/txt/xmpp.txt & https://gitea.blesmrt.net/mikaela/gist/src/branch/master/briar/my-accounts.tsv exist -->
<!--Commons IM:-->
@ -88,6 +92,7 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
</li>
-->
<li id="some">
<span class="monospaced">SOME:</span>
<em
><a href="https://gitea.blesmrt.net/mikaela" rel="me"
>gitea.blesmrt.net</a
@ -126,9 +131,9 @@ excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience since 20
>sauna.social</a
>
</li>
<li id="ssh">
<li class="monospaced" id="ssh">
SSH:
<a
class="monospaced"
href="https://gitea.blesmrt.net/mikaela/ssh-allowed_signers/src/branch/cxefa/aminda/aminda.pub"
>SHA256:CXLULpqNBdUKB6E6fLA1b/4SzG0HvKD19PbIePU175Q,
SHA256:y2OpGEbett3Fqn8XFrP0X4mWfCVKf4rWkxERzqPY81U</a