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 25 additions and 28 deletions

No files matched your search

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