Skip to content

Commit

Permalink
added hackthon-related pages
Browse files Browse the repository at this point in the history
  • Loading branch information
calixo888 committed Apr 4, 2020
1 parent 5f38531 commit 74f0a12
Show file tree
Hide file tree
Showing 15 changed files with 281 additions and 9 deletions.
1 change: 1 addition & 0 deletions .gitignore
@@ -1 +1,2 @@
*.pyc
.DS_Store
8 changes: 8 additions & 0 deletions static/community/base.css
Expand Up @@ -5,3 +5,11 @@ body {
nav {
background-color: blue;
}

.form-input-group {
padding: 15px 0;
}

.form-input-group input, textarea {
width: 100%;
}
4 changes: 1 addition & 3 deletions static/community/edit-profile.css
@@ -1,3 +1 @@
.form-input-group {
padding: 15px 0;
}

18 changes: 17 additions & 1 deletion static/hackathon/base.css
@@ -1,7 +1,23 @@
body {
background-color: #eee;
min-height: 100vh;
}

nav {
.heading-banner {
height: 200px;
background-color: blue;
display: flex;
align-items: center;
}

.heading-banner * {
color: white;
}

.form-input-group {
padding: 15px 0;
}

.form-input-group input, textarea {
width: 100%;
}
15 changes: 15 additions & 0 deletions static/hackathon/competitors.css
@@ -0,0 +1,15 @@
.competitors {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-gap: 50px;
}

.competitor {
text-align: center;
}

.competitor-img {
width: 50%;
margin: 0 auto;
margin-bottom: 15px;
}
15 changes: 15 additions & 0 deletions static/hackathon/schedule.css
@@ -0,0 +1,15 @@
table {
border-collapse: collapse;
width: 100%;
}

th {
background-color: blue;
}

td, th {
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
27 changes: 27 additions & 0 deletions static/hackathon/submissions.css
@@ -0,0 +1,27 @@
.submissions {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
grid-gap: 15px;
}

.submission {
background-color: blue;
padding: 15px;
border-radius: 5px;
position: relative;
}

.submission * {
color: white;
}

.submission-btns {
position: absolute;
top: 15px;
right: 25px;
}

.submission-btn {
width: 30px;
margin-right: 5px;
}
Binary file added static/img/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/out.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions static/staff/edit-create-hackathon.css
@@ -1,3 +1,7 @@
.form-input-group {
padding: 15px 0;
}

.form-input-group input, textarea {
width: 100%;
}
2 changes: 1 addition & 1 deletion templates/hackathon/base.html
Expand Up @@ -9,7 +9,7 @@
{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="/">w3Hacks Hackathon</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbar-target">
Expand Down
53 changes: 52 additions & 1 deletion templates/hackathon/competitors.html
@@ -1,4 +1,55 @@
{% extends 'hackathon/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'hackathon/competitors.css' %}">
{% endblock %}
{% block body %}
<h1>Competitors</h1>
<div class="heading-banner">
<div class="container">
<h1>Competitors</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="container">
<div class="competitors">
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
<div class="competitor">
<img src="{% static 'img/user.png' %}" alt="" class="competitor-img">
<h5>Competitor</h5>
</div>
</div>
</div>
{% endblock %}
37 changes: 36 additions & 1 deletion templates/hackathon/schedule.html
@@ -1,4 +1,39 @@
{% extends 'hackathon/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'hackathon/schedule.css' %}">
{% endblock %}
{% block body %}
<h1>Schedule</h1>
<div class="heading-banner">
<div class="container">
<h1>Schedule</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="container">
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
</table>
</div>
{% endblock %}
57 changes: 56 additions & 1 deletion templates/hackathon/submissions.html
@@ -1,4 +1,59 @@
{% extends 'hackathon/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'hackathon/submissions.css' %}">
{% endblock %}
{% block body %}
<h1>Submissions</h1>
<div class="heading-banner">
<div class="container">
<h1>Submissions</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="container">
<div class="submissions">
<div class="submission">
<h3>Submission</h3>
<div class="submission-btns">
<img class="submission-btn" src="{% static 'img/github.png' %}" alt="">
<img class="submission-btn" src="{% static 'img/out.png' %}" alt="">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="submission">
<h3>Submission</h3>
<div class="submission-btns">
<img class="submission-btn" src="{% static 'img/github.png' %}" alt="">
<img class="submission-btn" src="{% static 'img/out.png' %}" alt="">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="submission">
<h3>Submission</h3>
<div class="submission-btns">
<img class="submission-btn" src="{% static 'img/github.png' %}" alt="">
<img class="submission-btn" src="{% static 'img/out.png' %}" alt="">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="submission">
<h3>Submission</h3>
<div class="submission-btns">
<img class="submission-btn" src="{% static 'img/github.png' %}" alt="">
<img class="submission-btn" src="{% static 'img/out.png' %}" alt="">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>
{% endblock %}
49 changes: 48 additions & 1 deletion templates/hackathon/submit.html
@@ -1,4 +1,51 @@
{% extends 'hackathon/base.html' %}
{% block body %}
<h1>Submit</h1>
<div class="heading-banner">
<div class="container">
<h1>Submit</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="form-input-group">
<label>Project Name:</label><br>
<input type="text" name="project-name" placeholder="Project Name">
</div>
<div class="form-input-group">
<label>Project Description:</label><br>
<textarea name="project-description" rows="5" placeholder="Project Description"></textarea>
</div>
<div class="form-input-group">
<label>Project Image:</label><br>
<input type="file" name="project-image" placeholder="Project Image">
</div>
<div class="form-input-group">
<label>Extra Files:</label><br>
<input type="file" multiple name="extra-files" placeholder="Extra Files">
</div>
</div>
<div class="col">
<div class="form-input-group">
<label>Technologies Used:</label><br>
<input type="text" name="technologies-used" placeholder="Technologies Used">
</div>
<div class="form-input-group">
<label>GitHub Link:</label><br>
<input type="url" name="github-link" placeholder="GitHub Link">
</div>
<div class="form-input-group">
<label>Project Link:</label><br>
<input type="url" name="project-link" placeholder="Project Link">
</div>
<div class="form-input-group">
<label>Video Link:</label><br>
<input type="url" name="video-link" placeholder="Video Link">
</div>
</div>
</div>
</div>
{% endblock %}

0 comments on commit 74f0a12

Please sign in to comment.