Skip to content

#49 winners page added #54

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
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

#49 winners page added #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a6a2540
winners page added
Apoorva-Datir Jul 26, 2021
0063dad
Update main.css
Apoorva-Datir Jul 26, 2021
8b2f6e7
Final Update
Apoorva-Datir Jul 26, 2021
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
4 changes: 2 additions & 2 deletions anantya/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,8 @@ <h1>
<div class="content-text">
<h1 class="heading">8bit to 8K</h1>
<h6>An Event By the students, for the Students <i> #FindYourTribe </i></h6>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeHIrhbSAynlz2f7svyvbkcBBt6RyT9Qcig5E9QWe_J8fuyuA/viewform"
target="_blank" class="btn">Register</a>
<a href="./winners/index.html"
target="_blank" class="btn">Winners</a>
</div>
</div>
</div>
Expand Down
113 changes: 113 additions & 0 deletions anantya/winners/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anantya 21 Events</title>
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./main.css">
<link rel="shortcut icon" href="../assets/logo.png" type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K4Z30P6082"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-K4Z30P6082');
</script>
</head>

<body>
<audio src="../assets/nope.mp3" hidden id="nope"></audio>
<div class="container">
<div class="page">
<div class="nav">
<a href="/anantya">
<div class="lead">Anantya 21</div>
</a>
<ul>
<li>
<a href="/anantya/#events">
Events</a>
</li>
<li>
<a href="https://discord.gg/bRffj9baP2" target="_blank" rel="noopener noreferrer">
Discord</a>
</li>
</ul>
</div>
<div class="cnt-0 text-center">

<div class="cnt-0-text" >
<h1 id="winners">
Winners
</h1>

</div>
</div>
<div class="holder">

<div class="cnt-0">

<h1 class="eventName">
Codigo
</h1>
<div class="cnt-content" id="e-fees">
<ul>
<li>1st prize : John</li>
<li>2nd prize : Sam</li>
<li>3rd prize : Elen</li>
</ul>
</div>
</div>
</div>
<div class="cnt-0">
<h1 class="eventName">
Perplexo
</h1>
<div class="cnt-content" id="names">
<ul>
<li>1st prize : John</li>
<li>2nd prize : Sam</li>
<li>3rd prize : Elen</li>
</ul>
</div>
</div>

<div class="cnt-0">
<h1 class="eventName">
Brain-Apti
</h1>
<div class="cnt-content" id="names">
<ul>
<li>1st prize : John</li>
<li>2nd prize : Sam</li>
<li>3rd prize : Elen</li>
</ul>
</div>
</div>
<div class="cnt-0">
<h1 class="eventName">Retracer</h1>

<div class="cnt-content" id="names">
<ul>
<li>1st prize : John</li>
<li>2nd prize : Sam</li>
<li>3rd prize : Elen</li>
</ul>
</div>
</div>
</div>

</div>
</div>

</body>
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="./main.js"></script> -->

</html>
244 changes: 244 additions & 0 deletions anantya/winners/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,244 @@
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

* {
margin: 0;
padding: 0;
box-sizing: border-box;
user-select: none;
}

ul {
margin: 0;
list-style: none;
}

a {
text-decoration: none;
color: inherit;
}

a:hover {
text-decoration: none;
color: inherit;
}

.lead:hover {
color: #FFCC01;
}

.nav li:hover {

color: #FFCC01;
}

html,
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-color: #FF1901;
font-family: 'Press Start 2P',
cursive;
}

.container {
padding: 30px 0px;

}

.page {
align-items: center;
width: 65vw;
min-height: 75vh;
border-radius: 25px;
margin: 50px auto;
box-shadow: 0px 0px 0px 6px #0B1728;
background-color: white;

}

.nav {
padding: 0 50px;
background-color: #17008E;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 25px 25px 0px 0px;
border: solid #17008E 7px;
/* height: 50px; */
color: white;
line-height: 2.2;
font-size: 1.5em;
}

.nav ul li {
display: inline;
}


/* .content {
font-size: 1.5em;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 150px 0;
} */

/* .content-text {
width: 50%;
display: grid;
grid-template-rows: 1fr 1fr 1fr;
text-align: center;
justify-content: center;
align-self: center;
} */

/* .content-text h1 {
font-size: 2.5em;
} */

/*.btn {
background: #FFCC01;
border: 4px solid #000000;
border-radius: 15px;
padding: 15px;
margin: auto;
color: #000000;
box-shadow: 5px 5px 0px #0B1728;
/* transition: all 0.2s ease; */
/*} */

/* .btn:hover {
transform: translate(2px, 2px);
box-shadow: 2px 2px 0px #0B1728;

} */

.cnt-0 {
padding: 40px;
display: grid;
grid-template-columns: 5fr 5fr;
align-items: flex-start;
justify-content: center;
text-align: justify;
border-width: 25rem;
border-color: black;
/* box-shadow: 10px solid black; */

}



/* #e-faculty {
align-self: center;
} */

.cnt-0-text {
display: flex;
flex-direction: column;
padding: 20px;

align-items: center;
justify-content: flex-end;
width: 100%;
line-height: 2;
text-align: center;
position:absolute;
left: 0%;
bottom: 60%;


font-size: 3vh;
}

.eventName{
margin-left: 70px;
}

.holder {
padding: 20px;
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */

}

.cnt-content li {
margin-bottom: 25px;

}

.cnt-content li a {
text-decoration: underline;
}

@media only screen and (max-width: 650px) {

.page {
margin: 20px auto;
}

.nav {
padding: 1px;
}

.nav ul {
font-size: 0.7em;
}

.content {
padding: 0;
}



.content-text h1 {
font-size: 1.5em;
}

.cnt-0 {
grid-template-columns: 60vw;
grid-template-rows: auto 1fr;
justify-items: flex-start;
margin: auto;
/* display: block;
padding: 12px; */
}

.cnt-0-text {
padding: 20px 0;


}





ol {
list-style: none;
}

ol li {
margin-bottom: 50px;
border-bottom: 2px solid black;
}

}





ol {
list-style: none;
}

ol li {
margin-bottom: 50px;
border-bottom: 2px solid black;
}

}