From 5ce3e2b38e62292c88d44b57cf9d2f1b5b771c5c Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
Date: Tue, 17 Nov 2020 20:36:57 +0100
Subject: [PATCH] show one banner per line on mobile
---
css/style.css | 44 ++++++++++++++++++++++++++------------------
index.php | 2 ++
2 files changed, 28 insertions(+), 18 deletions(-)
diff --git a/css/style.css b/css/style.css
index 807363f..4e53d84 100644
--- a/css/style.css
+++ b/css/style.css
@@ -322,24 +322,6 @@ button{
#homeImage{
float: left;
}
-@media only screen and (max-width: 600px) {
- #homeImage{
- float: none;
- }
- #content{
- padding-left: 10px;
- padding-right: 10px;
- }
- #blog{
- flex-direction: column;
- }
- article {
- margin-bottom: 10px;
- margin-right: 0;
- }
-
-}
-
.spacer{
clear: both;
@@ -454,4 +436,30 @@ button{
.commentText{
margin: 0;
width: 100%;
+}
+
+@media only screen and (max-width: 600px) {
+ #homeImage{
+ float: none;
+ }
+ #content{
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ #blog{
+ flex-direction: column;
+ }
+ article {
+ margin-bottom: 10px;
+ margin-right: 0;
+ }
+ #banner a{
+ display: block;
+ }
+
+ #banner img {
+ max-width: none;
+ width: 100%;
+ }
+
}
\ No newline at end of file
diff --git a/index.php b/index.php
index 7b1ac1b..9dbe7f2 100644
--- a/index.php
+++ b/index.php
@@ -97,9 +97,11 @@ include "./internal/mysql.php";
}
?>
</div>
+ <div id="banner">
<h2>Banner</h2>
<a href="https://ipv6.he.net"><img src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
<a href="https://www.abuseipdb.com/user/45130"><img style="background-color: white" src="https://www.abuseipdb.com/contributor/45130.svg" style="width: 401px;"></a>
+ </div>
</div>
<div class="cookieinfo">
<div class="cookieinfo-close" onclick="acceptCookie()">
--
GitLab