added mastodon icon for top icon links as svg; added support for svg icons

This commit is contained in:
Gabriele Musco 2021-01-26 09:06:01 +01:00
parent f2e2af6f92
commit 282c64b62f
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
4 changed files with 20 additions and 2 deletions

View File

@ -203,6 +203,17 @@ h1, h2, h3, h4, h5, h6 {
color: $fg_color; color: $fg_color;
border-bottom: none; border-bottom: none;
position: relative; position: relative;
width: 1em;
height: 1.2em;
display: inline-flex;
align-items: center;
justify-content: center;
.pseudofont {
fill: $fg_color;
display: inline;
position: relative;
top: 1px;
}
span { span {
position: absolute; position: absolute;
top: 1.5em; top: 1.5em;
@ -215,6 +226,9 @@ h1, h2, h3, h4, h5, h6 {
display: none; display: none;
} }
&:hover { &:hover {
.pseudofont {
fill: $accent_color;
}
color: $accent_color; color: $accent_color;
text-decoration: none; text-decoration: none;
border-bottom: none; border-bottom: none;

View File

@ -22,6 +22,10 @@
 
{{ else if eq (lower (index . 0)) "telegram" }} {{ else if eq (lower (index . 0)) "telegram" }}
 
{{ else if eq (lower (index . 0)) "mastodon" }}
<svg class="pseudofont" xmlns:svg="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16">
<path d="M 7.4779094,-1.598624e-6 C 5.5602384,0.0156984 3.7155894,0.2233384 2.6405814,0.7170384 c 0,0 -2.13206093,0.9537 -2.13206093,4.20766 0,0.74512 -0.01448,1.63603 0.0091,2.58084 0.07742,3.1821946 0.58336693,6.3183886 3.52553593,7.0971276 1.356568,0.359063 2.521335,0.434289 3.45936,0.382729 1.701085,-0.09431 2.6560206,-0.607063 2.6560206,-0.607063 l -0.05611,-1.234252 c 0,0 -1.2156316,0.383272 -2.5808476,0.33656 -1.352609,-0.04639 -2.780561,-0.145832 -2.999328,-1.80651 -0.0202,-0.145872 -0.03031,-0.301902 -0.03031,-0.465714 0,-10e-7 1.327834,0.324572 3.010574,0.40167 1.028943,0.0472 1.993827,-0.06028 2.9738766,-0.177218 1.879445,-0.224425 3.515901,-1.382448 3.721577,-2.4405646 0.32407,-1.666815 0.297376,-4.067605 0.297376,-4.067605 0,-3.25396 -2.131943,-4.20766 -2.131943,-4.20766 C 11.288476,0.2233384 9.4426784,0.0156784 7.5250084,-1.598624e-6 Z M 5.3076104,2.5424984 c 0.798781,0 1.403595,0.30701 1.803551,0.92113 l 0.388886,0.65181 0.388884,-0.65181 c 0.399875,-0.61412 1.00469,-0.92113 1.803551,-0.92113 0.6903266,0 1.2465526,0.24267 1.6713186,0.71609 0.411755,0.47342 0.61677,1.11337 0.61677,1.91862 v 3.939988 h -1.560986 v -3.824218 c 0,-0.80613 -0.339166,-1.21531 -1.0176126,-1.21531 -0.750129,0 -1.126049,0.48533 -1.126049,1.44509 v 2.09324 h -1.551753 v -2.09324 c 0,-0.95976 -0.376039,-1.44509 -1.126168,-1.44509 -0.678446,0 -1.017613,0.40918 -1.017613,1.21531 v 3.824218 h -1.560985 v -3.939988 c 0,-0.80525 0.205053,-1.4452 0.616889,-1.91862 0.424685,-0.47342 0.980911,-0.71609 1.671317,-0.71609 z" />
</svg>
{{ else if eq (lower (index . 0)) "phone" }} {{ else if eq (lower (index . 0)) "phone" }}
&#xf095; &#xf095;
{{ else if eq (lower (index . 0)) "rss" }} {{ else if eq (lower (index . 0)) "rss" }}

View File

@ -1,3 +1,3 @@
::selection,::-moz-selection{background:#db5793;color:#fff}a{transition:all .15s ease-in-out}body,html{font-family:"Symbols Nerd Font",JetBrains Mono,monospace;margin:0;padding:0;background-color:#242629;color:#fff}body{min-height:100vh}a{color:#fff;text-decoration:none;border-bottom:2px solid #fff}a:hover{border-color:#db5793 !important}#content{max-width:1000px;padding:15px;margin:auto}footer{color:#bababa}footer a{color:#bababa}footer hr{margin-top:50px}#titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}#titleContainer h1{font-weight:normal;font-size:1.6em;margin:0}#titleContainer img{margin-right:10px;width:50px;max-height:50px;border-radius:5px}nav ul,#links ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0}nav{font-size:.9em}nav ul li{border-right:1px solid #db5793}nav ul li:last-child{border-right:none}nav ul li a{padding:2px 20px;color:#db5793}nav ul li a:hover{text-decoration:underline}#links{padding:5px 0 40px 0}article img,.articlePreview img{margin:auto;display:block;max-width:80%}article pre,article code,.articlePreview pre,.articlePreview code{overflow:auto}article pre,.articlePreview pre{padding:20px;border:1px solid #4f4f4f;border-radius:3px}code{font-family:JetBrains Mono,monospace;font-size:.8em;padding:2px;border:1px solid #4f4f4f;border-radius:3px}pre code{border:none;border-radius:none;padding:0}.date,.date a{color:#bababa;border-color:#bababa;font-size:.9em}#pageNavigation a,.nerdlink a,nav a{border-bottom:none}#pageNavigation a:hover,.nerdlink a:hover,nav a:hover{border-bottom:none}#pageNavigation{text-align:right}#pageNavigation a{color:#db5793}#pageNavigation.nav-circles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}#pageNavigation.nav-circles a,#pageNavigation.nav-circles span{margin:5px;text-align:center;display:inline-block;width:40px;height:40px;line-height:40px;padding:auto;border-radius:100%;background-color:#34363b;color:#fff}#pageNavigation.nav-circles span{background-color:#db5793}#pageNavigation.nav-circles a:hover{background-color:#db5793}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#db5793;border-bottom:none}.nerd,.nerdlink{font-family:"Symbols Nerd Font",JetBrains Mono;font-size:1.2em;margin:5px;display:inline-block}.nerdlink{color:#fff;border-bottom:none;position:relative}.nerdlink span{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);padding:2px;border:1px solid #4f4f4f;border-radius:3px;color:#fff;display:none}.nerdlink:hover{color:#db5793;text-decoration:none;border-bottom:none}.nerdlink:hover span{display:block}.card{margin:50px 0}.card:first-child{margin-top:0}.card hr{margin:50px 0}.card.discrete{background:#34363b;border-radius:10px;padding:20px;padding-top:1px}div.card.discrete hr{display:none}ul li{margin:5px 0}ul.list .date{display:inline-block;min-width:100px}#commento{color:#fff;font-family:JetBrains Mono,monospace}#commento textarea,#commento #commento-markdown-help-root{background:rgba(255,255,255,0.05);color:#fff;border-radius:0;border:none}#commento textarea td,#commento textarea td>*,#commento textarea td>*>*,#commento #commento-markdown-help-root td,#commento #commento-markdown-help-root td>*,#commento #commento-markdown-help-root td>*>*{color:#fff}#commento textarea td pre,#commento textarea td>* pre,#commento textarea td>*>* pre,#commento #commento-markdown-help-root td pre,#commento #commento-markdown-help-root td>* pre,#commento #commento-markdown-help-root td>*>* pre{font-family:JetBrains Mono,monospace;color:#bababa}#commento #commento-submit-button-root{background:#db5793;color:#fff}#commento .commento-name{color:#bababa}#commento .commento-sort-policy-buttons a{border-bottom:none}#commento .commento-sort-policy-buttons .commento-sort-policy-button-selected{color:#db5793}#commento .commento-card{border-top:none;margin:25px 0}#commento .commento-body>*,#commento .commento-body *>*,#commento .commento-body>*>*>*,#commento .commento-body>*>*>*>*,#commento .commento-body>*>*>*>*>*{color:#fff;font-family:JetBrains Mono,monospace} ::selection,::-moz-selection{background:#db5793;color:#fff}a{transition:all .15s ease-in-out}body,html{font-family:"Symbols Nerd Font",JetBrains Mono,monospace;margin:0;padding:0;background-color:#242629;color:#fff}body{min-height:100vh}a{color:#fff;text-decoration:none;border-bottom:2px solid #fff}a:hover{border-color:#db5793 !important}#content{max-width:1000px;padding:15px;margin:auto}footer{color:#bababa}footer a{color:#bababa}footer hr{margin-top:50px}#titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}#titleContainer h1{font-weight:normal;font-size:1.6em;margin:0}#titleContainer img{margin-right:10px;width:50px;max-height:50px;border-radius:5px}nav ul,#links ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;margin:0}nav{font-size:.9em}nav ul li{border-right:1px solid #db5793}nav ul li:last-child{border-right:none}nav ul li a{padding:2px 20px;color:#db5793}nav ul li a:hover{text-decoration:underline}#links{padding:5px 0 40px 0}article img,.articlePreview img{margin:auto;display:block;max-width:80%}article pre,article code,.articlePreview pre,.articlePreview code{overflow:auto}article pre,.articlePreview pre{padding:20px;border:1px solid #4f4f4f;border-radius:3px}code{font-family:JetBrains Mono,monospace;font-size:.8em;padding:2px;border:1px solid #4f4f4f;border-radius:3px}pre code{border:none;border-radius:none;padding:0}.date,.date a{color:#bababa;border-color:#bababa;font-size:.9em}#pageNavigation a,.nerdlink a,nav a{border-bottom:none}#pageNavigation a:hover,.nerdlink a:hover,nav a:hover{border-bottom:none}#pageNavigation{text-align:right}#pageNavigation a{color:#db5793}#pageNavigation.nav-circles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center}#pageNavigation.nav-circles a,#pageNavigation.nav-circles span{margin:5px;text-align:center;display:inline-block;width:40px;height:40px;line-height:40px;padding:auto;border-radius:100%;background-color:#34363b;color:#fff}#pageNavigation.nav-circles span{background-color:#db5793}#pageNavigation.nav-circles a:hover{background-color:#db5793}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#db5793;border-bottom:none}.nerd,.nerdlink{font-family:"Symbols Nerd Font",JetBrains Mono;font-size:1.2em;margin:5px;display:inline-block}.nerdlink{color:#fff;border-bottom:none;position:relative;width:1em;height:1.2em;display:inline-flex;align-items:center;justify-content:center}.nerdlink .pseudofont{fill:#fff;display:inline;position:relative;top:1px}.nerdlink span{position:absolute;top:1.5em;left:50%;transform:translateX(-50%);padding:2px;border:1px solid #4f4f4f;border-radius:3px;color:#fff;display:none}.nerdlink:hover{color:#db5793;text-decoration:none;border-bottom:none}.nerdlink:hover .pseudofont{fill:#db5793}.nerdlink:hover span{display:block}.card{margin:50px 0}.card:first-child{margin-top:0}.card hr{margin:50px 0}.card.discrete{background:#34363b;border-radius:10px;padding:20px;padding-top:1px}div.card.discrete hr{display:none}ul li{margin:5px 0}ul.list .date{display:inline-block;min-width:100px}#commento{color:#fff;font-family:JetBrains Mono,monospace}#commento textarea,#commento #commento-markdown-help-root{background:rgba(255,255,255,0.05);color:#fff;border-radius:0;border:none}#commento textarea td,#commento textarea td>*,#commento textarea td>*>*,#commento #commento-markdown-help-root td,#commento #commento-markdown-help-root td>*,#commento #commento-markdown-help-root td>*>*{color:#fff}#commento textarea td pre,#commento textarea td>* pre,#commento textarea td>*>* pre,#commento #commento-markdown-help-root td pre,#commento #commento-markdown-help-root td>* pre,#commento #commento-markdown-help-root td>*>* pre{font-family:JetBrains Mono,monospace;color:#bababa}#commento #commento-submit-button-root{background:#db5793;color:#fff}#commento .commento-name{color:#bababa}#commento .commento-sort-policy-buttons a{border-bottom:none}#commento .commento-sort-policy-buttons .commento-sort-policy-button-selected{color:#db5793}#commento .commento-card{border-top:none;margin:25px 0}#commento .commento-body>*,#commento .commento-body *>*,#commento .commento-body>*>*>*,#commento .commento-body>*>*>*>*,#commento .commento-body>*>*>*>*>*{color:#fff;font-family:JetBrains Mono,monospace}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */

View File

@ -1 +1 @@
{"Target":"css/styles.3dc11e2bd3228ab2334872c17d07d8f1ea01fb04dbfc42177afa69cb505e0042d751921a1581f13d5d8b043ffac7b4fa2b1d9004a736bf6679c3ff9aa923afdc.css","MediaType":"text/css","Data":{"Integrity":"sha512-PcEeK9MiirIzSHLBfQfY8eoB+wTb/EIXevppy1BeAELXUZIaFYHxPV2LBD/6x7T6Kx2QBKc2v2Z5w/+aqSOv3A=="}} {"Target":"css/styles.0fc8b664dbf38d45eb8df0e87d9f19da929c689fca99d56bfd5cf04d332c5ed5a64358dab1e2c1c67a6150a2439dec4b1bbc38c836e40055fb831465ac446d21.css","MediaType":"text/css","Data":{"Integrity":"sha512-D8i2ZNvzjUXrjfDofZ8Z2pKcaJ/KmdVr/VzwTTMsXtWmQ1jaseLBxnphUKJDnexLG7w4yDbkAFX7gxRlrERtIQ=="}}