Merge pull request #12 from GDSC-REC/development

Development Iteration #1
GDSC-REC · Oct 24, 2023 · 75cbf5c · 75cbf5c
2 parents 8a22e3a + af3c221
commit 75cbf5c
Show file tree

Hide file tree

Showing 14 changed files with 128 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,12 @@
 # Intro to Software Development through Web Development
 
+- [Intro to Software Development through Web Development](#intro-to-software-development-through-web-development)
+  - [How to contribute to this repo](#how-to-contribute-to-this-repo)
+  - [Brand Kit](#brand-kit)
+    - [Colors](#colors)
+    - [Fonts](#fonts)
+  - [Libraries Used](#libraries-used)
+
 ## How to contribute to this repo
 
 1. Fork your own copy of this repo from the development branch and work on it.
@@ -21,4 +28,28 @@ npm run dev
 
 ## Brand Kit
 
-> will be added soon
+### Colors
+
+**Blue:** Blue 500 #4285f4 | Blue 300 #8ab4f8  
+**Green:** Green 500 #34a853 | Green 300 #81c995  
+**Yellow:** Yellow 500 #f9ab00 | Yellow 300 #fde293    
+**Red:** Red 500 #ea4335 | Red 300 #f28b82  
+**Neutrals:** Black #000000 | Grey 700 #5f6368 | Grey 100 #f1f3f4  
+
+![Color](src/assets/readme-res/brand-kit-screenshot-1.jpg)
+
+### Fonts
+
+Headings: Manrope ExtraBold 800  
+SubHead: Roboto Mono Regular 400  
+Body: Open Sans Regular 400  
+
+Manrope: [Link](https://fonts.google.com/specimen/Manrope)  
+Roboto Mono: [Link](https://fonts.google.com/specimen/Roboto+Mono)  
+Open Sans: [Link](https://fonts.google.com/specimen/Open+Sans)  
+
+## Libraries Used
+
+- BrowserRouter
+- axios
+- ReactGoogleForms
diff --git a/index.html b/index.html
@@ -1,10 +1,13 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="./src/assets/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./src/assets/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="./src/assets/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="./src/assets/favicon/site.webmanifest" />
+    <title>GDSC REC</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/assets/favicon/android-chrome-192x192.png b/src/assets/favicon/android-chrome-192x192.png
diff --git a/src/assets/favicon/android-chrome-512x512.png b/src/assets/favicon/android-chrome-512x512.png
diff --git a/src/assets/favicon/apple-touch-icon.png b/src/assets/favicon/apple-touch-icon.png
diff --git a/src/assets/favicon/favicon-16x16.png b/src/assets/favicon/favicon-16x16.png
diff --git a/src/assets/favicon/favicon-32x32.png b/src/assets/favicon/favicon-32x32.png
diff --git a/src/assets/favicon/favicon.ico b/src/assets/favicon/favicon.ico
diff --git a/src/assets/favicon/site.webmanifest b/src/assets/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/src/assets/images/google-developers-seeklogo.com.svg b/src/assets/images/google-developers-seeklogo.com.svg
diff --git a/src/assets/images/undraw_tree_swing_re_pqee.svg b/src/assets/images/undraw_tree_swing_re_pqee.svg
diff --git a/src/assets/readme-res/brand-kit-screenshot-1.jpg b/src/assets/readme-res/brand-kit-screenshot-1.jpg
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,58 @@
+body {
+  font-family: "Open Sans", "Helvetica Neue", sans-serif;
+  margin: 0;
+  text-align: center;
+}
+
+#root {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+figure {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  flex-wrap: wrap;
+  width: 80%;
+}
+
+figure img {
+  max-width: 400px;
+  width: 80%;
+}
+
+figcaption {
+  margin-top: 1rem;
+  font-size: 1.5rem;
+}
+
+a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  text-decoration: none;
+  color: black;
+  border: 1px solid black;
+  padding: 1rem 1rem;
+  border-radius: 3rem;
+}
+
+a:hover {
+  background-color: whitesmoke;
+}
+
+a:active {
+  background-color: rgb(212, 212, 212);
+}
+
+a img {
+  height: 1rem;
+  width: 3rem;
+}
diff --git a/src/main.jsx b/src/main.jsx
@@ -0,0 +1,21 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <figure>
+    <img
+      src="./src/assets/images/undraw_tree_swing_re_pqee.svg"
+      alt="google developer student clubs raghu engineering college logo"
+    />
+    <figcaption>Oops! Nothing to see here 😅</figcaption>
+    <p>Anyway, now that you're here, why not check out our club?</p>
+    <a href="https://gdsc.community.dev/raghu-engineering-college-visakhapatnam/">
+      <span>Explore GDSC REC</span>
+      <img
+        src="./src/assets/images/google-developers-seeklogo.com.svg"
+        alt="google developer student clubs raghu engineering college logo"
+      />
+    </a>
+  </figure>
+);
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}