Compare commits

..
2 Commits
Author SHA1 Message Date
me 82ad8a9134 main, fix garbage inserted from Android editor app. 2026-10-05 15:05:01 -07:00
me 6155a21a24 banner, fix not showing up on mobile views. 2026-10-05 15:04:30 -07:00
2 changed files with 28 additions and 31 deletions

No files matched your search

+15 -16
View File
@@ -9,8 +9,7 @@
$banner_width_mobile = $show_pics ? 8 : 12;
?>
<a href='/'>
<div class="banner-desktop">
<div class="row">
<div class="row banner-desktop">
<?php if ($show_pics) echo '
<div class="col-3 header center banner-image banner-image01"></div>
';?>
@@ -20,21 +19,21 @@
<div class="banner-bottom">Happiness</div>
</div>
<?php if ($show_pics) echo '
<div class="col-3 header center banner-image banner-image02"></div>
';?>
</div>
<div class="row banner-mobile">
<?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image01"></div>
';?>
<div class="col-<?php echo "$banner_width_mobile"; ?> header">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>
</div>
<?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image02"></div>
';?>
</div>
<div class="banner-mobile">
<?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image01"></div>
';?>
<div class="col-<?php echo "$banner_width_mobile"; ?> header">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>
</div> <?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image02"></div>
';?>
</div>
</div>
</a>
+13 -15
View File
@@ -38,9 +38,9 @@
/* Handle mobile devices a bit better, making columns break out as rows. */
.banner-desktop { display: block; }
.banner-mobile { display: none; }
.banner-desktop { display: block; }
.banner-mobile { display: none; }
/* Phones */
@media (max-width: 767px) {
[class*="col-"] {
@@ -64,14 +64,14 @@
float: none;
display: block;
}
.banner-image {display: none; }
.banner-image {display: none; }
.banner-desktop { display: none; }
.banner-mobile { display: block; }
}
/* Desktop */
/* Desktop */
@media (min-width: 1024px) {
}
/** Make the menu items centered and layout horizontal. **/
@@ -110,8 +110,8 @@
/** Extra objects which need borders **/
.border {
border: 1px solid #131313;
border-radius: 4px;
border: 1px solid #131313;
border-radius: 4px;
}
/** Explicitly remove border from some objects. **/
@@ -158,10 +158,10 @@
overflow-x: scroll;
overflow-y: hidden;
padding: 10px;
border: 2px solid #131313;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 10px;
border: 2px solid #131313;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
body {
@@ -175,5 +175,3 @@
width: 25%;
height: 25%;
}
: 25%;
}