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