Skip to content

A
Academe
Commit 70e059dd authored by JayCay's avatar JayCay
Browse files
Options

Login Signup and Homepage HTMLs

parent c0f6ec21
Show whitespace changes
Inline Side-by-side
Showing with 391 additions and 63 deletions
static/css/123.css 0 → 100644
View file @ 70e059dd
body {
margin: 0;
padding: 0;
}
#academe {
position: relative;
margin-left: auto;
}
#create {
position: relative;
}
#nav {
margin-left: auto;
border-right-style: none;
border-left-style: none;
border-top-style: none;
border-bottom-style: solid;
border-color:#b0a1a0;
}
#sign {
text-align: center;
color:#56a6ed;
font-size: 2em;
}
#name {
display: block;
margin:auto;
}
#pass {
display: block;
margin:auto;
}
#email {
display: block;
margin:auto;
}
#submit {
color:#0f5abd;
margin-left: 48%;
}
.signup {
text-align:center;
color:#0f5abd;
}
#signpage {
margin-left: 0.5em;
}
#split {
margin-top: 1em;
margin-left: 0.5em;
margin-right: 0.5em;
}
#welcome {
margin-left: 2em;
color: #0f5abd;
font-size: 3em;
}
#searchfor {
margin-left: 4.5em;
color: #2e57db;
font-size: 2.8em;
}
#coursebox{
margin-left: 30%;
display: inline;
}
#profbox{
margin-left: 50%;
display: inline;
}
#prof {
color: #2e57db;
display: inline;
font-size: 1.5em;
margin-left: 14.7%;
}
#course {
color: #2e57db;
display: inline;
font-size: 1.5em;
margin-left: 30%;
}
#createtext {
color: #2e57db;
margin-left: 10%;
font-size: 1.8em;
}
#submitsearch {
margin-left: 45%;
}
#dropdownMenuButton {
width: 300px;
height: 40px;
margin-left: 11%;
}
#dropdownMenuButton2 {
width: 300px;
height: 40px;
margin-left: 11%;
}
.dropdown-menu {
margin-left: 11%;
}
#rating {
color: #2e57db;
margin-left: 10%;
font-size: 1.3em;
}
#textrev {
margin-left:10%;
width: 40%;
height: 8em;
}
#revsub {
margin-left: 10%;
}
templates/index.html
View file @ 70e059dd
{% extends 'templates/base.html' %} {% load static %}
{% block content %} <!DOCTYPE html>
<h1><center>Welcome to Academe</center></h1> <html>
<form method="post" action="/search/" style="text-align: center"> <head>
{% csrf_token %} <title> </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}">
</head>
<body>
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav">
<div class="container">
<div class="collapse navbar-collapse" id="navbarNav">
<div> <div>
<input type="text" placeholder="Search a course" name="course"> <ul class="navbar-nav mr-auto">
<br> <li class="nav-item">
<button class="btn btn-outline-success">Search Course</button> <a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a>
</li>
</ul>
</div>
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a>
</li>
</ul>
</div> </div>
<p>or</p>
<form class="form-inline ml-auto">
<input type="text" class="form-control" placeholder="Search...">
<a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form>
</div>
</div>
</nav>
<br>
<div> <div>
<input type="text" placeholder="Search a prof" name="prof">
<p id="welcome"> Welcome to Academe! </p>
<br> <br>
<button class="btn btn-outline-success">Search Prof</button> <p id="searchfor"> Search for Reviews </p>
</div> </div>
<br> <br>
<br>
<div>
<form action="/action_page.php">
<div id="course"> Course </div>
<div id="prof"> Professor </div>
<input id="profbox" type="text">
<input id="coursebox" type="text">
<br>
<br>
<input class="btn-primary" id="submitsearch" type="submit" name="">
</form> </form>
{% endblock %} </div>
\ No newline at end of file
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
templates/login.html
View file @ 70e059dd
{% extends 'templates/base.html' %} {% load static %}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}">
</head>
<body>
{% block content %} <!-- NAVBAR WITH FORM -->
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav">
<div class="container"> <div class="container">
<h1 class="text-center logo my-4"> <div class="collapse navbar-collapse" id="navbarNav">
<a href="{% url 'homepage'%}">Academe</a>
</h1>
<div class="row justify-content-center"> <div>
<div class="col-lg-4 col-md-6 col-sm-8"> <ul class="navbar-nav mr-auto">
<div class=""> <li class="nav-item">
<div class="card-body"> <a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a>
<h3 class="card-title">Log in</h3> </li>
<form method="post" novalidate> </ul>
{% csrf_token %}
{% include 'templates/includes/form.html' %}
<button type="submit" class="btn btn-primary btn-block">Log in</button>
</form>
</div>
<div class="card-footer text-muted text-center">
New to Academe? <a href="{% url 'signup' %}">Sign up</a>
</div> </div>
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a>
</li>
</ul>
</div> </div>
<div class="text-xenter py-2">
<small> <form class="form-inline ml-auto">
<a href="#" class="text-muted">Forgot your password?</a> <input type="text" class="form-control" placeholder="Search...">
</small> <a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form>
</div> </div>
</div> </div>
</nav>
<br>
<div>
<p>
<div id="sign"> Login </div>
<div>
<form action="/action_page.php">
<div class="signup"> Email Address </div>
<input id="email" type="text" ><br>
<div class="signup"> Password </div>
<input id="pass" type="text" ><br>
<input id="submit" type="submit" ><br>
</form>
</div> </div>
</p>
</div> </div>
{% endblock %}
\ No newline at end of file {% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
templates/signup.html
View file @ 70e059dd
{% extends 'templates/base.html' %} {% load static %}
<!DOCTYPE html>
{% block content %} <html>
<div class = "container"> <head>
<h2>Sign up</h2> <title></title>
<form method = "post" novalidate> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
{% csrf_token %} <link rel="stylesheet" type="text/css" href="{% static 'css/123.css' %}">
{% include 'templates/includes/form.html' %} </head>
<button type = "submit" class = "btn btn-primary">Create an account</button> <body>
<!-- NAVBAR WITH FORM -->
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav">
<div class="container">
<div class="collapse navbar-collapse" id="navbarNav">
<div>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link btn-lg text-primary" id="academe" href="{% url 'homepage' %}">Academe</a>
</li>
</ul>
</div>
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link btn-lg text-primary ml-auto" id="create" href="createrev.html">Create Review</a>
</li>
</ul>
</div>
<form class="form-inline ml-auto">
<input type="text" class="form-control" placeholder="Search...">
<a id="signpage" href="{% url 'signup' %}">Sign Up </a>
<p id="split"> | </p>
<a id="logpage" href="{% url 'login' %}"> Log In </a>
</form> </form>
</div> </div>
{% endblock %} </div>
\ No newline at end of file </nav>
<br>
<div>
<p>
<div id="sign"> Sign Up </div>
<div>
<form action="/action_page.php">
<div class="signup"> Name: </div>
<input id="name" type="text" ><br>
<div class="signup"> Password </div>
<input id="pass" type="text" ><br>
<div class="signup"> Email Address </div>
<input id="email" type="text" ><br>
<input id="submit" type="submit" ><br>
</form>
</div>
</p>
</div>
{% block content %}
{% endblock %}
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment