M sass/main.scss => sass/main.scss +21 -23
@@ 56,34 56,36 @@ hr {
font-size: 2.5rem;
}
+.link-label {
+ color: #c7c7c7;
+ margin-left: 5rem;
+}
+
#index-content {
font-size: 1.2rem;
}
-#links {
- display: flex;
- flex-direction: column;
- .mastodon div {
- mask: url(mastodon.svg) no-repeat center;
- -webkit-mask: url(mastodon.svg) no-repeat center;
+@mixin link($name, $icon, $color) {
+ .#{$name} div {
+ mask: url($icon) no-repeat center;
+ -webkit-mask: url($icon) no-repeat center;
}
- a.mastodon:hover {
- color: $cyan;
+ a.#{$name}:hover {
+ color: $color;
div {
- background-color: $cyan;
+ background-color: $color;
}
}
+}
- .srht div {
- mask: url(sourcehut.svg) no-repeat center;
- -webkit-mask: url(sourcehut.svg) no-repeat center;
- }
- a.srht:hover {
- color: $purple;
- div {
- background-color: $purple;
- }
- }
+#links {
+ display: flex;
+ flex-direction: column;
+
+ @include link(mastodon, "mastodon.svg", $cyan);
+ @include link(srht, "sourcehut.svg", $purple);
+ @include link(email, "envelope.svg", $green);
+ @include link(gpg, "key.svg", $orange);
a {
font-size: 2.5rem;
@@ 97,10 99,6 @@ hr {
display: inline-block;
vertical-align: text-top;
background-color: $fg;
-
- i {
- display: none;
- }
}
}
}
A static/3ACF1A35.txt => static/3ACF1A35.txt +52 -0
@@ 0,0 1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+=MVX7
+-----END PGP PUBLIC KEY BLOCK-----
A static/envelope.svg => static/envelope.svg +1 -0
@@ 0,0 1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg><
\ No newline at end of file
A static/key.svg => static/key.svg +1 -0
@@ 0,0 1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z"/></svg><
\ No newline at end of file
M templates/index.html => templates/index.html +15 -3
@@ 20,12 20,24 @@
like FOSS, Rust, Linux, and being mad at software. I start a lot of projects
and finish a few of them.</p>
+ <h3>My Links</h3>
+
<div id="links">
+ <span class="link-label">Sourcehut</span>
+ <a class="srht" href="https://sr.ht/~zethra/">
+ <div></div>~zethra
+ </a>
+ <span class="link-label">Mastodon</span>
<a class="mastodon" href="https://fosstodon.org/@zethra">
- <div><i>Mastodon</i></div>@zethra@fosstodon.org
+ <div></div>@zethra@fosstodon.org
</a>
- <a class="srht" href="https://sr.ht/~zethra/">
- <div><i>Sourcehut</i></div>~zethra
+ <span class="link-label">Email</span>
+ <a class="email" href="mailto:benaagoldberg@gmail.com">
+ <div></div>benaagoldberg@gmail.com
+ </a>
+ <span class="link-label">GPG Key</span>
+ <a class="gpg" href="3ACF1A35.txt">
+ <div></div>3ACF1A35
</a>
</div>
</main>
