Skip to content

Commit

Permalink
#51: added buttons that show modal containing info on how to provide …
Browse files Browse the repository at this point in the history 
…feedback
  • Loading branch information
@StefanVanDyck
StefanVanDyck committed Oct 25, 2024
1 parent 0a5037f commit 39ba67f
Show file tree
Hide file tree
Showing 8 changed files with 297 additions and 179 deletions.
19 changes: 19 additions & 0 deletions branding/app/assets/images/bug.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 6 additions & 1 deletion branding/app/assets/locales/en/common
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,5 +41,10 @@
"index.footer.about-inbo.title": "About INBO",
"index.footer.about-inbo.content": "INBO is the independent research institute of the Flemish government that underpins and evaluates biodiversity policy and management through applied scientific research, data and knowledge disclosure.",
"index.footer.about-inbo.about-us": "About us",
"index.footer.about-inbo.contact-us": "Contact us"
"index.footer.about-inbo.contact-us": "Contact us",
"footer.bug-modal.title": "The Flemish Biodiversity Portal development website",
"footer.bug-modal.intro": "Feel free to look and click around!\nBut, be aware that this is a test and development website and is not yet ready for official, public use.",
"footer.bug-modal.contact-us": "If you have any questions or feedback, please contact us at ",
"footer.bug-modal.report-bug": "In case you spot any bugs or issues, you are strongly encouraged to report them on ",
"footer.bug-modal.github-page": "our public Github page"
}
7 changes: 6 additions & 1 deletion branding/app/assets/locales/nl/common
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,5 +40,10 @@
"index.footer.about-inbo.title": "Over INBO",
"index.footer.about-inbo.content": "Het INBO is het onafhankelijk onderzoeksinstituut van de Vlaamse overheid dat via toegepast wetenschappelijk onderzoek, data- en kennisontsluiting het biodiversiteitsbeleid en -beheer onderbouwt en evalueert.",
"index.footer.about-inbo.about-us": "Over ons",
"index.footer.about-inbo.contact-us": "Contacteer ons"
"index.footer.about-inbo.contact-us": "Contacteer ons",
"footer.bug-modal.title": "Vlaams Biodiversiteitsportaal development website",
"footer.bug-modal.intro": "Kijk en klik gerust rond!\nMaar, besef dat dit een ontwikkeling- en test-website is en dus nog niet klaar voor normaal, publiek, gebruik.",
"footer.bug-modal.contact-us": "Indien je vragen of feedback hebt, contacteer ons dan via ",
"footer.bug-modal.report-bug": "Moest je problemen ervaren of een bug zien, wordt je sterk aangemoedigd deze te rapporteren op ",
"footer.bug-modal.github-page": "onze publieke Github pagina"
}
9 changes: 8 additions & 1 deletion branding/app/themes/vlaanderen/assets/banner.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,6 @@
</ul>
</li>
</ul>

<ul class="nav navbar-nav navbar-right language-selection">
<li id="dropdown-lang" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
Expand All @@ -77,6 +76,14 @@
</ul>
</li>
</ul>

<div class="nav navbar-nav navbar-right bug-modal banner-bug-modal">
<a class="bug-modal-button" data-toggle="modal" data-target="#bug-modal" href="#bug-modal">
<svg class="bug-icon">
<use href="images/bug.svg#bug" xlink:href="images/bug.svg#bug" />
</svg>
</a>
</div>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
Expand Down
152 changes: 95 additions & 57 deletions branding/app/themes/vlaanderen/assets/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,18 @@
</div>
<!-- Footer -->
<footer class="footer">
<div class="vlw vlw__u-hide-on-print">
<footer class="vlw__footer">
<div class="vlw__footer__container">
<div class="vlw__footer__col vlw__footer__umbrella"><img class="vlaanderen-logo"
src="https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1000/Vlaanderen_is_wetenschap_vol_xnbdq2"
srcset="https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_320/Vlaanderen_is_wetenschap_vol_xnbdq2 320w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_480/Vlaanderen_is_wetenschap_vol_xnbdq2 480w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_960/Vlaanderen_is_wetenschap_vol_xnbdq2 960w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1420/Vlaanderen_is_wetenschap_vol_xnbdq2 1420w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1920/Vlaanderen_is_wetenschap_vol_xnbdq2 1920w"
sizes="(max-width:500px) 50vw, 25vw" /></div>
<div class="vlw__footer__col vlw__footer__body">
<div>
<h2 class="vlw__footer__body__title">
Het Vlaams Biodiversiteitsportaal is een officiële website van de Vlaamse overheid
<span class="vlw__footer__body__subtitle">
<div class="vlw vlw__u-hide-on-print">
<footer class="vlw__footer">
<div class="vlw__footer__container">
<div class="vlw__footer__col vlw__footer__umbrella"><img class="vlaanderen-logo"
src="https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1000/Vlaanderen_is_wetenschap_vol_xnbdq2"
srcset="https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_320/Vlaanderen_is_wetenschap_vol_xnbdq2 320w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_480/Vlaanderen_is_wetenschap_vol_xnbdq2 480w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_960/Vlaanderen_is_wetenschap_vol_xnbdq2 960w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1420/Vlaanderen_is_wetenschap_vol_xnbdq2 1420w, https://assets.vlaanderen.be/image/upload/c_scale,q_auto:eco,w_1920/Vlaanderen_is_wetenschap_vol_xnbdq2 1920w"
sizes="(max-width:500px) 50vw, 25vw"/></div>
<div class="vlw__footer__col vlw__footer__body">
<div>
<h2 class="vlw__footer__body__title">
Het Vlaams Biodiversiteitsportaal is een officiële website van de Vlaamse overheid
<span class="vlw__footer__body__subtitle">

<!----> <span>uitgegeven door</span>

Expand All @@ -22,51 +22,89 @@ <h2 class="vlw__footer__body__title">
<svg viewBox="0 0 32 32" aria-hidden="true" class="vlw__footer__body__icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-external"></use>
</svg> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a> <!----></span>
</h2>
</div>
<ul class="vlw__footer__body__links">
<li class="vlw__footer__body__links__item"><a href="https://www.vlaanderen.be/inbo/privacyverklaring/"
rel="noopener noreferrer" class="vlw__footer__body__links__item__cta">Privacyverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
<li class="vlw__footer__body__links__item"><a href="https://www.vlaanderen.be/inbo/cookiebeleid/"
rel="noopener noreferrer" class="vlw__footer__body__links__item__cta">Cookieverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
<li class="vlw__footer__body__links__item"><a
href="https://www.vlaanderen.be/inbo/toegankelijkheidsverklaring/" rel="noopener noreferrer"
class="vlw__footer__body__links__item__cta">Toegankelijkheidsverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
</ul>
<ul class="vlw__footer__language vlw__footer__language--mobile">
<li class="vlw__footer__language__item"><a href="https://www.vlaanderen.be/inbo" hreflang="nl" lang="nl"
target="_blank" rel="alternate" class="vlw__footer__language__item__cta">
nl
</a></li>
<li class="vlw__footer__language__item"><a href="https://www.vlaanderen.be/inbo/en-gb/homepage/"
hreflang="en" lang="en" rel="alternate" class="vlw__footer__language__item__cta">
en
</a></li>
</ul>
</div>
<div class="vlw__footer__col vlw__footer__side"><!---->
<ul class="vlw__footer__language vlw__footer__language--desktop">
<li class="vlw__footer__language__item locale-link" data-locale="nl"><a href="#" hreflang="nl" lang="nl"
target="_blank" rel="alternate" class="vlw__footer__language__item__cta nl-locale-link">
nl
</a></li>
<li class="vlw__footer__language__item locale-link" data-locale="en"><a href="#" hreflang="en" lang="en"
rel="alternate" class="vlw__footer__language__item__cta en-locale-link">
en
</a></li>
</ul>
</div>
</div>
</footer>
</div>
</h2>
</div>
<ul class="vlw__footer__body__links">
<li class="vlw__footer__body__links__item"><a
href="https://www.vlaanderen.be/inbo/privacyverklaring/"
rel="noopener noreferrer" class="vlw__footer__body__links__item__cta">Privacyverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
<li class="vlw__footer__body__links__item"><a
href="https://www.vlaanderen.be/inbo/cookiebeleid/"
rel="noopener noreferrer" class="vlw__footer__body__links__item__cta">Cookieverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
<li class="vlw__footer__body__links__item"><a
href="https://www.vlaanderen.be/inbo/toegankelijkheidsverklaring/"
rel="noopener noreferrer"
class="vlw__footer__body__links__item__cta">Toegankelijkheidsverklaring
<!----> <span class="vlw__u-visually-hidden">(opent in nieuw venster)</span></a></li>
</ul>
<ul class="vlw__footer__language vlw__footer__language--mobile">
<li class="vlw__footer__language__item"><a href="https://www.vlaanderen.be/inbo" hreflang="nl"
lang="nl"
target="_blank" rel="alternate"
class="vlw__footer__language__item__cta">
nl
</a></li>
<li class="vlw__footer__language__item"><a href="https://www.vlaanderen.be/inbo/en-gb/homepage/"
hreflang="en" lang="en" rel="alternate"
class="vlw__footer__language__item__cta">
en
</a></li>
</ul>
</div>
<div class="vlw__footer__col vlw__footer__side"><!---->

<div class="bug-modal footer-bug-modal">
<a class="bug-modal-button" data-toggle="modal" data-target="#bug-modal" href="#bug-modal">
<svg class="bug-icon">
<use href="images/bug.svg#bug" xlink:href="images/bug.svg#bug" />
</svg>
</a>
</div>
<ul class="vlw__footer__language vlw__footer__language--desktop">
<li class="vlw__footer__language__item locale-link" data-locale="nl"><a href="#" hreflang="nl"
lang="nl"
target="_blank"
rel="alternate"
class="vlw__footer__language__item__cta nl-locale-link">
nl
</a></li>
<li class="vlw__footer__language__item locale-link" data-locale="en"><a href="#" hreflang="en"
lang="en"
rel="alternate"
class="vlw__footer__language__item__cta en-locale-link">
en
</a></li>
</ul>
</div>
</div>
</footer>
</div>
</footer>
<!-- End footer -->
<script type="text/javascript">
function focusScroll() {
// Allow to move with PgUp/Down the main contain without having to focus manually
$("#main_content").trigger("focus");
}
</script>
function focusScroll() {
// Allow to move with PgUp/Down the main contain without having to focus manually
$("#content-wrapper").trigger("focus");
}
</script>

<!--Development feedback modal-->
<div class="modal fade" id="bug-modal" tabindex="-1" role="dialog" aria-labelledby="bug-modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header bug-modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h5 class="modal-title bug-modal-title" id="bug-modal-label" data-i18n="footer.bug-modal.title"></h5>
</div>
<div class="modal-body bug-modal-content"><span data-i18n="footer.bug-modal.intro"></span>

<span data-i18n="footer.bug-modal.contact-us"></span><a href="mailto:support@natuurdata.inbo.be">support@natuurdata.inbo.be</a>
<span data-i18n="footer.bug-modal.report-bug"></span><a href="https://github.com/inbo/vlaams-biodiversiteitsportaal/issues" data-i18n="footer.bug-modal.github-page"></a>.
</div>
</div>
</div>
</div>
Loading

0 comments on commit 39ba67f

Please sign in to comment.