fix links on mobile

This commit is contained in:
Never Gude 2026-08-25 12:08:08 +02:00
parent 2033385119
commit 2bcf807d8a
15 changed files with 49 additions and 4 deletions

View file

@ -40,6 +40,7 @@ ul.task-list li input[type="checkbox"] {
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -40,6 +40,7 @@ ul.task-list li input[type="checkbox"] {
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -107,6 +107,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -107,6 +107,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -3,7 +3,7 @@
<title>nevereverever.de</title> <title>nevereverever.de</title>
<link href="https://nevereverever.de/eh/eh/eh/eh-eh"/> <link href="https://nevereverever.de/eh/eh/eh/eh-eh"/>
<id>nevereverever.de</id> <id>nevereverever.de</id>
<updated>2026-08-17T17:13+02:00</updated> <updated>2026-08-25T11:59+02:00</updated>
<published>2026-03-10</published> <published>2026-03-10</published>
<author> <author>
<name>Never</name> <name>Never</name>

View file

@ -105,6 +105,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -51,6 +51,7 @@ $endfor$
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -3,7 +3,7 @@
<title>nevereverever.de</title> <title>nevereverever.de</title>
<link href="https://nevereverever.de/eh/eh/eh/eh-eh"/> <link href="https://nevereverever.de/eh/eh/eh/eh-eh"/>
<id>nevereverever.de</id> <id>nevereverever.de</id>
<updated>2026-08-17T17:13+02:00</updated> <updated>2026-08-25T11:59+02:00</updated>
<published>2026-03-10</published> <published>2026-03-10</published>
<author> <author>
<name>Never</name> <name>Never</name>

View file

@ -40,6 +40,7 @@ ul.task-list li input[type="checkbox"] {
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -105,6 +105,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -40,6 +40,7 @@ ul.task-list li input[type="checkbox"] {
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -107,6 +107,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -107,6 +107,7 @@ code span.wa { color: #b58900; } /* Warning */
<a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a> <a class="hedgedoc-button" href="https://pad.nevereverever.de">Hedgedoc</a>
<a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a> <a class="nextcloud-button" href="https://nextcloud.nevereverever.de">Nextcloud</a>
<a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a> <a class="forgejo-button" href="https://git.nevereverever.de">Forgejo</a>
<a class="jupyter-button" href="https://jupyter.nevereverever.de">Jupyter</a>
</div> </div>
</header> </header>
<main id="page"> <main id="page">

View file

@ -104,6 +104,8 @@ main {
#page-header { #page-header {
display: flex; display: flex;
flex-direction: row;
gap: 2pt;
justify-content: space-between; justify-content: space-between;
max-width: 60em; max-width: 60em;
@ -117,6 +119,7 @@ main {
#page-header div { #page-header div {
display: flex; display: flex;
justify-content: center;
gap: 2pt; gap: 2pt;
} }
@ -173,10 +176,20 @@ main {
border: 1pt solid #e15c27; border: 1pt solid #e15c27;
} }
.nextcloud-button:active { .forgejo-button:active {
background: linear-gradient(to bottom, #c2410c 0%, #ff7740 100%); background: linear-gradient(to bottom, #c2410c 0%, #ff7740 100%);
} }
.jupyter-button {
color: #fdf6e3 !important;
background: linear-gradient(to bottom, #ffae5c 0%, #f37524 100%);
border: 1pt solid #ff903f;
}
.jupyter-button:active {
background: linear-gradient(to bottom, #f37524 0%, #ffae5c 100%);
}
#articles ul { #articles ul {
padding-left: 0; padding-left: 0;
} }
@ -240,6 +253,10 @@ main {
h1 { h1 {
font-size: 1.8em; font-size: 1.8em;
} }
#page-header {
flex-direction: column;
}
} }
@media print { @media print {

View file

@ -104,6 +104,8 @@ main {
#page-header { #page-header {
display: flex; display: flex;
flex-direction: row;
gap: 2pt;
justify-content: space-between; justify-content: space-between;
max-width: 60em; max-width: 60em;
@ -117,6 +119,7 @@ main {
#page-header div { #page-header div {
display: flex; display: flex;
justify-content: center;
gap: 2pt; gap: 2pt;
} }
@ -173,10 +176,20 @@ main {
border: 1pt solid #e15c27; border: 1pt solid #e15c27;
} }
.nextcloud-button:active { .forgejo-button:active {
background: linear-gradient(to bottom, #c2410c 0%, #ff7740 100%); background: linear-gradient(to bottom, #c2410c 0%, #ff7740 100%);
} }
.jupyter-button {
color: #fdf6e3 !important;
background: linear-gradient(to bottom, #ffae5c 0%, #f37524 100%);
border: 1pt solid #ff903f;
}
.jupyter-button:active {
background: linear-gradient(to bottom, #f37524 0%, #ffae5c 100%);
}
#articles ul { #articles ul {
padding-left: 0; padding-left: 0;
} }
@ -240,6 +253,10 @@ main {
h1 { h1 {
font-size: 1.8em; font-size: 1.8em;
} }
#page-header {
flex-direction: column;
}
} }
@media print { @media print {