SomeGuy
/
sessioncommunities.online
Archived
1
0
Fork 1
Code Issues 13 Pull Requests 3 Activity

Increase tap target size & min font size

Browse Source
remotes/1715175271555336803/main
gravel 2 years ago
parent 8cf341e9ea
commit 04c3e6cada
Signed by: gravel
GPG Key ID: C0538F3C906B308F
2 changed files with 61 additions and 55 deletions
Show Stats Download Patch File Download Diff File

16
output/index.css
Unescape Escape View File

@ -1,12 +1,13 @@
:root {
--body-margin: 8px; /* Default value in browsers */
--max-font-size-unitless: 18;
--min-font-size-unitless: 12;
/* Measurements of the width of all columns
except name and description on smaller screens */
--collapsed-static-column-width-px: 400px;
--collapsed-static-column-width-px: 300px;
--collapsed-static-column-width: calc(
( 400 / var(--max-font-size-unitless) ) * 1rem
( 300 / var(--max-font-size-unitless) ) * 1rem
);
/* Measurements of the width of all columns
@ -44,7 +45,7 @@
}
html {
font-size: clamp(10px, 2vw, var(--max-font-size-unitless) * 1px);
font-size: clamp(12px, 2vw, var(--max-font-size-unitless) * 1px);
}
body {
@ -244,6 +245,11 @@ header {
text-overflow: ellipsis;
}
.td_name-inner {
/* Block padding for inline element does not change flow, only clickbox */
padding-block: calc( var(--cell-padding-v) );
}
.td_language {
text-align: center;
font-size: 1.5em;
@ -403,7 +409,7 @@ footer p {
footer nav a {
display: inline-block;
margin: .25em;
padding: .5em;
white-space: nowrap;
}
@ -651,6 +657,6 @@ footer nav a {
@media (max-width: 500px) {
:root {
/* ! For when descriptions don't wrap and 100vw doesn't work. */
--dynamic-columns-width: 15rem;
--dynamic-columns-width: 10rem;
}
}

100
sites/index.php
Unescape Escape View File

@ -91,27 +91,27 @@
</span>.
</p>
<p id="disclaimer">
This site is not affiliated with
<a
href="https://optf.ngo"
target="_blank"
>Oxen Privacy Tech Foundation</a>.
<br>
Communities shown are fetched automatically from
<a
href="https://codeberg.org/gravel/sessioncommunities.online#which-sources-are-crawled"
target="_blank"
>various sources</a>.
<br>
<span class="js-only">
We make an attempt to hide communities containing
objectionable or illegal content, but
you should still proceed with caution.
</span>
<span class="noscript">
Proceed with caution when joining unofficial communities.
As JavaScript is disabled, no communities are filtered from the list.
</span>
This site is not affiliated with
<a
href="https://optf.ngo"
target="_blank"
>Oxen Privacy Tech Foundation</a>.
<br>
Communities shown are fetched automatically from
<a
href="https://codeberg.org/gravel/sessioncommunities.online#which-sources-are-crawled"
target="_blank"
>various sources</a>.
<br>
<span class="js-only">
We make an attempt to hide communities containing
objectionable or illegal content, but
you should still proceed with caution.
</span>
<span class="noscript">
Proceed with caution when joining unofficial communities.
As JavaScript is disabled, no communities are filtered from the list.
</span>
</p>
<p class="noscript">
This site works fine without JavaScript.
@ -123,35 +123,35 @@
href="https://lokilocker.com/Mods/Session-Groups/wiki/Session-Closed-Groups"
target="_blank"
title="Closed groups curated by community moderators"
>Closed Groups</a>
<a
href="https://session.directory/"
target="_blank"
title="User-submitted closed groups, communities and user profiles. Not safe for work."
>session.directory</a>
<a
href="https://github.com/oxen-io/session-pysogs"
target="_blank"
title="Information about running a community server."
>Host Your Own Community</a>
<a
href="https://getsession.org/terms-of-service"
target="_blank"
>Session Terms Of Service</a>
</nav>
<nav>
<a
href="https://codeberg.org/gravel/sessioncommunities.online"
target="_blank"
title="sessioncommunities.online repository on Codeberg."
>Source Code</a>
<a
href="https://codeberg.org/gravel/sessioncommunities.online#contact"
target="_blank"
title="Information on how to contact the maintainer of sessioncommunities.online"
>Report an issue</a>
</nav>
</footer>
>Closed Groups</a
><a
href="https://session.directory/"
target="_blank"
title="User-submitted closed groups, communities and user profiles. Not safe for work."
>session.directory</a
><a
href="https://github.com/oxen-io/session-pysogs"
target="_blank"
title="Information about running a community server."
>Host Your Own Community</a
><a
href="https://getsession.org/terms-of-service"
target="_blank"
>Session Terms Of Service</a>
</nav>
<nav>
<a
href="https://codeberg.org/gravel/sessioncommunities.online"
target="_blank"
title="sessioncommunities.online repository on Codeberg."
>Source Code</a
><a
href="https://codeberg.org/gravel/sessioncommunities.online#contact"
target="_blank"
title="Information on how to contact the maintainer of sessioncommunities.online"
>Report an issue</a>
</nav>
</footer>
<div id="copy-snackbar"></div>
</div>
</body>