Add logo
|
@ -6,6 +6,7 @@
|
|||
--pfl-primary-border-subtle: #6db770;
|
||||
--bs-nav-tabs-link-active-color: var(--pfl-primary-text);
|
||||
--bs-heading-color: #000;
|
||||
--pfl-logo: url('/static/light.png');
|
||||
}
|
||||
|
||||
:root[data-bs-theme='dark'] {
|
||||
|
@ -13,6 +14,7 @@
|
|||
--pfl-primary-text: #5aac5d;
|
||||
--pfl-primary-border-subtle: var(--pfl-color);
|
||||
--bs-heading-color: #fff;
|
||||
--pfl-logo: url('/static/dark.png');
|
||||
}
|
||||
|
||||
.btn-pfl {
|
||||
|
@ -60,9 +62,10 @@ a {
|
|||
}
|
||||
|
||||
.pfl-logo {
|
||||
width: 5rem;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
background-image: var(--pfl-logo);
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.home-background {
|
||||
|
@ -85,3 +88,12 @@ a {
|
|||
width: 100%;
|
||||
height: 25rem !important;
|
||||
}
|
||||
|
||||
.pfl-home-logo {
|
||||
max-width: 20rem;
|
||||
min-height: 15rem;
|
||||
background: var(--pfl-logo);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
BIN
pflaenzli/pflaenzli/static/dark.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
pflaenzli/pflaenzli/static/favicon/android-chrome-192x192.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
pflaenzli/pflaenzli/static/favicon/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
pflaenzli/pflaenzli/static/favicon/apple-touch-icon.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
pflaenzli/pflaenzli/static/favicon/favicon-16x16.png
Normal file
After Width: | Height: | Size: 609 B |
BIN
pflaenzli/pflaenzli/static/favicon/favicon-32x32.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
pflaenzli/pflaenzli/static/favicon/favicon.ico
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
pflaenzli/pflaenzli/static/light.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
pflaenzli/pflaenzli/static/pflaenzli.png
Normal file
After Width: | Height: | Size: 33 KiB |
1
pflaenzli/pflaenzli/static/site.webmanifest
Normal file
|
@ -0,0 +1 @@
|
|||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
|
@ -5,8 +5,10 @@
|
|||
{% block background %}home-background{% endblock %}
|
||||
{% block content %}
|
||||
<div class="p-5 mb-4 bg-body-tertiary rounded-3 home-opaque">
|
||||
<div class="container-fluid py-5 position-relative">
|
||||
<div class="container-fluid py-5 position-relative row d-flex align-items-center justify-content-center">
|
||||
<div class="home-background"></div>
|
||||
<div class="pfl-home-logo xl-align-self-center col-lg h-100 mb-3"></div>
|
||||
<div class="col-lg">
|
||||
<h1 class="display-5 fw-bold">Welcome to Pflänz.li</h1>
|
||||
<p class="fs-4">
|
||||
This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for.
|
||||
|
@ -21,4 +23,5 @@
|
|||
type="button">Register</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
@ -33,14 +33,28 @@
|
|||
defer
|
||||
data-website-id="4cc39391-553f-45ae-9728-74ee24aa40a1"
|
||||
src="https://analytics2.thisfro.ch/umami.js"></script>
|
||||
<link rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="{% static 'favicon/apple-touch-icon.png' %}">
|
||||
<link rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="{% static 'favicon/favicon-32x32.png' %}">
|
||||
<link rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="{% static 'favicon/favicon-16x16.png' %}">
|
||||
<link rel="manifest" href="{% static 'favicon/site.webmanifest' %}">
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
<body class="d-flex flex-column h-100 justify-content-between {% block background %}{% endblock background %}">
|
||||
<main class="flex-shrink-0">
|
||||
<nav class="navbar navbar-expand-lg p-3 bg-body-tertiary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="{% url 'index' %}">
|
||||
<i class="me-1 fa-solid fa-seedling"></i> Pflänz.li
|
||||
<a class="navbar-brand d-flex align-items-middle"
|
||||
href="{% url 'index' %}">
|
||||
<div class="pfl-logo me-2"></div>
|
||||
Pflänz.li
|
||||
</a>
|
||||
<button class="navbar-toggler"
|
||||
type="button"
|
||||
|
|