moved footer to layout

This commit is contained in:
0ceanSlim 2024-02-23 16:53:36 -05:00
parent cd6fd8c6dd
commit 8716ded824
3 changed files with 31 additions and 98 deletions

View File

@ -544,10 +544,6 @@ video {
position: static;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.float-left {
float: left;
}
@ -621,11 +617,6 @@ video {
display: grid;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
@ -634,10 +625,6 @@ video {
border-collapse: collapse;
}
.cursor-pointer {
cursor: pointer;
}
.list-disc {
list-style-type: disc;
}
@ -646,20 +633,12 @@ video {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.place-content-center {
place-content: center;
.content-center {
align-content: center;
}
.items-center {
@ -670,10 +649,6 @@ video {
justify-content: center;
}
.gap-1 {
gap: 0.25rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
@ -747,11 +722,6 @@ video {
line-height: 2.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
@ -783,6 +753,11 @@ video {
color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-purple-300 {
--tw-text-opacity: 1;
color: rgb(216 180 254 / var(--tw-text-opacity));
}
.text-purple-400 {
--tw-text-opacity: 1;
color: rgb(192 132 252 / var(--tw-text-opacity));
@ -808,44 +783,11 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-purple-300 {
--tw-text-opacity: 1;
color: rgb(216 180 254 / var(--tw-text-opacity));
}
.marker\:text-sky-400 *::marker {
color: rgb(56 189 248 );
}
.marker\:text-purple-500 *::marker {
color: rgb(168 85 247 );
}
.marker\:text-slate-500 *::marker {
color: rgb(100 116 139 );
}
.marker\:text-slate-400 *::marker {
color: rgb(148 163 184 );
}
.marker\:text-slate-300 *::marker {
color: rgb(203 213 225 );
}
.marker\:text-sky-400::marker {
color: rgb(56 189 248 );
}
.marker\:text-purple-500::marker {
color: rgb(168 85 247 );
}
.marker\:text-slate-500::marker {
color: rgb(100 116 139 );
}
.marker\:text-slate-400::marker {
.marker\:text-slate-400 *::marker {
color: rgb(148 163 184 );
}
@ -853,9 +795,8 @@ video {
color: rgb(203 213 225 );
}
.hover\:text-green-700:hover {
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity));
.marker\:text-slate-400::marker {
color: rgb(148 163 184 );
}
.hover\:text-purple-200:hover {
@ -863,11 +804,6 @@ video {
color: rgb(233 213 255 / var(--tw-text-opacity));
}
.hover\:text-red-700:hover {
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}

View File

@ -12,6 +12,26 @@
>
{% block body %} {% endblock %}
</body>
<div class="mx-auto footer">
<h2 class="m-2 text-2xl font-bold">About The App</h2>
<p class="leading-7">
Dragon Warrior Monsters 2 App, an open-source project where you can explore
information about monsters, breeding pairs, and more.
</p>
<p class="mt-4 leading-7">
You can contribute to the development and improvement of this app on our Git
repository. Feel free to explore the code, report issues, and submit pull
requests.
</p>
<div class="mt-4">
<a
href="https://git.happytavern.co/oceanslim/dwm-app"
target="_blank"
class="text-purple-400 hover:text-purple-200 hover:underline"
>
View the git repository
</a>
</div>
{% for file in js_files %}
<script src="{{ url_for('static', filename='js/' + file) }}"></script>
{% endfor %}

View File

@ -67,28 +67,5 @@
>Go to Skills Data Page</a
>
</div>
<br /><br />
<div class="mx-auto footer">
<h2 class="m-2 text-2xl font-bold">About The App</h2>
<p class="leading-7">
Dragon Warrior Monsters 2 App, an open-source project where you can explore
information about monsters, breeding pairs, and more.
</p>
<p class="mt-4 leading-7">
You can contribute to the development and improvement of this app on our Git
repository. Feel free to explore the code, report issues, and submit pull
requests.
</p>
<div class="mt-4">
<a
href="https://git.happytavern.co/oceanslim/dwm-app"
target="_blank"
class="text-purple-400 hover:text-purple-200 hover:underline"
>
View the git repository
</a>
</div>
</div>
</br>
{% endblock %}