generated from MinBZK/python-project-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Integrated ROOS design system (#120)
- Loading branch information
Showing
21 changed files
with
3,802 additions
and
1,668 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -7,7 +7,7 @@ ARG NVM_VERSION | |
| LABEL [email protected] \ | ||
| organization=MinBZK \ | ||
| license=EUPL-1.2 \ | ||
| org.opencontainers.image.description="Transparency of Algorithmic Decision making" \ | ||
| org.opencontainers.image.description="Algoritm Management Toolkit" \ | ||
| org.opencontainers.image.source=https://github.com/MinBZK/amt \ | ||
| org.opencontainers.image.licenses=EUPL-1.2 | ||
|
|
||
|
|
||
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,60 @@ | ||
| <footer> | ||
| </footer> | ||
| <div class="rvo-footer-bg"> | ||
| <footer class="utrecht-page-footer rvo-footer rvo-footer--lg"> | ||
| <div class="rvo-footer-column"> | ||
| <h3 class="utrecht-heading-3 rvo-footer-menu-title">{% trans %}Algorithm Management | ||
| Toolkit{% endtrans %}</h3> | ||
| <ul class="rvo-footer-menu"> | ||
| <li class="rvo-footer-menu-item"> | ||
| <a | ||
| class="rvo-link rvo-link--with-icon rvo-link--no-underline" | ||
| href="#" | ||
| > | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-delta-naar-rechts rvo-icon--sm rvo-icon--wit rvo-link__icon--before" | ||
| role="img" | ||
| aria-label="Delta naar rechts" | ||
| ></span> | ||
| Over ons | ||
| </a> | ||
| </li> | ||
| <li class="rvo-footer-menu-item"> | ||
| <a | ||
| class="rvo-link rvo-link--with-icon rvo-link--no-underline" | ||
| href="#" | ||
| > | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-delta-naar-rechts rvo-icon--sm rvo-icon--wit rvo-link__icon--before" | ||
| role="img" | ||
| aria-label="Delta naar rechts" | ||
| ></span> | ||
| Contact | ||
| </a> | ||
| </li> | ||
|
|
||
| </ul> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="rvo-footer-column"> | ||
| <h3 class="utrecht-heading-3 rvo-footer-menu-title">{% trans %}Language{% endtrans %}</h3> | ||
| <ul class="rvo-footer-menu"> | ||
| {% for available_translation in available_translations %} | ||
| <li class="rvo-footer-menu-item"> | ||
| <a {% if available_translation == language %}class="selected"{% endif %} | ||
| id="langselect-{{ available_translation }}" | ||
| class="rvo-link rvo-link--with-icon rvo-link--no-underline" | ||
| href="javascript:setCookie('lang', '{{ available_translation }}', 9999); window.location.reload()" | ||
| > | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-wereldbol rvo-icon--sm rvo-icon--wit rvo-link__icon--before" | ||
| role="img" | ||
| aria-label="Delta naar rechts" | ||
| ></span> | ||
| {{ available_translation }} | ||
| </a> | ||
| </li> | ||
| {% endfor %} | ||
| </ul> | ||
| </div> | ||
| </footer> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,60 @@ | ||
| <header class="header"> | ||
| <div class="header-top"> | ||
| <a href="/"></a><img class="header-logo-image" src="{{ url_for_cache('static', path='images/logo.svg') }}" /></a> | ||
| <span>{% trans %}Algorithm Management Toolkit{% endtrans %} ({{ version }})</span> | ||
| <div class="rvo-header__logo-wrapper"> | ||
| <div class="rvo-logo rvo-header__logo-img"> | ||
| <div class="rvo-logo__emblem"> | ||
| <img src="/static/dist/@nl-rvo/assets-1.0.0-alpha.360/images/emblem.svg"> | ||
| </div> | ||
| <div class="rvo-logo__wordmark"> | ||
| <p class="rvo-logo__title">{% trans %}Algorithm Management Toolkit{% endtrans %} ({{ version }})</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="header-nav"> | ||
| <div class="header-nav-container"> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="/projects/new">{% trans %}New project{% endtrans %}</a></li> | ||
| <li><a href="/projects/">{% trans %}Projects{% endtrans %}</a></li> | ||
| <div class="rvo-layout-column rvo-layout-gap--md"> | ||
| <div class="rvo-topnav__background rvo-topnav__background--horizontal-rule"> | ||
| <nav class="rvo-topnav rvo-topnav--md"> | ||
| <ul class="rvo-topnav__list"> | ||
| <li class="rvo-topnav__item"> | ||
| <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#"> | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-home rvo-icon--md rvo-icon--wit" | ||
| role="img" | ||
| aria-label="Home" | ||
| ></span> | ||
| Home | ||
| </a> | ||
| </li> | ||
| <li class="rvo-topnav__item"> | ||
| <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="/projects/"> | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-publicatie rvo-icon--md rvo-icon--wit" | ||
| role="img" | ||
| aria-label="Publicatie" | ||
| ></span> | ||
| {% trans %}Projects{% endtrans %} | ||
| </a> | ||
| </li> | ||
| <li class="rvo-topnav__item"> | ||
| <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="/projects/new"> | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-plus rvo-icon--md rvo-icon--wit" | ||
| role="img" | ||
| aria-label="Plus" | ||
| ></span> | ||
| {% trans %}New project{% endtrans %} | ||
| </a> | ||
| </li> | ||
| <li class="rvo-topnav__item rvo-topnav__item--align-right"> | ||
| <a class="rvo-link rvo-topnav__link rvo-link--logoblauw" href="#"> | ||
| <span | ||
| class="utrecht-icon rvo-icon rvo-icon-versleutelen rvo-icon--md rvo-icon--wit" | ||
| role="img" | ||
| aria-label="Versleutelen" | ||
| ></span> | ||
| Uitloggen | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div class="language-selection"> | ||
| <span>{% trans %}Language{% endtrans %}:</span> | ||
|
|
||
| {% for available_translation in available_translations %} | ||
| <a {% if available_translation==language %}class="selected" {% endif %} | ||
| id="langselect-{{ available_translation }}" | ||
| href="javascript:setCookie('lang','{{ available_translation }}',9999); window.location.reload()">{{ | ||
| available_translation }}</a> | ||
| {% endfor %} | ||
| </div> | ||
| </div> | ||
| </header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,45 @@ | ||
| {% extends 'layouts/base.html.j2' %} | ||
|
|
||
| {% block content %} | ||
| <h1 class="margin-bottom-large">{% trans %}Projects{% endtrans %}</h1> | ||
|
|
||
| <form> | ||
| <label> | ||
| <input | ||
| size="100" | ||
| type="search" | ||
| placeholder="{% trans %}Find project...{% endtrans %}" | ||
| name="search" | ||
| hx-get="/projects/?skip=0" | ||
| hx-trigger="input changed delay:500ms, search" | ||
| hx-target="#project-search-results" | ||
| hx-indicator=".htmx-indicator" | ||
| hx-swap="innerHTML" | ||
| autocomplete="false" | ||
| id="project-search-input" | ||
| /> | ||
| </label> | ||
| <input type="reset" | ||
| value="X" | ||
| style="position: relative; margin-left: -30px" | ||
| hx-trigger="click" | ||
| hx-get="/projects/?skip=0" | ||
| hx-target="#project-search-results" | ||
| hx-indicator=".htmx-indicator" | ||
| hx-swap="innerHTML" | ||
| /> | ||
| </form> | ||
| <main class="rvo-max-width-layout rvo-max-width-layout--sm"> | ||
| <div class="rvo-content"> | ||
|
|
||
| <ul class="project-list" id="project-search-results"> | ||
| {% include 'projects/_list.html.j2' %} | ||
| </ul> | ||
| <h1 class="utrecht-heading-1">{% trans %}Projects{% endtrans %}</h1> | ||
|
|
||
| <div id="errorContainer"></div> | ||
| <form> | ||
| <label> | ||
| <input | ||
| size="100" | ||
| type="search" | ||
| placeholder="{% trans %}Find project...{% endtrans %}" | ||
| name="search" | ||
| hx-get="/projects/?skip=0" | ||
| hx-trigger="input changed delay:500ms, search" | ||
| hx-target="#project-search-results" | ||
| hx-indicator=".htmx-indicator" | ||
| hx-swap="innerHTML" | ||
| autocomplete="false" | ||
| id="project-search-input" | ||
| /> | ||
| </label> | ||
| <input type="reset" | ||
| value="X" | ||
| style="position: relative; margin-left: -30px" | ||
| hx-trigger="click" | ||
| hx-get="/projects/?skip=0" | ||
| hx-target="#project-search-results" | ||
| hx-indicator=".htmx-indicator" | ||
| hx-swap="innerHTML" | ||
| /> | ||
| </form> | ||
|
|
||
| <ul class="rvo-item-list" id="project-search-results"> | ||
| {% include 'projects/_list.html.j2' %} | ||
| </ul> | ||
|
|
||
| </div> | ||
| </main> | ||
|
|
||
| <div id="errorContainer"></div> | ||
| {% endblock %} |
Oops, something went wrong.