thisfro/pflaenz.li-Symfony
Archived
1
0
Fork 0
Code Issues 4 Pull requests 1 Projects Releases 3 Wiki Activity

Restyle footer and add FAQ

Browse source
This commit is contained in:
Jannis Portmann 2022-01-19 12:49:07 +01:00
parent 9d640b9fd3
commit ed481d9083
5 changed files with 141 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/styles/app.scss
View file

@ -8,7 +8,7 @@ $primary: darken(#005035, 20%);
footer { footer {
background-color: #ddd; background-color: #ddd;
height: 6rem; height: auto;
} }
nav { nav {
@ -68,6 +68,11 @@ nav {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.link-list {
list-style: none;
padding: 0;
}
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
.show-img-container { .show-img-container {
margin-right: 2rem; margin-right: 2rem;

2
config/packages/security.yaml
View file

@ -50,4 +50,4 @@ security:
access_control: access_control:
- { path: ^/$, roles: IS_AUTHENTICATED_ANONYMOUSLY } - { path: ^/$, roles: IS_AUTHENTICATED_ANONYMOUSLY }
- { path: ^/admin, roles: ROLE_ADMIN } - { path: ^/admin, roles: ROLE_ADMIN }
- { path: ^(?!/(login|register|reset-password|offers|offer/*|imprint)), roles: ROLE_USER } - { path: ^(?!/(login|register|reset-password|offers|offer/*|imprint|faq)), roles: ROLE_USER }

6
src/Controller/AppController.php
View file

@ -21,4 +21,10 @@ class AppController extends AbstractController
{ {
return $this->render('app/imprint.html.twig'); return $this->render('app/imprint.html.twig');
} }
#[Route('/faq', name: 'faq')]
public function faq(): Response
{
return $this->render('app/faq.html.twig');
}
} }

11
templates/app/faq.html.twig Normal file
View file

@ -0,0 +1,11 @@
{% extends 'base.html.twig' %}
{% block title %}Privacy Policy{% endblock %}
{% block body %}
<h1 class="mb-3">Frequently Asked Questions</h1>
<h2 class="mb-3">Is it free?</h2>
<p>Yes, pflänz.li is free to use and its source code is <a href="https://git.thisfro.ch/thisfro/pflaenz.li">publically accessible</a>.</p>
<h2 class="mb-3">Can I help?</h2>
Yes, feel free to contact <a href="mailto:jannis@thisfro.ch">@thisfro</a>!</p>
{% endblock %}

195
templates/base.html.twig
View file

@ -1,86 +1,125 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Pflänz.li - {% block title %}{% endblock %}</title> <title>Pflänz.li -
{% block title %}{% endblock %}
</title>
{% block stylesheets %} {% block stylesheets %}
{{ encore_entry_link_tags('app') }} {{ encore_entry_link_tags('app') }}
{% endblock %} {% endblock %}
{% block javascripts %} {% block javascripts %}
{{ encore_entry_script_tags('app') }} {{ encore_entry_script_tags('app') }}
<!-- Matomo --> <!-- Matomo -->
<script> <script>
var _paq = window._paq = window._paq || []; var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']); _paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']); _paq.push(['enableLinkTracking']);
(function() { (function () {
var u="//analytics.thisfro.ch/"; var u = "//analytics.thisfro.ch/";
_paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push([
_paq.push(['setSiteId', '2']); 'setTrackerUrl',
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; u + 'matomo.php'
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); ]);
})(); _paq.push(['setSiteId', '2']);
</script> var d = document,
<!-- End Matomo Code --> g = d.createElement('script'),
{% endblock %} s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
{% endblock %}
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="{{ path('homepage') }}"><i class="fas fa-seedling"></i>Pflänz.li</a> <a class="navbar-brand" href="{{ path('homepage') }}">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fas fa-seedling"></i>Pflänz.li</a>
<span class="navbar-toggler-icon"></span> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
</button> <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href=" {{ path('offers') }} "><i class="fas fa-seedling"></i> Offers</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-user"></i> User</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ path('own_offers') }}"><i class="fas fa-seedling"></i> My Offers</a>
<a class="dropdown-item" href="{{ path('wishlist') }}"><i class="fas fa-star"></i> Wishlist</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('user_page') }}"><i class="fas fa-user"></i> User settings</a>
</div>
</li>
<li>
<a class="nav-link" href="{{ path('new_offer') }}"><i class="fas fa-plus-square"></i> New Offer</a>
</li>
</ul>
<span>
{% if is_granted('ROLE_USER') %}
<a class="btn btn-light" href="{{ path('app_logout') }}">Log out</a>
{% else %}
<a class="btn btn-light" href="{{ path('app_login') }}">Log in</a>
{% endif %}
</span>
</div>
</nav>
<div class="container pt-5"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
{% block body %}{% endblock %} <ul class="navbar-nav mr-auto">
</div> <li class="nav-item">
<a class="nav-link" href=" {{ path('offers') }} ">
<i class="fas fa-seedling"></i>
Offers</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-user"></i>
User</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ path('own_offers') }}">
<i class="fas fa-seedling"></i>
My Offers</a>
<a class="dropdown-item" href="{{ path('wishlist') }}">
<i class="fas fa-star"></i>
Wishlist</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ path('user_page') }}">
<i class="fas fa-user"></i>
User settings</a>
</div>
</li>
<li>
<a class="nav-link" href="{{ path('new_offer') }}">
<i class="fas fa-plus-square"></i>
New Offer</a>
</li>
</ul>
<span>
{% if is_granted('ROLE_USER') %}
<a class="btn btn-light" href="{{ path('app_logout') }}">Log out</a>
{% else %}
<a class="btn btn-light" href="{{ path('app_login') }}">Log in</a>
{% endif %}
</span>
</div>
</nav>
<footer class="text-center text-white"> <div class="container pt-5"> {% block body %}{% endblock %}
<div class="pt-1"> </div>
<section class="mb-1">
<h2 class="d-none">Footer Links</h2> <footer class="text-dark p-3">
<a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://mastodon.social/" role="button" data-mdb-ripple-color="dark"><i class="fab fa-mastodon"></i></a> <div class="row">
<a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://git.thisfro.ch/thisfro/pflaenz.li" role="button" data-mdb-ripple-color="dark"><i class="fab fa-git-alt"></i></a> <div class="col-lg"></div>
</section> <div class="col-lg text-center pt-3">
</div> <section class="mb-1">
<div class="text-center text-dark"> <h2 class="d-none">Social Links</h2>
<a href="https://creativecommons.org"><i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i></a> <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://mastodon.social/" role="button" data-mdb-ripple-color="dark">
<a class="text-dark" href="{{ path('homepage') }}">pflänz.li</a> <i class="fab fa-mastodon"></i>
</div> </a>
</footer> <a class="btn btn-link btn-floating btn-lg text-dark m-1" href="https://git.thisfro.ch/thisfro/pflaenz.li" role="button" data-mdb-ripple-color="dark">
</body> <i class="fab fa-git-alt"></i>
</html> </a>
</section>
</div>
<div class="col-lg pt-4">
<section>
<h2 class="h5">Links</h2>
<ul class="link-list">
<li><a href="https://blog.pflänz.li">Blog</a></li>
<li><a href="{{ path('imprint') }}">Imprint</a></li>
<li><a href="{{ path('faq') }}">FAQ</a></li>
</ul>
</section>
</div>
</div>
<div class="row pt-3">
<div class="text-center text-dark w-100">
<a class="text-dark" href="{{ path('homepage') }}"><i class="far fa-copyright mr-1"></i>{{ 'now' | date('Y') }} pflänz.li</a>
</div>
</div>
</footer>
</body>
</html>