Skip to content

Commit

Permalink
added staff pages
Browse files Browse the repository at this point in the history
  • Loading branch information
calixo888 committed Apr 4, 2020
1 parent dd7dfb7 commit 5f38531
Show file tree
Hide file tree
Showing 6 changed files with 191 additions and 13 deletions.
3 changes: 3 additions & 0 deletions static/staff/edit-create-hackathon.css
@@ -0,0 +1,3 @@
.form-input-group {
padding: 15px 0;
}
19 changes: 19 additions & 0 deletions static/staff/hackathons.css
@@ -0,0 +1,19 @@
.hackathons {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
grid-gap: 30px;
}

.hackathon {
background-color: blue;
padding: 15px;
border-radius: 5px;
}

.hackathon * {
color: white;
}

.hackathon *:hover {
text-decoration: none;
}
46 changes: 45 additions & 1 deletion templates/staff/create-hackathon.html
@@ -1,4 +1,48 @@
{% extends 'staff/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'staff/edit-create-hackathon.css' %}">
{% endblock %}
{% block body %}
<h1>Create Hackathon</h1>
<div class="container">
<h1>Create Hackathon</h1>
<div class="row">
<div class="col">
<div class="form-input-group">
<label>Title:</label><br>
<input type="text" name="title" value="Title" placeholder="Title">
</div>
<div class="form-input-group">
<label>Themes:</label><br>
<input type="text" name="themes" value="Themes" placeholder="Themes">
</div>
<div class="form-input-group">
<label>Awards:</label><br>
<input type="text" name="awards" value="Awards" placeholder="Awards">
</div>
<div class="form-input-group">
<label>Schedule:</label><br>
<input type="text" name="schedule" value="Schedule" placeholder="Schedule">
</div>
<div class="form-input-group">
<label>Resources:</label><br>
<input type="text" name="resources" value="Resources" placeholder="Resources">
</div>
</div>
<div class="col">
<div class="form-input-group">
<label>Description:</label><br>
<textarea type="text" name="description" placeholder="Description">Description</textarea>
</div>
<div class="form-input-group">
<label>Start Time:</label><br>
<input type="datetime-local" name="start-time" placeholder="Start Time">
</div>
<div class="form-input-group">
<label>End Time:</label><br>
<input type="datetime-local" name="end-time" placeholder="End Time">
</div>
</div>
</div>
</div>
{% endblock %}
46 changes: 45 additions & 1 deletion templates/staff/edit-hackathon.html
@@ -1,4 +1,48 @@
{% extends 'staff/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'staff/edit-create-hackathon.css' %}">
{% endblock %}
{% block body %}
<h1>Edit Hackathon</h1>
<div class="container">
<h1>Edit Hackathon</h1>
<div class="row">
<div class="col">
<div class="form-input-group">
<label>Title:</label><br>
<input type="text" name="title" value="Title" placeholder="Title">
</div>
<div class="form-input-group">
<label>Themes:</label><br>
<input type="text" name="themes" value="Themes" placeholder="Themes">
</div>
<div class="form-input-group">
<label>Awards:</label><br>
<input type="text" name="awards" value="Awards" placeholder="Awards">
</div>
<div class="form-input-group">
<label>Schedule:</label><br>
<input type="text" name="schedule" value="Schedule" placeholder="Schedule">
</div>
<div class="form-input-group">
<label>Resources:</label><br>
<input type="text" name="resources" value="Resources" placeholder="Resources">
</div>
</div>
<div class="col">
<div class="form-input-group">
<label>Description:</label><br>
<textarea type="text" name="description" placeholder="Description">Description</textarea>
</div>
<div class="form-input-group">
<label>Start Time:</label><br>
<input type="datetime-local" name="start-time" placeholder="Start Time">
</div>
<div class="form-input-group">
<label>End Time:</label><br>
<input type="datetime-local" name="end-time" placeholder="End Time">
</div>
</div>
</div>
</div>
{% endblock %}
80 changes: 79 additions & 1 deletion templates/staff/hackathons.html
@@ -1,4 +1,82 @@
{% extends 'staff/base.html' %}
{% load static %}
{% block head %}
<link rel="stylesheet" href="{% static 'staff/hackathons.css' %}">
{% endblock %}
{% block body %}
<h1>Hackathons</h1>
<div class="container">
<h1>Hackathons</h1>
<div class="hackathons">
<div class="hackathon">
<a href="/edit-hackathon/">
<h3>Hackathon</h3>
<div>
<strong>Type:</strong> High School
</div>
<div>
<strong>Themes:</strong> Best use of API, etc.
</div>
<div>
<strong>Awards:</strong> Best use of an API, Best use of MongoDB
</div>
</a>
</div>
<div class="hackathon">
<a href="/edit-hackathon/">
<h3>Hackathon</h3>
<div>
<strong>Type:</strong> High School
</div>
<div>
<strong>Themes:</strong> Best use of API, etc.
</div>
<div>
<strong>Awards:</strong> Best use of an API, Best use of MongoDB
</div>
</a>
</div>
<div class="hackathon">
<a href="/edit-hackathon/">
<h3>Hackathon</h3>
<div>
<strong>Type:</strong> High School
</div>
<div>
<strong>Themes:</strong> Best use of API, etc.
</div>
<div>
<strong>Awards:</strong> Best use of an API, Best use of MongoDB
</div>
</a>
</div>
<div class="hackathon">
<a href="/edit-hackathon/">
<h3>Hackathon</h3>
<div>
<strong>Type:</strong> High School
</div>
<div>
<strong>Themes:</strong> Best use of API, etc.
</div>
<div>
<strong>Awards:</strong> Best use of an API, Best use of MongoDB
</div>
</a>
</div>
<div class="hackathon">
<a href="/edit-hackathon/">
<h3>Hackathon</h3>
<div>
<strong>Type:</strong> High School
</div>
<div>
<strong>Themes:</strong> Best use of API, etc.
</div>
<div>
<strong>Awards:</strong> Best use of an API, Best use of MongoDB
</div>
</a>
</div>
</div>
</div>
{% endblock %}
10 changes: 0 additions & 10 deletions templates/staff/index.html

This file was deleted.

0 comments on commit 5f38531

Please sign in to comment.