Merge pull request 'added pixelfed beta' (#138) from develop into main

Reviewed-on: samuel-p/sp-codes.de#138

src/_data/services.json

@@ -43,6 +43,18 @@
       "en": "A network of multiple federated, interoperable video hosting providers. Ad-free and without vendor lock-in."
     }
   },
+  {
+    "id": "pixelfed",
+    "name": "Pixelfed",
+    "icon": "i-pixelfed",
+    "url": "https://pixel.sp-codes.de",
+    "status": "https://pixel.sp-codes.de",
+    "beta": true,
+    "summary": {
+      "de": "Pixelfed ist ein kostenloses und ethisches, soziales Netzwerk für den Austausch von Fotos. Es ist dezentral und föderiert mit anderen Plattformen des Fediverse.",
+      "en": "Pixelfed is a free and ethical social network for sharing photos. It is decentralized and federated with other Fediverse platforms."
+    }
+  },
   {
     "id": "gitea",
     "name": "Gitea",

src/font/icomoon.svg

@@ -22,7 +22,7 @@
 <glyph unicode="&#xe90c;" glyph-name="threema" d="M511.915 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM241.621 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM782.251 85.931c41.402 0 74.965-33.563 74.965-74.965s-33.563-74.965-74.965-74.965v0c-41.402 0-74.965 33.563-74.965 74.965s33.563 74.965 74.965 74.965v0zM512 960c243.2 0 440.405-173.483 440.405-387.499s-197.205-387.541-440.405-387.541c-0.419-0.001-0.915-0.002-1.411-0.002-69.213 0-135.064 14.393-194.724 40.35l3.154-1.222-220.629-55.168 47.147 188.587c-46.677 61.525-73.941 135.467-73.941 214.997 0 214.016 197.205 387.499 440.405 387.499zM511.957 779.307c-0.013 0-0.028 0-0.043 0-68.934 0-124.818-55.87-124.843-124.798v-49.922h-4.907c-11.075 0-20.053-8.978-20.053-20.053v0-176.043c0-11.093 8.96-20.096 20.053-20.096h259.669c11.093 0 20.053 8.96 20.053 20.053v176.171c0 11.075-8.978 20.053-20.053 20.053v0h-4.907v49.92c-0.073 68.917-55.958 124.757-124.885 124.757-0.045 0-0.090 0-0.135 0h0.007zM511.957 729.387c41.472 0 75.008-33.536 75.008-74.837v-49.92h-149.931v49.92c0 41.301 33.536 74.837 74.923 74.837z" />
 <glyph unicode="&#xe90d;" glyph-name="stackoverflow" d="M810.069 27.093v273.237h91.051v-364.331h-822.443v364.331h90.88v-273.237zM260.736 118.144h458.197v91.179h-458.197zM271.787 325.163l447.147-93.397 19.243 88.32-447.061 93.312zM329.771 540.885l414.080-193.28 38.528 83.2-414.123 193.28-38.485-82.603zM445.611 745.045l350.592-292.48 57.984 69.12-350.549 292.395-57.6-68.992zM672.043 960l-74.496-55.211 273.28-367.104 74.496 55.211-273.365 367.104z" />
 <glyph unicode="&#xe90e;" glyph-name="search" d="M1010 74.6l-199.4 199.4c-9 9-21.2 14-34 14h-32.6c55.2 70.6 88 159.4 88 256 0 229.8-186.2 416-416 416s-416-186.2-416-416 186.2-416 416-416c96.6 0 185.4 32.8 256 88v-32.6c0-12.8 5-25 14-34l199.4-199.4c18.8-18.8 49.2-18.8 67.8 0l56.6 56.6c18.8 18.8 18.8 49.2 0.2 68zM416 288c-141.4 0-256 114.4-256 256 0 141.4 114.4 256 256 256 141.4 0 256-114.4 256-256 0-141.4-114.4-256-256-256z" />
-<glyph unicode="&#xe90f;" glyph-name="opencollective" d="M932.693 739.413c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638zM803.413 868.693l-132.267-132.267c-45.751 25.644-100.402 40.747-158.58 40.747-181.68 0-328.96-147.28-328.96-328.96s147.28-328.96 328.96-328.96c58.179 0 112.83 15.103 160.247 41.602l-1.666-0.855 132.267-132.693c-81.392-57.006-182.473-91.093-291.516-91.093-282.77 0-512 229.23-512 512s229.23 512 512 512c109.043 0 210.124-34.088 293.168-92.188l-1.652 1.095zM932.693 739.413c57.298-81.265 91.58-182.336 91.58-291.413s-34.281-210.149-92.657-293.026l1.077 1.613-132.267 132.267c25.95 45.863 41.242 100.719 41.242 159.147s-15.292 113.284-42.092 160.785l0.85-1.638z" />
+<glyph unicode="&#xe90f;" glyph-name="pixelfed" d="M512-73.143c-282.77 0-512 229.23-512 512s229.23 512 512 512c282.77 0 512-229.23 512-512s-229.23-512-512-512zM471.354 327.077h93.924c88.48 0 160.208 69.827 160.208 155.963s-71.728 155.963-160.208 155.963h-135.561c-51.046 0-92.428-40.285-92.428-89.979v-350.208l134.064 128.261z" />
 <glyph unicode="&#xe910;" glyph-name="mastodon" d="M989.568 623.829c0 222.123-145.536 287.232-145.536 287.232-73.387 33.707-199.424 47.872-330.283 48.939h-3.243c-130.901-1.067-256.853-15.232-330.24-48.939 0 0-145.536-65.109-145.536-287.232 0-50.859-0.981-111.701 0.64-176.171 5.291-217.259 39.851-431.317 240.683-484.48 92.587-24.491 172.117-29.653 236.16-26.112 116.139 6.4 181.333 41.472 181.333 41.472l-3.84 84.267c0 0-82.987-26.155-176.171-22.997-92.373 3.157-189.824 9.941-204.757 123.349-1.305 9.295-2.050 20.032-2.050 30.944 0 0.296 0.001 0.592 0.002 0.889v-0.046c0 0 90.667-22.187 205.525-27.435 70.229-3.2 136.107 4.139 203.008 12.075 128.299 15.317 240 94.379 254.037 166.613 22.059 113.707 20.267 277.632 20.267 277.632zM817.877 337.579h-106.539v261.077c0 55.040-23.168 82.944-69.461 82.944-51.2 0-76.885-33.109-76.885-98.645v-142.891h-105.941v142.933c0 65.536-25.685 98.645-76.885 98.645-46.293 0-69.461-27.947-69.461-82.944v-261.077h-106.539v268.928c0 54.997 13.995 98.688 42.112 130.987 29.013 32.341 66.944 48.896 114.091 48.896 54.528 0 95.829-20.949 123.136-62.891l26.496-44.501 26.539 44.501c27.307 41.941 68.608 62.891 123.136 62.891 47.104 0 85.077-16.555 114.091-48.896 28.075-32.299 42.069-75.989 42.069-130.987z" />
 <glyph unicode="&#xe911;" glyph-name="hand-holding-heart" horiz-adv-x="1152" d="M550.6 459c14-14.8 36.8-14.8 51 0l217.8 228.4c63.2 66.4 59.6 176.4-11.2 237.6-61.6 53.4-153.4 43.8-209.8-15.4l-22.4-23.4-22.2 23.2c-56.4 59.4-148.2 69-209.8 15.6-70.6-61.2-74.4-171.2-11.2-237.6l217.8-228.4zM1130.6 303.8c-23.6 21.4-60.4 20-85.2 0l-184.8-147.8c-22.6-18.2-50.8-28-80-28h-236.6c-17.6 0-32 14.4-32 32s14.4 32 32 32h156.6c31.8 0 61.4 21.8 66.6 53.2 6.6 40-24.2 74.8-63.2 74.8h-320c-54 0-106.2-18.6-148.2-52.6l-93-75.4h-110.8c-17.6 0-32-14.4-32-32v-192c0-17.6 14.4-32 32-32h713.6c29 0 57.2 9.8 80 28l302.4 242c30.4 24.2 32.8 70.6 2.6 97.8z" />
 <glyph unicode="&#xe912;" glyph-name="github" d="M512 947.328c-282.88 0-512-229.248-512-512 0-226.261 146.688-418.133 350.080-485.76 25.6-4.821 34.987 11.008 34.987 24.619 0 12.16-0.427 44.373-0.64 87.040-142.421-30.891-172.459 68.693-172.459 68.693-23.296 59.093-56.96 74.88-56.96 74.88-46.379 31.744 3.584 31.104 3.584 31.104 51.413-3.584 78.421-52.736 78.421-52.736 45.653-78.293 119.851-55.68 149.12-42.581 4.608 33.109 17.792 55.68 32.427 68.48-113.707 12.8-233.216 56.832-233.216 253.013 0 55.893 19.84 101.547 52.693 137.387-5.76 12.928-23.040 64.981 4.48 135.509 0 0 42.88 13.739 140.8-52.48 40.96 11.392 84.48 17.024 128 17.28 43.52-0.256 87.040-5.888 128-17.28 97.28 66.219 140.16 52.48 140.16 52.48 27.52-70.528 10.24-122.581 5.12-135.509 32.64-35.84 52.48-81.493 52.48-137.387 0-196.693-119.68-240-233.6-252.587 17.92-15.36 34.56-46.763 34.56-94.72 0-68.523-0.64-123.563-0.64-140.203 0-13.44 8.96-29.44 35.2-24.32 204.843 67.157 351.403 259.157 351.403 485.077 0 282.752-229.248 512-512 512z" />

src/scss/icons/style.scss

@@ -2,12 +2,11 @@
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
-  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?hi4hah');
-  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?9r0igb#iefix') format('embedded-opentype'),
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?hi4hah#iefix') format('embedded-opentype'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?9r0igb') format('woff2'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?hi4hah') format('truetype'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?9r0igb') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?hi4hah') format('woff'),
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?9r0igb') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?hi4hah##{$icomoon-font-family}') format('svg');
-  url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?9r0igb##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -48,114 +47,9 @@
   font-size: 4em;
 }
 
-.i-peertube {
+.i-pixelfed {
   &:before {
-    content: $i-peertube;
+    content: $i-pixelfed; 
-  }
-}
-.i-network-wired {
-  &:before {
-    content: $i-network-wired;
-  }
-}
-.i-money-bill {
-  &:before {
-    content: $i-money-bill;
-  }
-}
-.i-chart-line {
-  &:before {
-    content: $i-chart-line;
-  }
-}
-.i-info-circle {
-  &:before {
-    content: $i-info-circle;
-  }
-}
-.i-code {
-  &:before {
-    content: $i-code;
-  }
-}
-.i-xmpp {
-  &:before {
-    content: $i-xmpp;
-  }
-}
-.i-wifi {
-  &:before {
-    content: $i-wifi;
-  }
-}
-.i-youtube {
-  &:before {
-    content: $i-youtube;
-  }
-}
-.i-twitter {
-  &:before {
-    content: $i-twitter;
-  }
-}
-.i-threema {
-  &:before {
-    content: $i-threema;
-  }
-}
-.i-stackoverflow {
-  &:before {
-    content: $i-stackoverflow;
-  }
-}
-.i-search {
-  &:before {
-    content: $i-search;
-  }
-}
-.i-opencollective {
-  &:before {
-    content: $i-opencollective;
-  }
-}
-.i-mastodon {
-  &:before {
-    content: $i-mastodon;
-  }
-}
-.i-hand-holding-heart {
-  &:before {
-    content: $i-hand-holding-heart;
-  }
-}
-.i-github {
-  &:before {
-    content: $i-github;
-  }
-}
-.i-gitea {
-  &:before {
-    content: $i-gitea;
-  }
-}
-.i-firefox {
-  &:before {
-    content: $i-firefox;
-  }
-}
-.i-copyright {
-  &:before {
-    content: $i-copyright;
-  }
-}
-.i-book {
-  &:before {
-    content: $i-book;
-  }
-}
-.i-matrix {
-  &:before {
-    content: $i-matrix;
   }
 }
 .i-server {
@@ -228,3 +122,108 @@
     content: $i-commenting; 
   }
 }
+.i-peertube {
+  &:before {
+    content: $i-peertube; 
+  }
+}
+.i-network-wired {
+  &:before {
+    content: $i-network-wired; 
+  }
+}
+.i-money-bill {
+  &:before {
+    content: $i-money-bill; 
+  }
+}
+.i-chart-line {
+  &:before {
+    content: $i-chart-line; 
+  }
+}
+.i-info-circle {
+  &:before {
+    content: $i-info-circle; 
+  }
+}
+.i-code {
+  &:before {
+    content: $i-code; 
+  }
+}
+.i-xmpp {
+  &:before {
+    content: $i-xmpp; 
+  }
+}
+.i-wifi {
+  &:before {
+    content: $i-wifi; 
+  }
+}
+.i-youtube {
+  &:before {
+    content: $i-youtube; 
+  }
+}
+.i-twitter {
+  &:before {
+    content: $i-twitter; 
+  }
+}
+.i-threema {
+  &:before {
+    content: $i-threema; 
+  }
+}
+.i-stackoverflow {
+  &:before {
+    content: $i-stackoverflow; 
+  }
+}
+.i-search {
+  &:before {
+    content: $i-search; 
+  }
+}
+.i-mastodon {
+  &:before {
+    content: $i-mastodon; 
+  }
+}
+.i-hand-holding-heart {
+  &:before {
+    content: $i-hand-holding-heart; 
+  }
+}
+.i-github {
+  &:before {
+    content: $i-github; 
+  }
+}
+.i-gitea {
+  &:before {
+    content: $i-gitea; 
+  }
+}
+.i-firefox {
+  &:before {
+    content: $i-firefox; 
+  }
+}
+.i-copyright {
+  &:before {
+    content: $i-copyright; 
+  }
+}
+.i-book {
+  &:before {
+    content: $i-book; 
+  }
+}
+.i-matrix {
+  &:before {
+    content: $i-matrix; 
+  }
+}

src/scss/icons/variables.scss

@@ -1,28 +1,7 @@
 $icomoon-font-family: "icomoon" !default;
 $icomoon-font-path: "fonts" !default;
 
-$i-peertube: "\e918";
+$i-pixelfed: "\e90f";
-$i-network-wired: "\e903";
-$i-money-bill: "\e904";
-$i-chart-line: "\e905";
-$i-info-circle: "\e906";
-$i-code: "\e907";
-$i-xmpp: "\e908";
-$i-wifi: "\e909";
-$i-youtube: "\e90a";
-$i-twitter: "\e90b";
-$i-threema: "\e90c";
-$i-stackoverflow: "\e90d";
-$i-search: "\e90e";
-$i-opencollective: "\e90f";
-$i-mastodon: "\e910";
-$i-hand-holding-heart: "\e911";
-$i-github: "\e912";
-$i-gitea: "\e913";
-$i-firefox: "\e914";
-$i-copyright: "\e915";
-$i-book: "\e916";
-$i-matrix: "\e900";
 $i-server: "\e901";
 $i-credit-card: "\e902";
 $i-external-link: "\e917";
@@ -37,4 +16,24 @@ $i-language: "\f1ab";
 $i-user-secret: "\f21b";
 $i-heartbeat: "\f21e";
 $i-commenting: "\f27a";
-
+$i-peertube: "\e918";
+$i-network-wired: "\e903";
+$i-money-bill: "\e904";
+$i-chart-line: "\e905";
+$i-info-circle: "\e906";
+$i-code: "\e907";
+$i-xmpp: "\e908";
+$i-wifi: "\e909";
+$i-youtube: "\e90a";
+$i-twitter: "\e90b";
+$i-threema: "\e90c";
+$i-stackoverflow: "\e90d";
+$i-search: "\e90e";
+$i-mastodon: "\e910";
+$i-hand-holding-heart: "\e911";
+$i-github: "\e912";
+$i-gitea: "\e913";
+$i-firefox: "\e914";
+$i-copyright: "\e915";
+$i-book: "\e916";
+$i-matrix: "\e900";