~aasg/haunted-blog

38386dea6e800af0982fce9f190e9489e8af7ab8 — Aluísio Augusto Silva Gonçalves 1 year, 3 months ago eaecc6f
Rework navbar and change profile icons
9 files changed, 32 insertions(+), 17 deletions(-)

D assets/icons/email.svg
M assets/icons/github.svg
M assets/icons/gitlab.svg
M assets/icons/linkedin.svg
D assets/icons/matrix.svg
M assets/icons/signature.svg
A assets/icons/sourcehut.svg
M haunt.scm
M static/css/site.css
D assets/icons/email.svg => assets/icons/email.svg +0 -1
@@ 1,1 0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" role="img"><title>Email</title><path d="M118.64 21.538L60 67.974 1.368 21.538zm0 66.472L83.37 60.002l35.27-28.005zM1.21 31.998l35.265 28.005L1.21 88.01z"/><path d="M76.912 64.975L60.08 78.252 43.248 64.975 1.368 98.01h117.42z"/></svg>

M assets/icons/github.svg => assets/icons/github.svg +1 -1
@@ 1,1 1,1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

M assets/icons/gitlab.svg => assets/icons/gitlab.svg +1 -1
@@ 1,1 1,1 @@
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>GitLab</title><path d="M4.844.904a1.007 1.007 0 00-.955.692l-2.53 7.783c0 .007-.005.012-.007.02L.07 13.335a1.437 1.437 0 00.522 1.607l11.072 8.045a.566.566 0 00.67-.004l11.074-8.04a1.436 1.436 0 00.522-1.61l-1.26-3.867a.547.547 0 00-.031-.104l-2.526-7.775a1.004 1.004 0 00-.957-.684.987.987 0 00-.949.69l-2.406 7.408H8.203l-2.41-7.408a.987.987 0 00-.943-.69h-.006zm-.006 1.42l2.174 6.678H2.674l2.164-6.678zm14.328 0l2.168 6.678h-4.342l2.174-6.678zm-10.594 7.81h6.862l-2.15 6.618L12 20.693 8.572 10.135zm-5.515.005h4.322l3.086 9.5-7.408-9.5zm13.568 0h4.326l-6.703 8.588-.709.914 2.959-9.108.127-.394zM2.1 10.762l6.978 8.947-7.818-5.682a.305.305 0 01-.112-.341l.952-2.924zm19.8 0l.952 2.922a.305.305 0 01-.11.341v.002l-7.82 5.68.025-.035 6.953-8.91Z"/></svg>
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.844.904a1.007 1.007 0 00-.955.692l-2.53 7.783c0 .007-.005.012-.007.02L.07 13.335a1.437 1.437 0 00.522 1.607l11.072 8.045a.566.566 0 00.67-.004l11.074-8.04a1.436 1.436 0 00.522-1.61l-1.26-3.867a.547.547 0 00-.031-.104l-2.526-7.775a1.004 1.004 0 00-.957-.684.987.987 0 00-.949.69l-2.406 7.408H8.203l-2.41-7.408a.987.987 0 00-.943-.69h-.006zm-.006 1.42l2.174 6.678H2.674l2.164-6.678zm14.328 0l2.168 6.678h-4.342l2.174-6.678zm-10.594 7.81h6.862l-2.15 6.618L12 20.693 8.572 10.135zm-5.515.005h4.322l3.086 9.5-7.408-9.5zm13.568 0h4.326l-6.703 8.588-.709.914 2.959-9.108.127-.394zM2.1 10.762l6.978 8.947-7.818-5.682a.305.305 0 01-.112-.341l.952-2.924zm19.8 0l.952 2.922a.305.305 0 01-.11.341v.002l-7.82 5.68.025-.035 6.953-8.91Z"/></svg>

M assets/icons/linkedin.svg => assets/icons/linkedin.svg +1 -1
@@ 1,1 1,1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>

D assets/icons/matrix.svg => assets/icons/matrix.svg +0 -1
@@ 1,1 0,0 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Matrix</title><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg>

M assets/icons/signature.svg => assets/icons/signature.svg +1 -1
@@ 1,1 1,1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 590"><title>Home</title><path d="M588.669 271.16c-59.435 20.513-110.652 7.638-112.385 5.91-77.35 114.227-313.463 181.66-304.182 117.951 22.168-39.47.91-89.46-54.996-96.93C48.693 316.374 52.59 311.716 19 318.512c-9.387 3.533-36.862-3.326-11.485-19.809 22.534-25.289 64.822-33.078 95.048-39.19 96.312-23.548 194.007-47.886 288.44-45.578l137.719-22.099 59.51-9.133z"/><path d="M368.804 208.952c-76.614 34.49-136.464 19.976-204.696 29.964-20.525 3.194-50.4 21.348-51.553-6.45L55.09 217.341c-11.989-5.87-7.277-12.935-5.116-19.817 35.067-14.369 119.823-29.707 86.39-16.414 92.559-17.57 255.32 17.923 232.44 27.842z"/><path fill="#001146" d="M152.907 190.482c-18.692-9.257 34.03 5.737 6.265 1.622l-3.192-.727zm435.103 76.58c1.2-2.973 3.805 2.92 0 0zm-483.603-43.668c-6.828-5.255 2.264 5.004 0 0zM119 180.614c4.62-4.044 5.377 3.915 0 0zm-67.674 35.864c-16.297-.854-18.627-16.94-1.352-18.954 6.82-6.088 34.38-11.053 12.652-1.53C49.33 199.05 40.81 210 55.872 217.137l-.782.204-3.763-.864zm35.777 5.256c-18.86-11.72 21.65 3.303 0 0zm15.46 37.78c9.086-4.054 22.44-10.622 5.53-6.82 5.865-10.62-17.705-29.414 4.462-20.228 2.642 26.145 34.428 5.425 51.553 6.45 37.862-7.769 75.622-16.485 114.206-20.172 30.058-4.093 60.339-6.548 90.49-9.792 6.59-9.414-32.5-10.12-43.113-13.767-20.853-8.176-42.263-6.129-63.395-12.19-41.624-5.488-84.395-9.51-125.932-1.885-22.51 1.696 11.052-14.528 20.36-9.997 37.652-4.07 74.792 5.724 112.43 5.47 37.597 4.712 74.166 15.67 110.92 24.588 17.58 9.296 36.726 6.443 55.332 2.946 31.303-2.385 62.295-8.176 93.316-12.28-21.153 5.834-44.472 9.446-66.722 12.792-23.688 3.31-46.88 9.474-70.996 9.307-62.688 6.104-125.717 10.82-187.464 23.74-34.254 3.942-66.523 17.22-100.465 22.308l-.513-.47zM281 262.644c11.37-3.036 17.906.93 1.73.594zM396.5 267c-18.972-1.56-37.96-3.31-57-3.667 33.742-2.423 67.84-1.216 101.584.86-5.823.15-26.537 1.824-37.334 2.918l-2.762.056zM0 304.83c17.21-19.08 41.715-30.724 66.236-37.22 11.116-8.183 31.687-2.06 7.764 2.026-22.66 6.653-45.555 16.042-64.008 30.753-1.56 3.131-6.695 7.087-9.992 4.44zm15.005 12.891c-1.628-9.594 29.924-5.957 40.607-11.876 16.039-2.477 42.63-9.217 52.888-4.818-27.845 7.786-56.947 10.086-85.05 16.931l-4.45.556zm469.829-46.983c-2.41-5.11-9.044 2.587 0 0zM198.5 418.637c-23.375 4.854-44.634-21.117-27-40.434 16.863-19.836 2.006-46.805-15.698-60.11-9.113-13.41-25.856-18.998-38.696-20.003 20.153-7.202-28.803-17.529-1.652-16.934 17.044 11.931 33.39 24.882 49.525 38.16 23.748 17.346 25.185 53.76 7.123 75.705-2.628 19.944 32.443 17.666 47.18 17.903 21.658-.863 42.704-6.305 64.176-9.104 25.29-3.852 45.625-20.868 69.604-28.787 38.405-16.267 73.54-42.558 98.237-76.306 6.033-12.146 5.778-18.658 12.936-30.064-12.908.292-16.603-7.446-1.525-5.289 11.626.51 50.148-1.207 46.86 4.797-16.06-.887-13.793 6.787-26.57 10.932 35.004 5.755 70.979-2.94 105.669-7.944-7.561 12.572-35.24 10.374-50.896 13.48-21.598.25-43.43 2.628-64.731 2.461-12.096 18.02-24.01 36.9-43.155 48.96-23.01 21.72-50.65 38.275-80.653 48.25-16.867 12.32-37.902 19.042-58.108 24.44-22.646 5.643-45.277 12.99-69.062 10.698-7.86-.114-15.715-.405-23.564-.81z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 590"><path d="M588.669 271.16c-59.435 20.513-110.652 7.638-112.385 5.91-77.35 114.227-313.463 181.66-304.182 117.951 22.168-39.47.91-89.46-54.996-96.93C48.693 316.374 52.59 311.716 19 318.512c-9.387 3.533-36.862-3.326-11.485-19.809 22.534-25.289 64.822-33.078 95.048-39.19 96.312-23.548 194.007-47.886 288.44-45.578l137.719-22.099 59.51-9.133z"/><path d="M368.804 208.952c-76.614 34.49-136.464 19.976-204.696 29.964-20.525 3.194-50.4 21.348-51.553-6.45L55.09 217.341c-11.989-5.87-7.277-12.935-5.116-19.817 35.067-14.369 119.823-29.707 86.39-16.414 92.559-17.57 255.32 17.923 232.44 27.842z"/><path fill="#001146" d="M152.907 190.482c-18.692-9.257 34.03 5.737 6.265 1.622l-3.192-.727zm435.103 76.58c1.2-2.973 3.805 2.92 0 0zm-483.603-43.668c-6.828-5.255 2.264 5.004 0 0zM119 180.614c4.62-4.044 5.377 3.915 0 0zm-67.674 35.864c-16.297-.854-18.627-16.94-1.352-18.954 6.82-6.088 34.38-11.053 12.652-1.53C49.33 199.05 40.81 210 55.872 217.137l-.782.204-3.763-.864zm35.777 5.256c-18.86-11.72 21.65 3.303 0 0zm15.46 37.78c9.086-4.054 22.44-10.622 5.53-6.82 5.865-10.62-17.705-29.414 4.462-20.228 2.642 26.145 34.428 5.425 51.553 6.45 37.862-7.769 75.622-16.485 114.206-20.172 30.058-4.093 60.339-6.548 90.49-9.792 6.59-9.414-32.5-10.12-43.113-13.767-20.853-8.176-42.263-6.129-63.395-12.19-41.624-5.488-84.395-9.51-125.932-1.885-22.51 1.696 11.052-14.528 20.36-9.997 37.652-4.07 74.792 5.724 112.43 5.47 37.597 4.712 74.166 15.67 110.92 24.588 17.58 9.296 36.726 6.443 55.332 2.946 31.303-2.385 62.295-8.176 93.316-12.28-21.153 5.834-44.472 9.446-66.722 12.792-23.688 3.31-46.88 9.474-70.996 9.307-62.688 6.104-125.717 10.82-187.464 23.74-34.254 3.942-66.523 17.22-100.465 22.308l-.513-.47zM281 262.644c11.37-3.036 17.906.93 1.73.594zM396.5 267c-18.972-1.56-37.96-3.31-57-3.667 33.742-2.423 67.84-1.216 101.584.86-5.823.15-26.537 1.824-37.334 2.918l-2.762.056zM0 304.83c17.21-19.08 41.715-30.724 66.236-37.22 11.116-8.183 31.687-2.06 7.764 2.026-22.66 6.653-45.555 16.042-64.008 30.753-1.56 3.131-6.695 7.087-9.992 4.44zm15.005 12.891c-1.628-9.594 29.924-5.957 40.607-11.876 16.039-2.477 42.63-9.217 52.888-4.818-27.845 7.786-56.947 10.086-85.05 16.931l-4.45.556zm469.829-46.983c-2.41-5.11-9.044 2.587 0 0zM198.5 418.637c-23.375 4.854-44.634-21.117-27-40.434 16.863-19.836 2.006-46.805-15.698-60.11-9.113-13.41-25.856-18.998-38.696-20.003 20.153-7.202-28.803-17.529-1.652-16.934 17.044 11.931 33.39 24.882 49.525 38.16 23.748 17.346 25.185 53.76 7.123 75.705-2.628 19.944 32.443 17.666 47.18 17.903 21.658-.863 42.704-6.305 64.176-9.104 25.29-3.852 45.625-20.868 69.604-28.787 38.405-16.267 73.54-42.558 98.237-76.306 6.033-12.146 5.778-18.658 12.936-30.064-12.908.292-16.603-7.446-1.525-5.289 11.626.51 50.148-1.207 46.86 4.797-16.06-.887-13.793 6.787-26.57 10.932 35.004 5.755 70.979-2.94 105.669-7.944-7.561 12.572-35.24 10.374-50.896 13.48-21.598.25-43.43 2.628-64.731 2.461-12.096 18.02-24.01 36.9-43.155 48.96-23.01 21.72-50.65 38.275-80.653 48.25-16.867 12.32-37.902 19.042-58.108 24.44-22.646 5.643-45.277 12.99-69.062 10.698-7.86-.114-15.715-.405-23.564-.81z"/></svg>

A assets/icons/sourcehut.svg => assets/icons/sourcehut.svg +1 -0
@@ 0,0 1,1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>

M haunt.scm => haunt.scm +13 -9
@@ 52,10 52,12 @@
  (let ((icon-path (string-append "assets/icons/" (symbol->string name) ".svg")))
    `(raw ,(read-asset icon-path))))

(define (profile-link icon-name uri)
(define (profile-link name uri)
  `(a (@ (rel "me")
         (href ,uri))
      ,(embedded-icon icon-name)))
         (href ,uri)
         (aria-label ,name))
      ,(embedded-icon (string->symbol (string-downcase name)))
      (span ,name)))

(define (hcard name url)
  (cond


@@ 98,12 100,14 @@
      (header
        (nav (@ (class "profile-links"))
             (ul
               (li ,(link-as (embedded-icon 'signature) "index.html"))
               (li ,(profile-link 'email "mailto:aluisio@aasg.name"))
               (li ,(profile-link 'matrix "https://matrix.to/#/@aasg:aasg.name"))
               (li ,(profile-link 'github "https://github.com/AluisioASG"))
               (li ,(profile-link 'gitlab "https://gitlab.com/AluisioASG"))
               (li ,(profile-link 'linkedin "https://www.linkedin.com/in/aasg/")))))
               (li (a (@ (href "index.html")
                         (aria-label "Home"))
                      ,(embedded-icon 'signature)
                      (span "~aasg")))
               (li ,(profile-link "GitHub" "https://github.com/AluisioASG"))
               (li ,(profile-link "GitLab" "https://gitlab.com/AluisioASG"))
               (li ,(profile-link "sourcehut" "https://sr.ht/~aasg"))
               (li ,(profile-link "LinkedIn" "https://www.linkedin.com/in/aasg/")))))
      ,body
      (footer (p
                (a (@ (rel "license")

M static/css/site.css => static/css/site.css +14 -2
@@ 105,8 105,20 @@ footer p {
.profile-links svg {
  width: 24px;
  height: 24px;
  stroke: var(--text-secondary);
  fill: var(--text-secondary);
  color: var(--text-secondary);
  fill: currentColor;
}

/* Align text on the profile links with icons. */
.profile-links span {
  vertical-align: super;
}

/* Hide text on profile links in the mobile navbar. */
@media (min-width: 40em) {
  .profile-links span {
    display: none;
  }
}

/* Display post metadata in a background color. */