Skip to content

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

Revised Homepage and Navbar HTML

parent 70e059dd
Show whitespace changes
Inline Side-by-side
Showing with 73 additions and 226 deletions
db.sqlite3
View file @ e4d9f3ff
No preview for this file type
templates/base.html
View file @ e4d9f3ff
......@@ -5,6 +5,7 @@
<title>Academe</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="123.css">
</head>
<body>
<nav class="navbar navbar-light navbar-toggleable-md bg-faded">
......@@ -23,12 +24,12 @@
<a class="nav-link" href="{% url 'browse' %}">Browse</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'review' %}">Review</a>
<a class="nav-link" href="{% url 'review' %}">Create Review</a>
</li>
</ul>
<form class="form-inline">
<input type="text" class="form-control" placeholder="Search">
<button class="btn btn-outline-success">Search</button>
<!--<input type="text" class="form-control" placeholder="Search">
<button class="btn btn-outline-success">Search</button> -->
<ul class="navbar-nav mr-auto">
{% if user.is_authenticated %}
<li class="nav-item">
......
templates/index.html
View file @ e4d9f3ff
{% 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>
<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>
</div>
</div>
</nav>
{% extends 'templates/base.html' %}
{% block content %}
<h2><center> Welcome to Academe! </center></h2>
<br>
<h3><center> Search for Reviews </center></h3>
<form method="post" action="/search/" style="text-align: center">
{% csrf_token %}
<div>
<p id="welcome"> Welcome to Academe! </p>
<br>
<p id="searchfor"> Search for Reviews </p>
</div>
<input type="text" placeholder="Search a course" name="course">
<input type="text" placeholder="Search a prof" name="prof">
<br>
<br>
</div>
<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">
<button type = "submit" class = "btn btn-primary">Search Course</button>
<button type = "submit" class = "btn btn-primary">Search Prof</button>
</div>
<!--<div>
<input type="text" placeholder="Search a prof" name="prof">
<br>
<input class="btn-primary" id="submitsearch" type="Search Prof" name="">
</div> -->
<br>
<input class="btn-primary" id="submitsearch" type="submit" name="">
</form>
</div>
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
</form>
{% endblock %}
\ No newline at end of file
templates/login.html
View file @ e4d9f3ff
{% 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>
{% extends 'templates/base.html' %}
<!-- NAVBAR WITH FORM -->
<nav class="navbar navbar-light navbar-toggleable-md fix-top" id="nav">
{% block content %}
<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>
<h1 class="text-center logo my-4">
<a href="{% url 'homepage'%}">Academe</a>
</h1>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="">
<div class="card-body">
<h3 class="card-title">Log in</h3>
<form method="post" novalidate>
{% csrf_token %}
{% include 'templates/includes/form.html' %}
<button type="submit" class="btn btn-primary btn-block">Log in</button>
</form>
</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 class="card-footer text-muted text-center">
New to Academe? <a href="{% url 'signup' %}">Sign up</a>
</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>
</div>
<div class="text-xenter py-2">
<small>
<a href="#" class="text-muted">Forgot your password?</a>
</small>
</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>
</p>
</div>
{% block content %}
{% endblock %}
</body>
</html>
\ No newline at end of file
</div>
{% endblock %}
\ No newline at end of file
templates/signup.html
View file @ e4d9f3ff
{% 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>
<!-- 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>
{% extends 'templates/base.html' %}
{% block content %}
<div class = "container">
<h2>Sign up</h2>
<form method = "post" novalidate>
{% csrf_token %}
{% include 'templates/includes/form.html' %}
<button type = "submit" class = "btn btn-primary">Create an account</button>
</form>
</div>
</div>
</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
{% endblock %}
\ 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