update page

DoubleCookies · Aug 18, 2024 · dc69aca · dc69aca
1 parent fdd69e3
commit dc69aca
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/Main.css b/src/Main.css
@@ -63,13 +63,15 @@
 
 .twitter-icon,
 .discord-icon,
+.maps-icon,
 .vk-icon {
   color: #b88dbd;
   transition: 0.3s;
 }
 
 .twitter-icon:hover,
 .discord-icon:hover,
+.maps-icon:hover,
 .vk-icon:hover {
   transition: 0.3s;
   transform: scale(1.2);
@@ -86,3 +88,7 @@
 .vk-icon:hover {
   color: #4c75a3;
 }
+
+.maps-icon:hover {
+  color: #b54efa;
+}
diff --git a/src/components/Links/Links.tsx b/src/components/Links/Links.tsx
@@ -1,7 +1,8 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTwitter, faDiscord } from '@fortawesome/free-brands-svg-icons';
+import { faTwitter } from '@fortawesome/free-brands-svg-icons';
 import bg from '../../images/Backgrounds/bg1.webp';
 import './Links.css';
+import {faMap} from "@fortawesome/free-solid-svg-icons";
 
 function Links() {
   return (
@@ -17,13 +18,13 @@ function Links() {
           <p>Here we post our tournament results, goofy memes and repost cool stuff made by our team members.</p>
         </div>
         <div className="links-row">
-          <a href="https://discord.com/invite/t2nxshYDYg" target="_blank" rel="noreferrer">
-            <FontAwesomeIcon icon={faDiscord} size={'4x'} className="discord-icon" />
+          <a href="/maps" rel="noreferrer">
+            <FontAwesomeIcon icon={faMap} size={'4x'} className="maps-icon" />
           </a>
-          <a href="https://discord.com/invite/t2nxshYDYg" target="_blank" rel="noreferrer">
-            <b style={{ fontSize: '1.4rem' }}>Discord</b>
+          <a href="/maps" rel="noreferrer">
+            <b style={{ fontSize: '1.4rem' }}>Callouts</b>
           </a>
-          <p>Here we prepare for events, discuss strategies and just hang out! Feel free to stop by!</p>
+          <p>Our callouts for maps. Work in progress!</p>
         </div>
       </div>
     </div>