Add mastodon link on mainpage (#837)

fonts/Font-Awesome/README.txt

@@ -0,0 +1,75 @@
+This webfont is generated by https://fontello.com open source project.
+
+
+================================================================================
+Please, note, that you should obey original font licenses, used to make this
+webfont pack. Details available in LICENSE.txt file.
+
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
+  site in "About" section.
+
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
+  file publicly available in your repository.
+
+- Fonts, used in Fontello, don't require a clickable link on your site.
+  But any kind of additional authors crediting is welcome.
+================================================================================
+
+
+Comments on archive content
+---------------------------
+
+- /font/* - fonts in different formats
+
+- /css/*  - different kinds of css, for all situations. Should be ok with 
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
+  directly to text elements, if you don't mind about IE7.
+
+- demo.html - demo file, to show your webfont content
+
+- LICENSE.txt - license info about source fonts, used to build your one.
+
+- config.json - keeps your settings. You can import it back into fontello
+  anytime, to continue your work
+
+
+Why so many CSS files ?
+-----------------------
+
+Because we like to fit all your needs :)
+
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
+  and character code definitions
+
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
+  directly into html
+
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
+  rules, but still wish to benefit from css generation. That can be very
+  convenient for automated asset build systems. When you need to update font -
+  no need to manually edit files, just override old version with archive
+  content. See fontello source code for examples.
+
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
+  server headers. But if you ok with dirty hack - this file is for you. Note,
+  that data url moved to separate @font-face to avoid problems with <IE9, when
+  string is too long.
+
+- animate.css - use it to get ideas about spinner rotation animation.
+
+
+Attention for server setup
+--------------------------
+
+You MUST setup server to reply with proper `mime-types` for font files -
+otherwise some browsers will fail to show fonts.
+
+Usually, `apache` already has necessary settings, but `nginx` and other
+webservers should be tuned. Here is list of mime types for our file extensions:
+
+- `application/vnd.ms-fontobject` - eot
+- `application/x-font-woff` - woff
+- `application/x-font-ttf` - ttf
+- `image/svg+xml` - svg

fonts/Font-Awesome/config.json

@@ -7,10 +7,32 @@
   "ascent": 850,
   "glyphs": [
     {
-      "uid": "627abcdb627cb1789e009c08e2678ef9",
-      "css": "twitter",
+      "uid": "9f41027a9c9801e52905317a2294f254",
+      "css": "mastodon",
+      "code": 59393,
+      "src": "fontawesome",
+      "selected": true,
+      "svg": {
+        "path": "M845.7 349.8C845.7 160 721.3 104.3 721.3 104.3 599.2 48.3 274.9 48.8 153.9 104.3 153.9 104.3 29.5 160 29.5 349.8 29.5 575.8 16.6 856.5 235.8 914.5 314.9 935.4 382.9 939.9 437.6 936.7 536.8 931.3 592.5 901.4 592.5 901.4L589.2 829.3S518.3 851.6 438.6 849C359.6 846.3 276.5 840.4 263.5 743.6A200.3 200.3 0 0 1 261.8 716.4C429 757.2 571.6 734.2 610.9 729.5 720.5 716.4 816 648.8 828.1 587.1 847.3 489.9 845.7 349.8 845.7 349.8ZM699 594.4H607.9V371.3C607.9 274.2 482.9 270.5 482.9 384.8V506.9H392.4V384.8C392.4 270.5 267.4 274.2 267.4 371.3V594.3H176.2C176.2 355.9 166 305.5 212.1 252.5 262.7 196.1 368 192.4 414.9 264.5L437.6 302.5 460.2 264.5C507.3 192 612.8 196.5 663 252.5 709.3 305.9 698.9 356.1 698.9 594.3Z",
+        "width": 875
+      },
+      "search": [
+        "mastodon"
+      ]
+    },
+    {
+      "uid": "3d9f8dd3dd630f242e1e7881e22a2892",
+      "css": "x-twitter",
       "code": 59392,
-      "src": "fontawesome"
+      "src": "fontawesome",
+      "selected": true,
+      "svg": {
+        "path": "M760.2 93.8H898L596.9 437.9 951.2 906.3H673.8L456.4 622.3 208 906.3H69.9L392 538.1 52.3 93.8H336.7L533 353.3 760.2 93.8ZM711.7 823.8H788.1L295.1 171.9H213.1L711.7 823.8Z",
+        "width": 1000
+      },
+      "search": [
+        "x-twitter"
+      ]
     }
   ]
 }

fonts/Font-Awesome/css/fontello-codes.css

@@ -1 +1,3 @@
-.icon-twitter:before { content: '\e800'; } /* '' */
+
+.icon-x-twitter:before { content: '\e800'; } /* '' */
+.icon-mastodon:before { content: '\e801'; } /* '' */

fonts/Font-Awesome/css/fontello-ie7-codes.css

@@ -1 +1,3 @@
-.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+
+.icon-x-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-mastodon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

fonts/Font-Awesome/css/fontello-ie7.css

@@ -10,4 +10,5 @@
   /* font-size: 120%; */
 }
 
-.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-x-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-mastodon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

fonts/Font-Awesome/css/fontello.css

@@ -1,10 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('/fonts/Font-Awesome/font/fontello.eot?60964435');
-  src: url('/fonts/Font-Awesome/font/fontello.eot?60964435#iefix') format('embedded-opentype'),
-       url('/fonts/Font-Awesome/font/fontello.woff?60964435') format('woff'),
-       url('/fonts/Font-Awesome/font/fontello.ttf?60964435') format('truetype'),
-       url('/fonts/Font-Awesome/font/fontello.svg?60964435#fontello') format('svg');
+  src: url('/fonts/Font-Awesome/font/fontello.eot?96103027');
+  src: url('/fonts/Font-Awesome/font/fontello.eot?96103027#iefix') format('embedded-opentype'),
+       url('/fonts/Font-Awesome/font/fontello.woff2?96103027') format('woff2'),
+       url('/fonts/Font-Awesome/font/fontello.woff?96103027') format('woff'),
+       url('/fonts/Font-Awesome/font/fontello.ttf?96103027') format('truetype'),
+       url('/fonts/Font-Awesome/font/fontello.svg?96103027#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -14,16 +15,15 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('/fonts/Font-Awesome/font/fontello.svg?60964435#fontello') format('svg');
+    src: url('../font/fontello.svg?96103027#fontello') format('svg');
   }
 }
 */
-
- [class^="icon-"]:before, [class*=" icon-"]:before {
+[class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
-  speak: none;
+  speak: never;
 
   display: inline-block;
   text-decoration: inherit;
@@ -46,8 +46,13 @@
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
 
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
-.icon-twitter:before { content: '\e800'; } /* '' */
+.icon-x-twitter:before { content: '\e800'; } /* '' */
+.icon-mastodon:before { content: '\e801'; } /* '' */

fonts/Font-Awesome/font/fontello.svg

@@ -1,12 +1,14 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
+<metadata>Copyright (C) 2023 by original authors @ fontello.com</metadata>
 <defs>
 <font id="fontello" horiz-adv-x="1000" >
 <font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="twitter" unicode="&#xe800;" d="m25 74q19-2 43-2 126 0 224 77-59 1-105 36t-64 89q19-3 34-3 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 67-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q78 0 132-57 61 12 114 44-20-64-79-100 52 6 104 28-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81z" horiz-adv-x="928.6" />
+<glyph glyph-name="x-twitter" unicode="&#xe800;" d="M760 756h138l-301-344 354-468h-277l-218 284-248-284h-138l322 368-340 444h285l196-259 227 259z m-48-730h76l-493 652h-82l499-652z" horiz-adv-x="1000" />
+
+<glyph glyph-name="mastodon" unicode="&#xe801;" d="M846 500c0 190-125 246-125 246-122 56-446 55-567 0 0 0-124-56-124-246 0-226-13-507 206-565 79-20 147-25 202-22 99 6 155 36 155 36l-4 72s-71-23-150-20c-79 3-162 9-175 105a200 200 0 0 0-2 28c167-41 310-18 349-13 110 13 205 80 217 142 19 97 18 237 18 237z m-147-244h-91v223c0 97-125 101-125-14v-122h-91v122c0 115-125 111-125 14v-223h-91c0 238-10 289 36 342 51 56 156 60 203-12l23-38 22 38c47 72 153 68 203 12 46-54 36-104 36-342z" horiz-adv-x="875" />
 </font>
 </defs>
-</svg>
+</svg>

index.php

@@ -208,10 +208,16 @@ $announcements
         <ul>
           <li>
             <a href="https://twitter.com/official_php">
-              <i class="icon-twitter"></i>
+              <i class="icon-x-twitter"></i>
               @official_php
             </a>
           </li>
+          <li>
+            <a href="https://fosstodon.org/@php">
+              <i class="icon-mastodon"></i>
+              @php@fosstodon.org
+            </a>
+          </li>
         </ul>
       </div>
     </div>