Compare commits
4 commits
c7cd7c80e4
...
858517b6cd
Author | SHA1 | Date | |
---|---|---|---|
|
858517b6cd | ||
|
15f13f0135 | ||
|
fae0f5970a | ||
|
ef0add5773 |
|
@ -4,9 +4,10 @@
|
||||||
--pfl-primary-bg-subtle: #cbf7cd;
|
--pfl-primary-bg-subtle: #cbf7cd;
|
||||||
--pfl-primary-text: var(--bg-pfl-color);
|
--pfl-primary-text: var(--bg-pfl-color);
|
||||||
--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(--bs-dropdown-link-color);
|
||||||
--bs-heading-color: #000;
|
--bs-heading-color: #000;
|
||||||
--pfl-logo: url('/static/light.png');
|
--pfl-logo: url('/static/light.png');
|
||||||
|
--pfl-home-background: url('/static/home/home-light.webp');
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[data-bs-theme='dark'] {
|
:root[data-bs-theme='dark'] {
|
||||||
|
@ -15,6 +16,7 @@
|
||||||
--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');
|
--pfl-logo: url('/static/dark.png');
|
||||||
|
--pfl-home-background: url('/static/home/home-dark.webp');
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-pfl {
|
.btn-pfl {
|
||||||
|
@ -69,7 +71,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-background {
|
.home-background {
|
||||||
background-image: url(/static/home.webp);
|
background-image: var(--pfl-home-background);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
@ -79,7 +81,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
--bs-dropdown-link-active-bg: var(--ufo-color)
|
--bs-dropdown-link-active-bg: var(--pfl-color)
|
||||||
}
|
}
|
||||||
|
|
||||||
.offer-img {
|
.offer-img {
|
||||||
|
|
Before Width: | Height: | Size: 2 MiB |
Before Width: | Height: | Size: 5 MiB After Width: | Height: | Size: 5 MiB |
Before Width: | Height: | Size: 430 KiB After Width: | Height: | Size: 430 KiB |
BIN
pflaenzli/pflaenzli/static/home/home-light.jpg
Normal file
After Width: | Height: | Size: 778 KiB |
BIN
pflaenzli/pflaenzli/static/home/home-light.webp
Normal file
After Width: | Height: | Size: 339 KiB |
Before Width: | Height: | Size: 2.5 MiB |
Before Width: | Height: | Size: 3.9 MiB |
|
@ -7,7 +7,7 @@
|
||||||
<div class="alert alert-warning">Some functions do not work yet!</div>
|
<div class="alert alert-warning">Some functions do not work yet!</div>
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<h2>Settings</h2>
|
<h2>Settings</h2>
|
||||||
<a class="btn btn-pfl" href="{% url 'password_reset' %}">Change Password</a>
|
<a class="btn btn-pfl" href="{% url 'user_edit' %}">Edit Account</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h2>Delete Account</h2>
|
<h2>Delete Account</h2>
|
||||||
|
|
|
@ -1,59 +0,0 @@
|
||||||
{% extends 'base.html.twig' %}
|
|
||||||
|
|
||||||
{% block title %}My offers{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
{% for message in app.flashes('success') %}
|
|
||||||
<div class="alert alert-success" role="alert">
|
|
||||||
{{ message }}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
<h1>My Offers</h1>
|
|
||||||
{% if offers|length > 0 %}
|
|
||||||
<div class="card-deck d-flex justify-content-around justify-content-sm-around justify-content-md-between flex-wrap">
|
|
||||||
{% for offer in offers %}
|
|
||||||
<div class="mb-5">
|
|
||||||
<div class="card offer h-100">
|
|
||||||
<a href="{{ path('show_offer', {'urlId': offer.urlId }) }}">
|
|
||||||
{% if offer.photoFilename %}
|
|
||||||
<img class="card-img-top offer-img" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}" />
|
|
||||||
{% else %}
|
|
||||||
<img class="card-img-top offer-img" src="{{ asset('placeholder.jpg') }}" />
|
|
||||||
{% endif %}
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">{{ offer.title }}</h5>
|
|
||||||
<p class="card-text">{{ offer.description }}</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<div class="card-footer offer-footer">
|
|
||||||
<a href="{{ path('edit_offer', {'urlId': offer.urlId}) }}" class="btn btn-info"><i class="fas fa-pen"></i></a>
|
|
||||||
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#offer-modal-{{ offer.urlId }}"><i class="fas fa-trash-alt"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Modal -->
|
|
||||||
<div class="modal fade" id="offer-modal-{{ offer.urlId }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
||||||
<div class="modal-dialog" role="document">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<h5 class="modal-title" id="exampleModalLabel">Warning</h5>
|
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
||||||
<span aria-hidden="true">×</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
Are you sure you want to delete this offer?
|
|
||||||
</div>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
|
||||||
<a type="button" class="btn btn-danger" href="{{ path('delete_offer', {'urlId': offer.urlId}) }}">Delete</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="alert alert-warning" role="alert">There are currently no active offers.</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|