pflaenz.li/pflaenz.li
3
1
Fork 0
Code Issues 2 Pull requests Packages Projects Releases Wiki Activity

Add logo

Browse source
This commit is contained in:
Jannis Portmann 2023-04-25 17:17:58 +02:00
parent 0d731e701a
commit df0129acd3
13 changed files with 46 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
pflaenzli/pflaenzli/static/base.css
View file

@ -6,6 +6,7 @@
--pfl-primary-border-subtle: #6db770; --pfl-primary-border-subtle: #6db770;
--bs-nav-tabs-link-active-color: var(--pfl-primary-text); --bs-nav-tabs-link-active-color: var(--pfl-primary-text);
--bs-heading-color: #000; --bs-heading-color: #000;
--pfl-logo: url('/static/light.png');
} }
:root[data-bs-theme='dark'] { :root[data-bs-theme='dark'] {
@ -13,6 +14,7 @@
--pfl-primary-text: #5aac5d; --pfl-primary-text: #5aac5d;
--pfl-primary-border-subtle: var(--pfl-color); --pfl-primary-border-subtle: var(--pfl-color);
--bs-heading-color: #fff; --bs-heading-color: #fff;
--pfl-logo: url('/static/dark.png');
} }
.btn-pfl { .btn-pfl {
@ -60,9 +62,10 @@ a {
} }
.pfl-logo { .pfl-logo {
width: 5rem;
height: 2rem; height: 2rem;
width: 2rem;
background-image: var(--pfl-logo); background-image: var(--pfl-logo);
background-size: contain;
} }
.home-background { .home-background {
@ -84,4 +87,13 @@ a {
object-position: center; object-position: center;
width: 100%; width: 100%;
height: 25rem !important; 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
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
pflaenzli/pflaenzli/static/favicon/android-chrome-192x192.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
pflaenzli/pflaenzli/static/favicon/android-chrome-512x512.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
pflaenzli/pflaenzli/static/favicon/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
pflaenzli/pflaenzli/static/favicon/favicon-16x16.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 B

BIN
pflaenzli/pflaenzli/static/favicon/favicon-32x32.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
pflaenzli/pflaenzli/static/favicon/favicon.ico Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
pflaenzli/pflaenzli/static/light.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
pflaenzli/pflaenzli/static/pflaenzli.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

1
pflaenzli/pflaenzli/static/site.webmanifest Normal file
View 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"}

29
pflaenzli/pflaenzli/templates/app/index.html
View file

@ -5,20 +5,23 @@
{% block background %}home-background{% endblock %} {% block background %}home-background{% endblock %}
{% block content %} {% block content %}
<div class="p-5 mb-4 bg-body-tertiary rounded-3 home-opaque"> <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="home-background"></div>
<h1 class="display-5 fw-bold">Welcome to Pflänz.li</h1> <div class="pfl-home-logo xl-align-self-center col-lg h-100 mb-3"></div>
<p class="fs-4"> <div class="col-lg">
This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for. <h1 class="display-5 fw-bold">Welcome to Pflänz.li</h1>
</p> <p class="fs-4">
<hr /> This is a platform to trade plants. You can offer plants and setup a wishlist what you want to trade it for.
<p>To offer your plants, please register first.</p> </p>
<a href="{% url 'list_offers' %}" <hr />
class="btn btn-pfl btn-lg mb-3" <p>To offer your plants, please register first.</p>
type="button">Show Offers</a> <a href="{% url 'list_offers' %}"
<a href="{% url 'register_user' %}" class="btn btn-pfl btn-lg mb-3"
class="btn btn-secondary btn-lg mb-3" type="button">Show Offers</a>
type="button">Register</a> <a href="{% url 'register_user' %}"
class="btn btn-secondary btn-lg mb-3"
type="button">Register</a>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

18
pflaenzli/pflaenzli/templates/base.html
View file

@ -33,14 +33,28 @@
defer defer
data-website-id="4cc39391-553f-45ae-9728-74ee24aa40a1" data-website-id="4cc39391-553f-45ae-9728-74ee24aa40a1"
src="https://analytics2.thisfro.ch/umami.js"></script> 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 %} {% block head %}{% endblock %}
</head> </head>
<body class="d-flex flex-column h-100 justify-content-between {% block background %}{% endblock background %}"> <body class="d-flex flex-column h-100 justify-content-between {% block background %}{% endblock background %}">
<main class="flex-shrink-0"> <main class="flex-shrink-0">
<nav class="navbar navbar-expand-lg p-3 bg-body-tertiary"> <nav class="navbar navbar-expand-lg p-3 bg-body-tertiary">
<div class="container"> <div class="container">
<a class="navbar-brand" href="{% url 'index' %}"> <a class="navbar-brand d-flex align-items-middle"
<i class="me-1 fa-solid fa-seedling"></i> Pflänz.li href="{% url 'index' %}">
<div class="pfl-logo me-2"></div>
Pflänz.li
</a> </a>
<button class="navbar-toggler" <button class="navbar-toggler"
type="button" type="button"