💄 Bulma > Bootstrap

This commit is contained in:
checktheroads 2019-08-07 11:09:18 -07:00
parent 5cceffb87f
commit d84b547d77
7 changed files with 37 additions and 44 deletions

View file

@ -1,10 +1,8 @@
{% extends "templates/base.html.j2" %}
{% block content %}
<div class="ui vertical center aligned segment" id="lg-maincontainer">
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(branding.text.error404.title, branding.text.error404.subtitle.format(uri=uri), branding.text.error404.button, "h1", "h3") }}
</div>
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(branding.text.error404.title, branding.text.error404.subtitle.format(uri=uri), branding.text.error404.button) }}
{% endblock %}
{% block footer %}

View file

@ -1,10 +1,8 @@
{% extends "templates/base.html.j2" %}
{% block content %}
<div class="ui vertical center aligned segment" id="lg-maincontainer">
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(branding.text.error500.title, branding.text.error500.subtitle, branding.text.error500.button, "h1", "h3") }}
</div>
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(branding.text.error500.title, branding.text.error500.subtitle, branding.text.error500.button) }}
{% endblock %}
{% block footer %}

View file

@ -22,6 +22,7 @@
</head>
<body class="d-flex flex-column h-100">
{% include "templates/ratelimit-query.html.j2" %}
<div class="container-fluid d-flex w-100 h-100 p-3 mx-auto flex-column">
<header>
<div>

View file

@ -1,12 +1,11 @@
{% macro errortext(title, subtitle, button, size_title="h1", size_subtitle="h3") -%}
<div class="ui content container">
<{{ size_title }} class="ui header">{{ title }}
</{{ size_title }}>
<{{ size_subtitle }} class="ui header">{{ subtitle }}</{{ size_subtitle }}>
<br>
<a href="/"><button class="ui basic small button">
<i class="angle left icon"></i>
{{ button }}
</button></a>
{% macro errortext(title, subtitle, button) -%}
<div class="container d-flex w-100 h-100 p-3 mx-auto flex-column">
<div class="jumbotron bg-danger">
<h1 class="display-4">{{ title }}</h1>
<p class="lead">{{ subtitle }}</p>
<hr class="my-4">
<a class="btn btn-outline-danger btn-lg" href="/" role="button">{{ button }}</a>
</div>
</div>
{%- endmacro %}

View file

@ -1,7 +1,5 @@
{% extends "templates/base.html.j2" %}
{# {% include "templates/ratelimit-query.html.j2" %} #}
{% block content %}
<div id="hg-parent" class="mx-auto">
<div class="container animsition" data-animsition-out-class="fade-out-right" data-animsition-in-class="fade-in-left"
@ -54,7 +52,7 @@
<div class="col">
<div class="input-group input-group-lg">
<input class="form-control" type="text" placeholder="{{ branding.text.query_placeholder }}"
aria-label="{{ branding.text.query_placeholder }}" aria-describedby="target" id="target">
aria-label="{{ branding.text.query_placeholder }}" aria-describedby="query_target" id="query_target">
<div class="input-group-append">
<button class="btn btn-primary" id="hg-submit-button" type="submit">
<div id="hg-submit-icon">

View file

@ -1,15 +1,22 @@
<div class="ui modal" id="ratelimit">
<div class="header">
{{ features.rate_limit.query.title }}
</div>
<div class="content">
<p>{{ features.rate_limit.query.message }}</p>
</div>
<div class="actions">
<a href="/">
<div class="ui button">
{{ features.rate_limit.query.button }}
</div>
</a>
<div class="modal fade" tabindex="-1" role="dialog" id="hg-ratelimit-query">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content bg-danger">
{# <div class="modal-header">
<h4 class="modal-title">{{ features.rate_limit.query.title }}</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div> #}
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h2 class="modal-title">{{ features.rate_limit.query.title }}</h2>
<p>{{ features.rate_limit.query.message }}</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-danger" data-dismiss="modal">{{ features.rate_limit.query.button }}</button>
</div>
</div>
</div>
</div>

View file

@ -1,16 +1,8 @@
{% extends "templates/base.html.j2" %}
<head>
{% block head %}
{% include "templates/inlinestyle.html.j2" %}
{% endblock %}
</head>
{% block content %}
<div class="ui vertical center aligned segment" id="lg-maincontainer">
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(features.rate_limit.site.title, features.rate_limit.site.subtitle, features.rate_limit.site.button, "h1", "h3") }}
</div>
{% import "templates/errortext.html.j2" as errortext %}
{{ errortext.errortext(features.rate_limit.site.title, features.rate_limit.site.subtitle, features.rate_limit.site.button) }}
{% endblock %}
{% block footer %}