~zethra/my-website

1a7b02a737b0c398123fe15b6605eec7be3f4f71 — zethra 10 months ago 60708b8
Added links to home page

Signed-off-by: zethra <jediben97@gmail.com>
5 files changed, 90 insertions(+), 26 deletions(-)

M sass/main.scss
A static/3ACF1A35.txt
A static/envelope.svg
A static/key.svg
M templates/index.html
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>