++ Modo OScuro | Claro via Macros
This commit is contained in:
parent
9b54135efe
commit
0af69075c2
|
@ -1,5 +1,7 @@
|
|||
{# templates/base.html #}
|
||||
|
||||
{% import "macros.html" as macros %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
|
@ -15,5 +17,8 @@
|
|||
{% block content %}
|
||||
<h1>Welcome to {{ title }}!</h1>
|
||||
{% endblock content %}
|
||||
<footer>
|
||||
{{ macros.light_or_dark_mode("body") }}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,18 @@
|
|||
{# templates/macros.html #}
|
||||
|
||||
{% macro light_or_dark_mode(element) %}
|
||||
{% if request.args.get('mode') == "dark" %}
|
||||
<a href="{{ request.path }}">Cambiamos a Modo Claro</a>
|
||||
<style>
|
||||
{{ element }} {
|
||||
background-color: #212F3C;
|
||||
color: #FFFFF0;
|
||||
}
|
||||
{{ element }} a {
|
||||
color: #00BFFF !important;
|
||||
}
|
||||
</style>
|
||||
{% else %}
|
||||
<a href="{{ request.path }}?mode=dark">Cambiamos a Modo Oscuro</a>
|
||||
{% endif %}
|
||||
{% endmacro %}
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<h1>{{ test_name }} {{ title }}: </h1>
|
||||
<ul>
|
||||
{% for student in students %}
|
||||
{% for student in students|sort(attribute="name") %}
|
||||
<li>
|
||||
{% if student.score > 80 %} :-) {% else %} :-( {% endif %}
|
||||
<em>{{ student.name }}:</em> {{ student.score }}/{{ max_score }}
|
||||
|
|
Loading…
Reference in New Issue