rushilwiz/tj2023
1
0
Fork 0
mirror of https://github.com/Rushilwiz/tj2023.git synced 2025-04-16 18:10:16 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed spacing and anim

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
manage.py Normal file → Executable file
View File

2
notes/templates/notes/meeting.html
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 %}

2
notes/templates/notes/test.html
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 %}

61
pages/static/pages/css/styles.css
View File

@ -1,30 +1,33 @@
html { html {
overflow-x: hidden; overflow-x: hidden;
} }
nav { nav {
transform: translateY(-70px); z-index: 10;
z-index: 10; }
animation: nav-slide 0.75s ease-in-out forwards;
animation-delay: 1s; .animated-navbar {
} transform: translateY(-70px);
animation: nav-slide 0.75s ease-in-out forwards;
@keyframes nav-slide { animation-delay: 1s;
0% { }
transform: translateY(-70px);
} @keyframes nav-slide {
0% {
100% { transform: translateY(-70px);
transform: translateY(0px); }
}
} 100% {
transform: translateY(0px);
}
.jumbotron { }
position: absolute;
top: 0;
left: 0; .jumbotron {
height: 100vh; position: absolute;
width: 100vw; top: 0;
background-image: url('img/hero.png') left: 0;
height: 100vh;
width: 100vw;
background-image: url('img/hero.png')
} }

4
pages/templates/pages/base.html
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>

2
pages/templates/pages/council.html
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>

2
pages/templates/pages/events.html
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>

26
pages/templates/pages/index.html
View File

@ -1,13 +1,13 @@
{% extends 'pages/base.html' %} {% extends 'pages/base.html' %}
{% load static %} {% load static %}
{% block css %} {% block css %}
<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="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>
</div> </div>
{% endblock content %} {% endblock content %}

2
pages/views.py
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):