Add mastodon links

CosmicMedia · Sep 30, 2023 · 50f503e · 50f503e
1 parent 25c9728
commit 50f503e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -55,7 +55,12 @@ <h1 class="text-center text-light" style="font-weight: bold; margin-bottom: 0px;
                     <div class="box" style="background: url(&quot;/assets/img/vanillo.png&quot;) center / cover;">
                         <div class="cover">
                             <p class="title" style="margin-top: 30px;">video made simple.</p>
-                            <div class="social"><a href="https://vanillo.tv"><i class="fa fa-globe"></i></a><a href="https://twitter.com/VanilloPR"><i class="fa fa-twitter"></i></a><a href="https://youtube.com/VanilloPR"><i class="fa fa-youtube-play"></i></a></div>
+                            <div class="social">
+                                <a href="https://vanillo.tv"><i class="fa fa-globe"></i></a>
+                                <a href="https://mastodon.online/@vanillopr"><i class="fab fa-mastodon"></i></a>
+                                <a href="https://twitter.com/VanilloPR"><i class="fab fa-twitter"></i></a>
+                                <a href="https://youtube.com/VanilloPR"><i class="fab fa-youtube-play"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 62%, rgba(0,0,0,0.52) 98%);text-align: right;">Vanillo</h3>
                     </div>
@@ -64,7 +69,9 @@ <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-
                     <div class="box" style="background: url(&quot;/assets/img/CosmicEnt.png&quot;) center / cover;">
                         <div class="cover">
                             <p class="title" style="margin-top: 30px;">Entertaining the cosmos.</p>
-                            <div class="social"><a href="https://twitter.com/CosmicEntertain"><i class="fa fa-twitter"></i></a></div>
+                            <div class="social">
+                                <a href="https://twitter.com/CosmicEntertain"><i class="fab fa-twitter"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 62%, rgba(0,0,0,0.52) 98%);text-align: right;">Cosmic Entertainment</h3>
                     </div>

diff --git a/team/index.html b/team/index.html
@@ -9,7 +9,7 @@
     <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/logo.png">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:400,700,900&amp;display=swap">
-    <link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
     <link rel="stylesheet" href="/assets/css/styles.css">
 </head>
@@ -41,7 +41,10 @@ <h1 class="text-center text-light" style="font-weight: bold; margin-bottom: 0px;
                     <div class="box" style="background: url(&quot;/assets/img/21820CF6-C8A9-4E48-A27E-51FB2D46738A.jpg&quot;) center / cover;">
                         <div class="cover">
                             <p class="title"><strong>CHIEF EXECUTIVE</strong><br><strong>OFFICER (CEO)</strong><br></p>
-                            <div class="social"><a href="https://twitter.com/michaelwebbtrm"><i class="fa fa-twitter"></i></a></div>
+                            <div class="social">
+                                <a href="https://twitter.com/michaelwebbtrm"><i class="fab fa-twitter"></i></a>
+                                <a href="https://wetdry.world/@trm"><i class="fab fa-mastodon"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.91) 98%);text-align: right;">Michael Webb</h3>
                     </div>
@@ -50,7 +53,10 @@ <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-
                     <div class="box" style="background: url(&quot;/assets/img/blake.png&quot;) center / cover;">
                         <div class="cover">
                             <p class="title"><strong>CHIEF Technology</strong><br><strong>OFFICER (CtO)</strong><br></p>
-                            <div class="social"><a href="https://twitter.com/The1Developer"><i class="fa fa-twitter"></i></a></div>
+                            <div class="social">
+                                <a href="https://twitter.com/The1Developer"><i class="fab fa-twitter"></i></a>
+                                <a href="https://wetdry.world/@The1Developer"><i class="fab fa-mastodon"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.91) 98%);text-align: right;">Blake B.</h3>
                     </div>
@@ -59,7 +65,10 @@ <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-
                     <div class="box" style="background: url(&quot;/assets/img/IMG_5256.jpg&quot;) center / cover;">
                         <div class="cover">
                             <p class="title">CONTENT LEAD, CHIEF<br>FINANCIAL OFFICER (CFO)</p>
-                            <div class="social"><a href="https://twitter.com/wakkoworld"><i class="fa fa-twitter"></i></a></div>
+                            <div class="social">
+                                <a href="https://twitter.com/wakkoworld"><i class="fab fa-twitter"></i></a>
+                                <a href="https://wetdry.world/@aaron"><i class="fab fa-mastodon"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.91) 98%);text-align: right;">Aaron M.</h3>
                     </div>
@@ -86,7 +95,10 @@ <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-
                     <div class="box" style="background: url(&quot;/assets/img/europe.png&quot;) center / cover;">
                         <div class="cover">
                             <p class="title">head of international <br>development</p>
-                            <div class="social"><a href="https://twitter.com/kenhydrogen"><i class="fa fa-twitter"></i></a></div>
+                            <div class="social">
+                                <a href="https://twitter.com/kenhydrogen"><i class="fab fa-twitter"></i></a>
+                                <a href="https://mastodon.social/@thehydrogen"><i class="fab fa-mastodon"></i></a>
+                            </div>
                         </div>
                         <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-xl-end align-items-xl-end name" style="height: 100%;padding: 13px;background: linear-gradient(rgba(0,0,0,0) 57%, rgba(0,0,0,0.91) 98%);text-align: right;">Aleks Xh.</h3>
                     </div>