Skip to content

😉 #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
niv3D wants to merge 1 commit into
base: main
Choose a base branch
from
Open

😉 #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,370 changes: 677 additions & 693 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

19 changes: 13 additions & 6 deletions src/App.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,200&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,200&display=swap");

.App {
text-align: center;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
background-color: #13141c;
}

body{
margin:0;
}
.App-logo {
height: 40vmin;
pointer-events: none;
Expand All @@ -27,7 +28,7 @@ body{
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}

.App-link {
Expand All @@ -42,3 +43,9 @@ body{
transform: rotate(360deg);
}
}

.Main-container {
margin-left: calc(5vh + 2vw);
width: calc(100% - (5vh + 2vw));
height: 85%;
}
47 changes: 23 additions & 24 deletions src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,42 +1,41 @@
import logo from './logo.svg';
import './App.css';
import './Pages/Contribute/Init/Init.css';
import logo from "./logo.svg";
import "./App.css";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Home from "./Pages/Home/home";
import Contribute1 from "./Pages/Contribute/Init/Init";
import Contribute2 from "./Pages/Contribute/Final/Final";
import First from "./Pages/First/first";
import EC from "./Pages/EC/ec";
import CS from "./Pages/CS/cs";
import MECH from "./Pages/MECH/mech";
import EEE from "./Pages/EEE/eee";
import CIVIL from "./Pages/CIVIL/civil";
import Nomatch from "./Pages/Nomatch/Nomatch";
import Navbar from "./components/Navbar/Navbar"
import Navbar from "./components/Navbar/Navbar";
import Footer from "./components/Footer/Footer";
import Home from "./Pages/Home/Home";
import CS from "./Pages/CS/CS";

function App() {
return (
<div>
<Navbar />
<div style={{'marginLeft': "8%"}}>
<Router>
<Switch>
<Route exact path={["/", "/index", "/home"]} component={Home} />
<Route exact path="/first" component={First} />
<Route exact path="/cs" component={CS} />
<Route exact path="/ec" component={EC} />
<Route exact path="/eee" component={EEE} />
<Route exact path="/civil" component={CIVIL}/>
<Route exact path="/mech" component={MECH} />
<Route exact path="/contribute1" component={Contribute1} />
<div className="App">
<Navbar />
<div className="Main-container">
<Router>
<Switch>
<Route exact path={["/", "/index", "/home"]} component={Home} />
<Route exact path="/cs" component={CS} />
<Route exact path="/first" component={First} />
<Route exact path="/ec" component={EC} />
<Route exact path="/eee" component={EEE} />
<Route exact path="/civil" component={CIVIL} />
<Route exact path="/mech" component={MECH} />
<Route exact path="/contribute1" component={Contribute1} />
<Route exact path="/contribute2" component={Contribute2} />
<Route path="*" component={Nomatch} />
</Switch>
</Router>
</Switch>
</Router>
</div>
<Footer />
</div>

</div>

);
}

Expand Down
76 changes: 76 additions & 0 deletions src/Pages/CS/cs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
.CS {
height: 100%;
width: 100%;
display: grid;
grid-template-rows: 20% 80%;
}

.main-title {
display: grid;
grid-template-rows: 50% 50%;
}
.title,
.sem {
display: flex;
align-items: center;
}
#dep-title {
font-family: Poppins;
font-size: calc(3vh);
font-weight: 600;
color: #547cf5;
margin-left: calc(10vh);
}
.sem {
padding-left: calc(10vh);
}
.sem-button {
font-family: Poppins;
font-size: calc(1.5vh);
font-weight: 600;
line-height: calc(2vh);
text-align: center;
color: #547cf5;
padding: calc(1vh) calc(2vh) calc(1vh) calc(2vh);
background-color: #13141c;
border: 2px solid #547cf5;
border-radius: calc(2vh);
margin-right: calc(2vh);
}
.sem-button:hover {
color: #13141c;
background-color: #547cf5;
}

.contents {
padding: calc(5vh) calc(5vh) calc(0vh) calc(10vh);
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
align-content: space-around;
}
.notes {
border-left: 5px solid #547cf5;
width: 50%;
height: 90%;
border-radius: calc(2vh);
box-shadow: 4px 4px 4px 0px #0000004d, 0px -1px 4px 0px #0000001a;
padding-left: 20px;
font-family: Poppins;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-bottom: 10px;
}
.notes a{
text-decoration: none;
color: #D4DFFF;
}
.subject-name {
font-family: Poppins;
font-size: 20px;
font-weight: bold;
color: #547cf5;
margin-bottom: 10px;
}
81 changes: 73 additions & 8 deletions src/Pages/CS/cs.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,76 @@
import "./CS.css";


function Cs(){
return (
<div>
CS
function CS() {
return (
<>
<div className="CS">
<div className="main-title">
<div className="title">
<h1 id="dep-title">COMPUTER SCIENCE</h1>
</div>
<div className="sem">
<button className="sem-button">Semester 1</button>
<button className="sem-button">Semester 2</button>
<button className="sem-button">Semester 3</button>
<button className="sem-button">Semester 4</button>
<button className="sem-button">Semester 5</button>
<button className="sem-button">Semester 6</button>
<button className="sem-button">Semester 7</button>
<button className="sem-button">Semester 8</button>
</div>
</div>

)
<div className="contents">
<div className="notes">
<h2 className="subject-name">COA</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
<div className="notes">
<h2 className="subject-name">GRAPH THEORY</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
<div className="notes">
<h2 className="subject-name">OS</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
<div className="notes">
<h2 className="subject-name">DBMS</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
<div className="notes">
<h2 className="subject-name">HONOURS</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
<div className="notes">
<h2 className="subject-name">MINORS</h2>
<a href="">MODULE 1</a>
<a href="">MODULE 2</a>
<a href="">MODULE 3</a>
<a href="">MODULE 4</a>
<a href="">MODULE 5</a>
</div>
</div>
</div>
</>
);
}
export default Cs;
export default CS;
Loading