Final Commit

This commit is contained in:
Praneeth Bhandaru 2020-12-13 13:58:24 -05:00
parent 8ffdeab1d0
commit d282c65c9a
7 changed files with 155 additions and 63 deletions

View File

@ -150,5 +150,5 @@ STATICFILES_DIRS = [
BASE_DIR / "static", BASE_DIR / "static",
] ]
LOGIN_REDIRECT_URL = "home" LOGIN_REDIRECT_URL = "landing_page"
LOGIN_URL = "login" LOGIN_URL = "login"

View File

@ -18,10 +18,11 @@ from django.urls import include, path
from api import urls as api_urls from api import urls as api_urls
from frontend import urls as frontend_urls from frontend import urls as frontend_urls
from frontend.views import landing_page
urlpatterns = [ urlpatterns = [
path("admin/", admin.site.urls), path("admin/", admin.site.urls),
path("api/", include(api_urls)), path("api/", include(api_urls)),
path("", include(frontend_urls)), path("", landing_page, name='landing_page'),
path("out/", include(frontend_urls)), path("out/", include(frontend_urls)),
] ]

View File

@ -33,7 +33,7 @@ urlpatterns = [
), ),
path("register/", register_view, name="register"), path("register/", register_view, name="register"),
path("create_user/", register_view, name="create_user"), path("create_user/", register_view, name="create_user"),
path("", home_view, name="home"), path("home/", home_view, name="home"),
path("classes", class_form_view, name="classroom_form"), path("classes", class_form_view, name="classroom_form"),
path("classes/<int:id>", classroom_view, name="class"), path("classes/<int:id>", classroom_view, name="class"),
path("classes/<int:id>/edit", classroom_edit_view, name="edit_class"), path("classes/<int:id>/edit", classroom_edit_view, name="edit_class"),

View File

@ -84,4 +84,9 @@ def classroom_edit_view(request, id):
form = ClassroomForm(instance=classroom) form = ClassroomForm(instance=classroom)
return render(request, 'frontend/editClassroom.html', {'form': form}) return render(request, 'frontend/editClassroom.html', {'form': form})
def landing_page(request):
if request.user or request.user.is_authenticated:
return redirect('home')
return render(request, 'frontend/landing.html')

View File

@ -8,78 +8,81 @@
<link rel="stylesheet" type="text/css" href="{% static "login/css/index.css" %}" <link rel="stylesheet" type="text/css" href="{% static "login/css/index.css" %}"
/><!--===============================================================================================--> /><!--===============================================================================================-->
<link rel="icon" type="image/png" href="{% static "login/images/icons/favicon.ico" %}"/> <link rel="icon" type="image/png" href="{% static "login/images/icons/favicon.ico" %}"/>
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/bootstrap/css/bootstrap.min.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/bootstrap/css/bootstrap.min.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/fonts/font-awesome-4.7.0/css/font-awesome.min.css" %}"> <link rel="stylesheet" type="text/css"
<!--===============================================================================================--> href="{% static "login/fonts/font-awesome-4.7.0/css/font-awesome.min.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "login/fonts/iconic/css/material-design-iconic-font.min.css" %}"> <!--===============================================================================================-->
<!--===============================================================================================--> <link rel="stylesheet" type="text/css"
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/animate/animate.css" %}"> href="{% static "login/fonts/iconic/css/material-design-iconic-font.min.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/css-hamburgers/hamburgers.min.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/animate/animate.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/animsition/css/animsition.min.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/css-hamburgers/hamburgers.min.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/select2/select2.min.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/animsition/css/animsition.min.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/vendor/daterangepicker/daterangepicker.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/select2/select2.min.css" %}">
<!--===============================================================================================--> <!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="{% static "login/css/util.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "login/vendor/daterangepicker/daterangepicker.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "login/css/main.css" %}"> <!--===============================================================================================-->
<!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="{% static "login/css/util.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "login/css/main.css" %}">
<!--===============================================================================================-->
{% endblock head %} {% endblock head %}
{% block content %} {% block content %}
<div class="login_container"> <div class="login_container">
<div class="container-login100" style="background-image: url("{% static 'login/images/bg-01.jpg' %}");"> <div class="container-login100">
<div class="wrap-login100 p-l-55 p-r-55 p-t-80 p-b-30"> <div class="wrap-login100 p-l-55 p-r-55 p-t-80 p-b-30">
<form class="login100-form validate-form" method="POST"> <form class="login100-form validate-form" method="POST">
{% csrf_token %} {% csrf_token %}
<span class="login100-form-title p-b-37"> <span class="login100-form-title p-b-37">
Create a new class! Create a new class!
</span> </span>
{% for field in form %} {% for field in form %}
<div class="wrap-input100 validate-input m-b-10" data-validate="Enter {{ field.label }}"> <div class="wrap-input100 validate-input m-b-10" data-validate="Enter {{ field.label }}">
<p style="color: red;">{{ field.errors }}</p> <p style="color: red;">{{ field.errors }}</p>
<input type="{{ field.field.widget.input_type}}" name="{{ field.html_name }}" id="{{ field.auto_id }}" required class="input100" placeholder="{{ field.label }}"> <input type="{{ field.field.widget.input_type }}" name="{{ field.html_name }}"
id="{{ field.auto_id }}" required class="input100" placeholder="{{ field.label }}">
<span class="focus-input100"></span> <span class="focus-input100"></span>
</div> </div>
{% endfor %} {% endfor %}
<div class="container-login100-form-btn m-b-10"> <div class="container-login100-form-btn m-b-10">
<button class="login100-form-btn"> <button class="login100-form-btn">
Create! Create!
</button> </button>
</div> </div>
<div class="text-center"> <div class="text-center">
<a href="{% url 'home' %}" class="txt2 hov1"> <a href="{% url 'home' %}" class="txt2 hov1">
Back Back
</a> </a>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div id="dropDownSelect1"></div> <div id="dropDownSelect1"></div>
{% endblock content %} {% endblock content %}
{% block js %} {% block js %}
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/jquery/jquery-3.2.1.min.js" %}"></script> <script src="{% static "login/vendor/jquery/jquery-3.2.1.min.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/animsition/js/animsition.min.js" %}"></script> <script src="{% static "login/vendor/animsition/js/animsition.min.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/bootstrap/js/popper.js" %}"></script> <script src="{% static "login/vendor/bootstrap/js/popper.js" %}"></script>
<script src="{% static "login/vendor/bootstrap/js/bootstrap.min.js" %}"></script> <script src="{% static "login/vendor/bootstrap/js/bootstrap.min.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/select2/select2.min.js" %}"></script> <script src="{% static "login/vendor/select2/select2.min.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/daterangepicker/moment.min.js" %}"></script> <script src="{% static "login/vendor/daterangepicker/moment.min.js" %}"></script>
<script src="{% static "login/vendor/daterangepicker/daterangepicker.js" %}"></script> <script src="{% static "login/vendor/daterangepicker/daterangepicker.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/vendor/countdowntime/countdowntime.js" %}"></script> <script src="{% static "login/vendor/countdowntime/countdowntime.js" %}"></script>
<!--===============================================================================================--> <!--===============================================================================================-->
<script src="{% static "login/js/main.js" %}"></script> <script src="{% static "login/js/main.js" %}"></script>
{% endblock js %} {% endblock js %}

View File

@ -55,18 +55,20 @@
Classroom Classroom
</a> </a>
</li> </li>
{% if user.is_authenticated %}
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link link text-white dropdown-toggle display-4" style="font-size: 20px !important;" href="blog.html" data-toggle="dropdown-submenu" aria-expanded="false"> <a class="nav-link link text-white dropdown-toggle display-4" style="font-size: 20px !important;" href="blog.html" data-toggle="dropdown-submenu" aria-expanded="false">
Profile Profile
</a> </a>
<div class="dropdown-menu dropdown-menu-right"> <div class="dropdown-menu dropdown-menu-right">
<a class="text-white dropdown-item" href="slider.html"> <a class="text-white dropdown-item" href="{% url 'logout' %}">
<h6> <h6>
Settings Logout
</h6> </h6>
</a> </a>
</div> </div>
</li> </li>
{% endif %}
</ul> </ul>
</div> </div>
</nav> </nav>

View File

@ -0,0 +1,81 @@
{% extends 'frontend/index.html' %}
{% load static %}
{% block head %}<link rel="stylesheet" href="{% static 'landing/css/styles.css' %}">
<style>
.classes{
color: white;
}
.class_cont {
text-align: center;
}
hr {
border-color: white;
}
.icon-scroll,
.icon-scroll:before {
position: absolute;
left: 50%;
top: 90%;
}
.icon-scroll {
width: 40px;
height: 70px;
margin-left: -20px;
top: 50%;
margin-top: -35px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
}
.icon-scroll:before {
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll;
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(46px);
}
}
</style>
{% endblock %}
{% block content %}
<section class="showcase">
<div class="video-container">
<video src="http://video2.ignitemotion.com/files/mp4/earthAnimation02.mp4" autoplay muted loop></video>
</div>
<div class="content">
<h1>Do Not Space Out</h1>
<h3>Just Don't. We'll Help you!</h3>
<a href="{% url 'login' %}" class="btn">Login</a>
<br><br><br>
<div class="media-container-column mbr-white col-md-12 m-t-10 p-t-10"><div class='icon-scroll'><div/></div>
</div>
</section>
<section id="about">
<h1>About</h1>
<p>
This is a landing page with a full screen video background. Feel free to
use this landing page in your projects. keep adding sections, change the
video, content , etc
</p>
</section>
{% endblock %}