Updated base.html

Added Discord and IRC icons
This commit is contained in:
Kristofers Solo 2023-06-30 01:15:30 +00:00
parent 43b10ca2a9
commit 6940e034a0
3 changed files with 89 additions and 20 deletions

View File

@ -2,7 +2,7 @@
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<link rel="icon" href="{% static 'img/icons/logo.svg' %}" />
<link rel="icon" href="{% static "img/icons/logo.svg" %}" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
@ -16,8 +16,7 @@
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet" />
{% tailwind_css %}
<link href="{% static 'fontawesomefree/css/all.min.css' %}"
rel="stylesheet" />
<link href="{% static "fontawesomefree/css/all.min.css" %}" rel="stylesheet" />
{% block meta %}{% endblock %}
<title>
{% block title %}{% endblock %}
@ -27,16 +26,13 @@
<header class="flex justify-between items-center px-6 py-2 font-abel text-xl">
<div class="flex justify-between">
<!-- logo -->
<div class="flex items-center text-4xl font-rationale">
<img class=""
width="40"
src="{% static 'img/icons/logo.svg' %}"
alt="logo" />
<div class="flex items-center text-5xl font-rationale font-bold">
<img class="" width="40" src="{% static "img/icons/logo.svg" %}" alt="logo" />
<a class="hover:text-skyblue-300 transform duration-300 ease-linear"
href="{% url 'homepage' %}">foss<span class="text-skyblue-300">db</span></a>
href="{% url "homepage" %}">foss<span class="text-skyblue-300">db</span></a>
</div>
<!-- search -->
<form action="{% url 'search' %}"
<form action="{% url "search" %}"
method="get"
class="relative items-center flex">
<input type="text"
@ -46,15 +42,15 @@
</form>
<!-- navbar -->
<nav class="uppercase flex gap-x-6 items-center">
<a href="{% url 'explore' %}"
<a href="{% url "explore" %}"
class="hover:text-skyblue-300 transform duration-200 ease-linear">explore</a>
<a href="{% url 'contribute' %}"
<a href="{% url "contribute" %}"
class="hover:text-skyblue-300 transform duration-200 ease-linear">contribute</a>
<a href="{% url 'news' %}"
<a href="{% url "news" %}"
class="hover:text-skyblue-300 transform duration-200 ease-linear">news</a>
<a href="{% url 'dashboard' %}"
<a href="{% url "dashboard" %}"
class="hover:text-skyblue-300 transform duration-200 ease-linear">dashboard</a>
<a href="{% url 'help' %}"
<a href="{% url "help" %}"
class="hover:text-skyblue-300 transform duration-200 ease-linear">help</a>
</nav>
</div>
@ -63,12 +59,12 @@
{% if user.is_authenticated %}
<div class="flex items-center justify-between">
<p class="mx-4">{{ user.username }}</p>
<a href="{% url 'profile' user.username %}">
<a href="{% url "profile" user.username %}">
<img src="{{ user.profile.picture.url }}" class="w-[2rem]" alt="pic" />
</a>
</div>
{% else %}
<a href="{% url 'login' %}"
<a href="{% url "login" %}"
class="hover:text-skyblue-300 transition duration-300 ease-linear"><i class="fa-solid fa-user fa-lg ml-4 "></i></a>
{% endif %}
</div>
@ -76,8 +72,8 @@
<main class="flex flex-col flex-grow">
{% block content %}{% endblock %}
</main>
<footer class="w-full h-32 flex items-center text-slategray-200 bg-gray-500 mt-32 font-condensed border-gradient-horizontal">
<div class="p-8">
<footer class="w-full h-auto flex text-slategray-200 bg-gray-500 mt-32 font-condensed border-gradient-horizontal mb-2">
<div class="p-8 w-full flex justify-between">
<div class="space-y-4 text-left">
<p>
FOSSDB is a passion project of <a class="underline"
@ -86,8 +82,22 @@
</p>
<!-- TODO: finish these sentences -->
<p>This site has no affiliation with GitHub or any other hosting platform.</p>
<p>
P. S. All users with "_bot" are generated by the site owner. If you are the original owner, please contact the administrator.
</p>
</div>
<div class="">
<div class="flex items-center justify-center gap-4">
<p>Have some feedback? Come chat with us!</p>
<a href="">
<img class="w-10" src="{% static "img/icons/discord.svg" %}" alt="discord" />
</a>
<a href="">
<img class="w-10" src="{% static "img/icons/irc.svg" %}" alt="matrix" />
</a>
<div class="flex justify-center gap-4"></div>
</div>
</div>
<div></div>
</div>
</footer>
</body>

View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
id="Layer_1"
viewBox="0 0 245 240"
version="1.1"
sodipodi:docname="discord_white.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs11">
<rect
x="65"
y="45"
width="125"
height="125"
id="rect9079" />
</defs>
<sodipodi:namedview
id="namedview9"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
showgrid="true"
inkscape:zoom="3.7417734"
inkscape:cx="122.26823"
inkscape:cy="118.79394"
inkscape:window-width="1920"
inkscape:window-height="1022"
inkscape:window-x="1920"
inkscape:window-y="32"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1">
<inkscape:grid
type="xygrid"
id="grid1075" />
</sodipodi:namedview>
<style
id="style2">.st0{fill:#FFFFFF;}</style>
<path
id="path1364"
style="fill:#ffffff;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 55.5 20 C 44.2 20 35 29.199609 35 40.599609 L 35 175.80078 C 35 187.20078 44.2 196.40039 55.5 196.40039 L 168.90039 196.40039 L 163.59961 177.90039 L 176.40039 189.80078 L 188.5 201 L 210 220 L 210 40.599609 C 210 29.199609 200.8 20 189.5 20 L 55.5 20 z M 110.75586 37.820312 L 125.94336 37.820312 L 116.19336 76.726562 L 143.56836 76.726562 L 153.41211 37.820312 L 168.41211 37.820312 L 158.75586 76.726562 L 188.00586 76.726562 L 188.00586 91.164062 L 155.09961 91.164062 L 147.41211 122.47656 L 177.22461 122.47656 L 177.22461 136.82031 L 143.75586 136.82031 L 134.00586 175.63281 L 119.00586 175.63281 L 128.66211 136.82031 L 101.19336 136.82031 L 91.537109 175.63281 L 76.443359 175.63281 L 86.193359 136.82031 L 56.662109 136.82031 L 56.662109 122.47656 L 89.662109 122.47656 L 97.537109 91.164062 L 67.349609 91.164062 L 67.349609 76.726562 L 101.19336 76.726562 L 110.75586 37.820312 z M 112.72461 91.164062 L 104.84961 122.47656 L 132.31836 122.47656 L 140.00586 91.164062 L 112.72461 91.164062 z " />
<text
xml:space="preserve"
id="text9077"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect9079);fill:#000000;fill-opacity:1;stroke:none"><tspan
x="65"
y="339.875"
id="tspan51300"><tspan
style="font-size:96px;font-family:Inconsolata;-inkscape-font-specification:Inconsolata"
id="tspan51298">#</tspan></tspan></text>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB