Skip to content

Commit

Permalink
Merge pull request #32 from codenetwork/hackathon
Browse files Browse the repository at this point in the history 
Add Hackathon Page
  • Loading branch information
@McCorsa
McCorsa authored May 25, 2024
2 parents c3949e6 + c3fe3f2 commit 2506a2b
Show file tree
Hide file tree
Showing 11 changed files with 572 additions and 310 deletions.
Binary file added bun.lockb
View file
Binary file not shown.
11 changes: 11 additions & 0 deletions jsconfig.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": [
"./src/*"
]
},
"jsx": "react"
}
}
34 changes: 18 additions & 16 deletions src/App.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,20 @@
import { useState } from 'react'
import './App.css'
import GeneralRules from './general_rules'
import { Routes, Route } from "react-router-dom"
import AnimatedCursor from "./component/cursor"
import Header from './Header'
import Ssp from './ssp'
import Coc from './coc'
import About from './About'
import Agm from './Agm'
import Rules from './Rules'
import Constitution from './constitution'
import SGM from './Sgm'
import { useState } from "react";
import "./App.css";
import GeneralRules from "./general_rules";
import { Routes, Route } from "react-router-dom";
import AnimatedCursor from "./component/cursor";
import Header from "./Header";
import Ssp from "./ssp";
import Coc from "./coc";
import About from "./About";
import Agm from "./Agm";
import Rules from "./Rules";
import Constitution from "./constitution";
import SGM from "./Sgm";

function App()
{
import HackathonPage from "@/routes/Hackathon";

function App() {
return (
<div>
<section className="auto-margin App">
Expand All @@ -28,10 +29,11 @@ function App()
<Route path="/rules/constitution" element={<Constitution />} />
<Route path="/agm" element={<Agm />} />
<Route path="/sgm" element={<SGM />} />
<Route path="/hackathon" element={<HackathonPage />} />
</Routes>
</section>
</div>
)
);
}

export default App;
278 changes: 138 additions & 140 deletions src/component/Navbar.css
View file
Original file line number Diff line number Diff line change
@@ -1,186 +1,184 @@
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap");

body {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Montserrat", helvetica;
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Montserrat", helvetica;
}

:root {
--mainColor: #1E1E1E;;
--mainColorLight: #5767aa;
--secondaryColor: rgb(43, 219, 69);
--textColor: #eee;
--mainColor: #1e1e1e;
--mainColorLight: #5767aa;
--secondaryColor: rgb(43, 219, 69);
--textColor: #eee;
}
.background-colour {
background-color: var(--mainColor);
background-color: var(--mainColor);
}

.highlight-color {
color: var(--secondaryColor);
color: var(--secondaryColor);
}

header {
display: flex;
align-items: center;
justify-content: space-between;
height: 15vh;
color: var(--textColor);
background-color: var(--mainColor);
display: flex;
align-items: center;
justify-content: space-between;
height: 15vh;
color: var(--textColor);
background-color: var(--mainColor);
}



nav a {
margin: 0 2rem;
color: var(--textColor);
transition: all .2s;
text-decoration: none;
/* margin: 0 2rem; */
color: var(--textColor);
transition: all 0.2s;
text-decoration: none;
}

nav a:hover {
transform: scale(1.1);
color: var(--secondaryColor);
transform: scale(1.1);
color: var(--secondaryColor);
}
a:hover {
color: var(--secondaryColor);

color: var(--secondaryColor);
}
header .nav-btn {
padding: 5px;
cursor: pointer;
background: transparent;
border: none;
outline: none;
color: var(--textColor);
visibility: hidden;
opacity: 0;
font-size: 1.8rem;
padding: 5px;
cursor: pointer;
background: transparent;
border: none;
outline: none;
color: var(--textColor);
visibility: hidden;
opacity: 0;
font-size: 1.8rem;
}

header div,
nav {
display: flex;
align-items: center;
display: flex;
align-items: center;
column-gap: 2rem;
}

.width-container {
max-width: 70%;
max-width: 70%;
}

.edges2 {
width: 100vw;
height: fit-content;
position: fixed;
left:0;
z-index: 1;
justify-content: center;
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(4px);
animation-name: navbar;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
animation-fill-mode: forwards;
width: 100vw;
height: fit-content;
position: fixed;
left: 0;
z-index: 1;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
animation-name: navbar;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
animation-fill-mode: forwards;
}

@keyframes navbar {
from {margin-top: -20vh}
to {margin-top:-5vh}
from {
margin-top: -20vh;
}
to {
margin-top: -5vh;
}
}


.social-dropdown {
position: relative;
position: relative;
}

.social-dropdown-menu {
position: absolute;
flex-direction: column;
top: 150%;
left: -70%;
width: 180%;
/* padding-left: 15px;
padding-right: 15px; */
background-color: rgb(14, 14, 14);
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
padding: 20px 20px;
row-gap: 1.2rem;
}

.social-dropdown-menu a {
/* margin-left: 20px; */
display: flex;
/* padding: 10px 0; */
color: rgb(255, 255, 255);
text-decoration: none;
}

.button-style {
background-color: transparent;
font-family: "Montserrat", helvetica;
color: white;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
padding: 0;
/* padding: 10px; */
}

.button-style:hover + .social-dropdown-menu,
.social-dropdown-menu:hover {
opacity: 1;
border-radius: 10px;
visibility: visible;
top: 120%;
transition: all 0.3s ease-in-out;
}
.button-style:hover {
transform: scale(1.1);
color: var(--secondaryColor);
transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}

@media only screen and (max-width: 600px) {
.edges2 {
padding-top: 20px;
justify-content: space-around;
}

.social-dropdown-menu {
position: absolute;
flex-direction: column;
top: 150%;
left: -50%;
width: 180%;
padding-left: 15px;
background-color: rgb(14, 14, 14);
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
header h3 {
padding: 1rem;
margin: 0;
}

.social-dropdown-menu a {
margin-left: 20px;
display: flex;
padding: 10px 0;
color: rgb(255, 255, 255);
text-decoration: none;
.social-dropdown {
padding: 0;
}


.button-style {
background-color: transparent;
font-family: "Montserrat", helvetica;
color: white;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
padding: 10px;
header .nav-btn {
visibility: visible;
opacity: 1;
}

.button-style:hover + .social-dropdown-menu,
.social-dropdown-menu:hover {
opacity: 1;
border-radius: 10px;
visibility: visible;
top: 120%;
transition: all 0.3s ease-in-out;
header nav {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
background-color: var(--mainColor);
transition: 1s;
transform: translateY(-100vh);
}
.button-style:hover {
transform: scale(1.1);
color: var(--secondaryColor);
transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);;
header .responsive_nav {
transform: none;
height: 100vh;
}


@media only screen and (max-width: 600px) {
.edges2{
padding-top: 20px;
justify-content: space-around;
}
header h3{
padding: 1rem;
margin:0;
}
.social-dropdown{
padding: 0;
}
header .nav-btn{
visibility: visible;
opacity: 1;
}
header nav{
position: fixed;
top:0;
left:0;
height: 100%;
width:100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
background-color: var(--mainColor);
transition: 1s;
transform: translateY(-100vh);
}
header .responsive_nav{
transform: none;
height: 100vh;
}
}





}
Loading

0 comments on commit 2506a2b

Please sign in to comment.