Skip to content

Commit

Permalink
add fade-in transition
Browse files Browse the repository at this point in the history
  • Loading branch information
DrCBeatz committed Dec 10, 2023
1 parent cfe0437 commit fb68fe7
Show file tree
Hide file tree
Showing 6 changed files with 62 additions and 37 deletions.
25 changes: 22 additions & 3 deletions static/css/vc_home.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,23 @@
.title {
color: rgb(209, 52, 81);
text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}
color: rgb(209, 52, 81);
text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}

.fade {
animation-duration: 1s;
animation-fill-mode: both;
padding: auto;
animation-name: fade-in;
}

.fade-delay-1 {
animation-delay: 0.2s;
}

.fade-delay-2 {
animation-delay: 0.4s;
}

.fade-delay-3 {
animation-delay: 0.6s;
}
2 changes: 2 additions & 0 deletions static/js/modules/animate.min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions static/js/modules/animate.min.js.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion templates/_base.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<script defer src="{% static 'js/mdb.min.js' %}"></script>
<script defer src="{% static 'js/htmx.min.js' %}"></script>
</head>
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<body class="fade" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>

<nav class="navbar navbar-expand-lg navbar-dark bg-danger">
<div class="container-fluid">
Expand Down
16 changes: 7 additions & 9 deletions templates/answer.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,9 @@
<hr class="mb-4">
<hr class="mb-4 fade" />

<div class="card text-white bg-danger my-4" >
<div class="card text-white bg-danger my-4 fade">
<div class="card-header"><h5>{{ question }}</h5></div>

<div class="card-header"><h5>{{ question }}</h5></div>

<div class="card-body">
<p class="card-text">{{ answer }}</p>
</div>

</div>
<div class="card-body">
<p class="card-text">{{ answer }}</p>
</div>
</div>
53 changes: 29 additions & 24 deletions templates/registration/login.html
Original file line number Diff line number Diff line change
@@ -1,35 +1,40 @@
{% load static %}
{% load crispy_forms_tags %}
{% load static %} {% load crispy_forms_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" >
<meta http-equiv="x-ua-compatible" content="ie=edge" >
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta http-equiv="x-ua-compatible" content="ie=edge" />

<title>Log In</title>
<link rel="stylesheet" href="{% static 'css/mdb.min.css' %}">
<link rel="stylesheet" href="{% static 'css/vc-home.css' %}">
<link rel="stylesheet" href="{% static 'css/mdb.min.css' %}" />
<link rel="stylesheet" href="{% static 'css/vc_home.css' %}" />
<script defer src="{% static 'js/mdb.min.js' %}"></script>
</head>
<body class="container" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
</head>
<body class="container fade" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<header class="my-4 text-center">
<h1 class="title text-danger">Vajrayana Chat Log In</h1>
<hr>
<h1 class="title text-danger">Vajrayana Chat Log In</h1>
<hr />
</header>

<main>
<br>
<form method="POST" >
{% csrf_token %}
{{ form|crispy }}
<div class="py-3">
<button type="submit" class="btn btn-danger btn-block">Log In</button>
</div>
</form>
<div class="text-center">
<img class="img-fluid rounded my-2" src="{% static 'img/om_mani_padme_hum_v2.jpg' %}" alt="Om Mani Padme Hum" >
<br />
<form method="POST">
{% csrf_token %} {{ form|crispy }}
<div class="py-3">
<button type="submit" class="btn btn-danger btn-block">Log In</button>
</div>
</form>
<div class="text-center">
<img
class="img-fluid rounded my-2"
src="{% static 'img/om_mani_padme_hum_v2.jpg' %}"
alt="Om Mani Padme Hum"
/>
</div>
</main>
</body>
</body>
</html>

0 comments on commit fb68fe7

Please sign in to comment.