TildeClub
/
site
mirror of https://github.com/tildeclub/site.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change visual style of recently updated homepages & reduce html output

This commit is contained in:
litemotiv 2025-01-18 22:32:10 +01:00
parent b45ec60cc2
commit e37ae9e26c
2 changed files with 40 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.php
View File

@ -171,7 +171,7 @@ if (isset($_GET['notice'])) {
<p>if you're not seeing yourself listed here, change your page from the default.</p> <p>if you're not seeing yourself listed here, change your page from the default.</p>
<p>users with recently updated pages within the last month are highlighted in a lighter color.</p> <p>users with recently updated pages within the last month are highlighted in a lighter color.</p>
<p><a href="/users/">list all users</a></p> <p><a href="/users/">list all users</a></p>
<ul class="user-list"> <div class="user-list">
<?php <?php
// these are the hashes of previous and current default pages // these are the hashes of previous and current default pages
$page_shas = [ $page_shas = [
@ -220,13 +220,13 @@ foreach (glob("/home/*") as $user) {
} }
$user = basename($user); $user = basename($user);
$class = $recentChange ? 'recently-updated' : '';
echo '<a href="/~'.$user.'/">'.(($recentChange) ? '<b>~'.$user.'</b>' : '~'.$user).'</a>';
}
?> ?>
<li class="<?= $class ?>"><a href="/~<?=$user?>/">~<?=$user?></a></li> </div>
<?php } ?>
</ul>
</div> </div>
</div> </div>
</div> </div>
<?php include "footer.php"; ?> <?php include "footer.php";

42
style.css
View File

@ -17,23 +17,6 @@
padding: 1em; padding: 1em;
} }
.user-list {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
list-style-type: none;
padding: 0;
}
.user-list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 10em;
}
.user-list::after {
content: "";
}
body { body {
margin: auto; margin: auto;
padding: 1em; padding: 1em;
@ -140,6 +123,26 @@ code > span.fl {
padding-top: 5px; padding-top: 5px;
} }
.user-list {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
list-style-type: none;
padding: 0;
}
.user-list a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 10em;
}
.user-list b {
background-color: #fb5;
color:#000;
}
input[type="text"], input[type="text"],
textarea { textarea {
background-color: #333; background-color: #333;
@ -294,11 +297,6 @@ pre {
border-radius: 0.25em; /* Slight border radius for better appearance */ border-radius: 0.25em; /* Slight border radius for better appearance */
padding: 0.5em; /* Padding for better readability */ padding: 0.5em; /* Padding for better readability */
} }
.recently-updated a {
font-weight: bold;
color: #fb5 !important; /* Use !important to override other styles */
}
#active-users { #active-users {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;