fixed spacing and anim

This commit is contained in:
Rushil Umaretiya 2020-10-20 15:15:54 -04:00
parent d6e9fdbc85
commit 516406e48d
9 changed files with 52 additions and 49 deletions

0
manage.py Normal file → Executable file
View File

View File

@ -5,7 +5,7 @@
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="container"> <div class="container mt-5">
{{html|safe}} {{html|safe}}
</div> </div>
{% endblock content %} {% endblock content %}

View File

@ -4,7 +4,7 @@
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="container"> <div class="container mt-5">
{{html|safe}} {{html|safe}}
</div> </div>
{% endblock content %} {% endblock content %}

View File

@ -3,8 +3,11 @@ html {
} }
nav { nav {
transform: translateY(-70px);
z-index: 10; z-index: 10;
}
.animated-navbar {
transform: translateY(-70px);
animation: nav-slide 0.75s ease-in-out forwards; animation: nav-slide 0.75s ease-in-out forwards;
animation-delay: 1s; animation-delay: 1s;
} }

View File

@ -19,8 +19,8 @@
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <![endif]-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark {% if animate %}animated-navbar{% endif %}">
<a class="navbar-brand" href="{% url 'index' %}"><img style="width: 50px;" src="{% static 'pages/css/img/TJLogo.png' %}">&emsp;Class of 2023</a> <a class="navbar-brand" href="{% url 'index' %}"><img style="width: 40px;" src="{% static 'pages/css/img/TJLogo.png' %}">&emsp;Class of 2023</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarLinks"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarLinks">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>

View File

@ -5,7 +5,7 @@
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="jumbotron jumbotron-fluid"> <div class="jumbotron jumbotron-fluid">
<div class="container"> <div class="container mt-5">
<h1 class="display-4">The Class Council</h1> <h1 class="display-4">The Class Council</h1>
<p class="lead">We are here to serve you.</p> <p class="lead">We are here to serve you.</p>
</div> </div>

View File

@ -5,7 +5,7 @@
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="jumbotron jumbotron-fluid"> <div class="jumbotron jumbotron-fluid">
<div class="container"> <div class="container mt-5">
<h1 class="display-4">Events</h1> <h1 class="display-4">Events</h1>
<p class="lead">Come and join your friends!</p> <p class="lead">Come and join your friends!</p>
</div> </div>

View File

@ -5,7 +5,7 @@
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="jumbotron jumbotron-fluid"> <div class="jumbotron jumbotron-fluid">
<div class="container"> <div class="container mt-5">
<h1 class="display-4">2023 Class Council</h1> <h1 class="display-4">2023 Class Council</h1>
<p class="lead">We work for you.</p> <p class="lead">We work for you.</p>
</div> </div>

View File

@ -3,7 +3,7 @@ from django.shortcuts import render
# Create your views here. # Create your views here.
def index(request): def index(request):
return render(request, 'pages/index.html') return render(request, 'pages/index.html', context={'animate': True})
def council(request): def council(request):