Community and Competition Icon Redesign

src/App.tsx

@@ -45,7 +45,7 @@ import CompetitionSpecificTeamPage from './pages/Competitions/CompetitionTeamPag
 import CompetitionAllTeamsPage from './pages/Competitions/CompetitionTeamPages/AllTeamsPage';
 import CompetitionLeaderboardPage from './pages/Competitions/CompetitionLeaderboardPage';
 import CompetitionSubmissionDetailsPage from './pages/Competitions/CompetitionTeamPages/SubmissionDetailsPage';
-
+import LoggedInMainPage from './pages/LoggedInMainPage';
 import NotFoundPage from './pages/404Page';
 
 import ProjectPage from './pages/ProjectsPage/index';
@@ -108,6 +108,9 @@ function App() {
             <UserProvider value={{ user: user, setUser: setUser }}>
               <Switch>
               <Route path="/" exact component={MainPage} />
+              <Route path="/testLoggedInMain" exact component={LoggedInMainPage} />
+
+
               <Route path="/about" exact component={AboutPage} />
               <Route path="/competitions" exact component={CompetitionsPage} />
               <Route path="/alumni" exact component={AlumniPage} />

src/components/Statistic/index.less

@@ -13,13 +13,16 @@
     font-size: @font4;
     line-height: @font4;
     font-weight: @semi-bold;
+    @media only screen and (max-width: @xs) {
+      font-size: @font5;
+    }
   }
 
   .description {
     display: block;
     font-size: @font2;
     @media only screen and (max-width: @xs) {
-      font-size: 14px;
+      font-size: @font4;
     }
     font-weight: @regular;
     line-height: 32.25px;

src/newStyles/components.less

@@ -104,3 +104,11 @@
         color: @text-gray2;
     }
 }
+
+.text-colorful {
+    background: linear-gradient(#F66161, #FF8130);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;  /* For Firefox */
+  color: transparent;
+}

src/newStyles/variables.less

@@ -40,6 +40,7 @@
 @mainyellow: #FFA659;
 @hotred: #FA5E5E;
 @orange: #f5621e;
+@maingreen: #51C0C0;
 
 @b1: rgb(36, 41, 51);
 @b2: rgb(61, 69, 89);

src/pages/CompetitionsPage/competitionsData.json

@@ -0,0 +1,48 @@
+[
+    {
+      "competitionName": "Element.AI",
+      "icon": "../../../elemental.png",
+      "year": "2023",
+      "stats": {
+        "In Prizes": 5000,
+        "Signups": 200,
+        "Teams": 50
+      },
+      "description": "Long ago, there was Sunny G. Using the four elements, he built and shaped the world, making the story of earth, water, fire, and air an ancient tale that has been told in many different cultures throughout history. Now the guardian of UCSD, Sunny G, tired of students not filling out CAPES, has decided to reward the power of elemental-bending to diligent students who fill out their CAPES. However, unsure on which element is the strongest, he has put together a competition for the elements to demonstrate their strength. We would like to thank our sponsor, Arjay Waran (RJ), for funding this competition to further AI and competitive programming. This competition has concluded. Congratulations to Team Shubham on their win.",
+      "link": "/competitions/Element.AI/leaderboard"
+    },
+    {
+      "competitionName": "Neural Network Modeling",
+      "icon": "../../../nnm.png",
+      "year": "2021",
+      "stats": {
+        "Teams": 10,
+        "Submissions": 500
+      },
+      "description": "Welcome to the Winter 2021 Neural Network Modeling Competition! The objective of this competition is to model an unknown function as accurately as possible! Submissions are scored by lowest MSE. This competition has concluded. Congratulations to programjames on their win.",
+      "link": "/old-competitions/nn"
+    },
+    {
+      "competitionName": "Energium AI",
+      "icon": "../../../energium.png",
+      "year": "2020",
+      "stats": {
+        "Teams": 14,
+        "Matches Played": 2400
+      },
+      "description": "Upon the dawn of the new millennium, energy has become currency, the most precious resource after the majority of Earth's resources have been mined out. You are an energy corporation with the technology of Collectors, robots that can mine an energy-rich resource known as Energium on the asteroid belts of our solar system. Your goal is to build the best AI agent to control these collectors and get more energy than your competitors. This competition has concluded. Congratulations to programjames on their win.",
+      "link": "/old-competitions/energium/ranks"
+    },
+    {
+      "competitionName": "Hide and Seek",
+      "icon": ".../../../hns.png",
+      "year": "2020",
+      "stats": {
+        "Teams": 15,
+        "Matches Played": "120000"
+      },
+      "description": "Welcome to ACM AI's first competition, and the first of its kind at UCSD. You must use your wits and strategies, along with knowledge of programming, to effectively hide and seek. Your AI must be able to play the Seeker and the Hider, and must either find and tag all hiders or hide from all seekers. Are you up for the challenge? The competition has concluded. Congratulations to Joe Cai for winning the Hide and Seek AI Competition and to Matei Gardus for winning the hacker award.",
+      "link": "/old-competitions/hideandseek"
+    }
+  ]
+