|
|
@@ -5,6 +5,11 @@
|
|
|
<link rel="stylesheet" type="text/css" href="{% static "semantic/dist/semantic.min.css" %}">
|
|
|
<script src="{% static "javascript/jquery-3.1.1.min.js" %}" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
|
|
|
<script src="{% static "semantic/dist/semantic.min.js" %}"></script>
|
|
|
+ <style type="text/css">
|
|
|
+ .main.viewport.padder{
|
|
|
+ padding-bottom: 4em;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
<meta name="handheldfriendly" content="true">
|
|
|
<meta name="mobile-web-app-capable" content="true">
|
|
|
<meta name="mobileoptimized" content="true">
|
|
|
@@ -19,44 +24,14 @@
|
|
|
<meta name="keywords" content="internet relay chat,irc,robot,bot,irc robot,ircbot,irc bot,{% block keywords %}{% endblock %}">
|
|
|
<meta name="keywords-not" content="icq,msn,skype,aol,aim,jabber,xmpp,telegram,whatsapp,link,wechat,slack,discord,forum,bbs,blog,{% block keywords-not %}{% endblock %}">
|
|
|
{% block head %}{% endblock %}
|
|
|
- <!-- Maak % blokken % voor aantal zoekresultaten per pagina: <meta name="itemsPerPage" content=""> -->
|
|
|
+ {# Maak % blokken % voor aantal zoekresultaten per pagina: <meta name="itemsPerPage" content=""> #}
|
|
|
<title>{% block title %}{% endblock %}</title>
|
|
|
- <style>
|
|
|
- .ui.fluid.container {
|
|
|
- margin-left: 0 !important;
|
|
|
- margin-right: 0 !important;
|
|
|
-
|
|
|
-}
|
|
|
-div.stretchy-wrapper {
|
|
|
- width: 100%;
|
|
|
- padding-bottom: 56.25%; /* 16:9 */
|
|
|
- position: relative;
|
|
|
-
|
|
|
- background: blue;
|
|
|
-}
|
|
|
-
|
|
|
-div.stretchy-wrapper > div {
|
|
|
- position: absolute;
|
|
|
- top: 0; bottom: 0; left: 0; right: 0;
|
|
|
-
|
|
|
- color: white;
|
|
|
- font-size: 24px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* Other aspect ratios to try:
|
|
|
- * 56.25% = 16:9
|
|
|
- * 75% = 4:3
|
|
|
- * 66.66% = 3:2
|
|
|
- * 62.5% = 8:5
|
|
|
- */
|
|
|
-
|
|
|
-
|
|
|
-</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="ui relaxed menu"></div>
|
|
|
- {% block content %}{% endblock %}
|
|
|
+ <div class="main viewport padder">
|
|
|
+ {% block content %}{% endblock %}
|
|
|
+ </div>
|
|
|
<footer class="ui bottom fixed borderless menu">
|
|
|
<nav class="ui breadcrumb item">
|
|
|
{% block breadcrumbs %}{% endblock %}
|