styling fixed + meta tags added

GDSC-RTU · Oct 14, 2021 · 2704246 · 2704246 · vercel · Oct 14, 2021
1 parent e9b7c0a
commit 2704246
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 41 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -7,37 +7,20 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="GDSC RTU's cloud leader board"
+      content="GDSC RTU's Cloud Program Leaderboard"
     />
+    <meta name="robots" content="index, follow">
+    <meta name="revisit-after" content="1 days">
+    <meta name="author" content="Google DSC RTU">
+    <meta name="color-scheme" content="dark light">
+    <meta property="og:image" content="%PUBLIC_URL%/logo192.png" />
+
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>Cloud Leaderboard</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -20,6 +20,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#232323",
+  "background_color": "#232323"
 }
diff --git a/src/App.css b/src/App.css
@@ -1,7 +1,5 @@
-body{
+.App{
   padding: 20px 0px;
-  text-align: center;
-  background:#232323;
 }
 
 .main-table{
@@ -30,9 +28,9 @@ body{
 }
 
 .main-table tbody tr:hover{
-  transform: translate3d(-20px, -5px, 5px);
+  transform: translate3d(0px, -5px, 0px);
   transition: all 0.2s ease-in-out;
-  box-shadow: 0 0 20px rgb(0 0 0 / 50%);
+  box-shadow: 0 0 12px rgb(0 0 0 / 50%);
 }
 
 .main-table tbody tr td{
@@ -43,7 +41,6 @@ h1 {
   text-shadow: 2px 2px #b20fe4;
 }
 
-
 .heading{
    font-size:20px;
     color:#888DFF!important;
@@ -63,20 +60,25 @@ h1 {
   padding: 4px 5px;
 }
 
+.team{
+  color: #fff;
+  margin: 25px 0;
+}
+
+.team a{
+  text-decoration: none;
+  font-weight: 700;
+  color: #fff;
+}
+
 @media (max-width: 992px){
   .heading{
-    width: 100%;
-    margin: 0;
+    width: 80%;
+    margin: auto;
     font-size: 16px;
   }
 
   .container{
     overflow-x: scroll;
-    width: 100%;
-  }
-
-  .main-table{
-    position: relative;
-    z-index: 1;
   }
 }
diff --git a/src/App.js b/src/App.js
@@ -3,15 +3,19 @@ import Leaderboard from './components/Leaderboard'
 
 function App() {
 
+  //importing the json data from produced file
   const data = require('./../src/participantData.json')
-  console.log(data);
 
   return (
     <div className="App">
       <div className="heading"> 
         <h1>GDSC RTU Google Cloud Program Leaderboard</h1>
       </div>
       <Leaderboard participantData={data}/>
+
+      <div className="team">
+        Made with ❤️ by <a href="https://gdsc.community.dev/rajasthan-technical-university-kota/">Google DSC RTU</a>
+      </div>
     </div>
   );
 

diff --git a/src/index.css b/src/index.css
@@ -1,4 +1,10 @@
+html{
+  width: 100%;
+}
+
 body {
+  text-align: center;
+  background:#232323;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
@@ -7,6 +13,10 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+html, body{
+  overflow-x: hidden;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;