add repo link and add noopener to links

This commit is contained in:
neri 2021-09-09 22:57:13 +02:00
parent 84b4c399ca
commit 923574e235
5 changed files with 75 additions and 2 deletions

View File

@ -14,6 +14,9 @@ html {
}
body {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--bg);
min-height: 100vh;
margin: 0;
@ -22,6 +25,7 @@ body {
main {
color: var(--fg);
font-family: sans;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 1rem;
@ -115,3 +119,24 @@ a.button:visited {
font-size: clamp(1rem, 3vw, 1.5rem);
overflow-wrap: anywhere;
}
footer {
flex-shrink: 0;
display: flex;
justify-content: flex-end;
padding: 0.5rem;
}
.repo {
padding: 0.5rem;
color: #b6b6b6;
text-decoration: none;
}
.repo:visited {
color: #b6b6b6;
}
.repo:hover {
color: var(--fg);
}

View File

@ -58,5 +58,15 @@ authentifizieren
>
</details>
</main>
<footer>
<a
class="repo"
href="https://repos.ctdo.de/neri/datatrash"
target="_blank"
rel="noopener noreferrer"
>
repo
</a>
</footer>
</body>
</html>

View File

@ -16,6 +16,16 @@
<a class="main button" href="?dl">herunterladen</a>
<button id="copy" class="button hidden">text kopieren</button>
</main>
<footer>
<a
class="repo"
href="https://repos.ctdo.de/neri/datatrash"
target="_blank"
rel="noopener noreferrer"
>
repo
</a>
</footer>
<script src="/static/copy.js" lang="javascript"></script>
</body>
</html>

View File

@ -15,6 +15,16 @@
</p>
<button id="copy" class="main button hidden">link kopieren</button>
</main>
<footer>
<a
class="repo"
href="https://repos.ctdo.de/neri/datatrash"
target="_blank"
rel="noopener noreferrer"
>
repo
</a>
</footer>
<script src="/static/copy.js" lang="javascript"></script>
</body>
</html>

View File

@ -9,12 +9,30 @@
<body>
<main>
<h1><a href="/">datatrash</a></h1>
<a class="large-link copy-content" href="{link_attribute}">{link_content}</a>
<a
class="large-link copy-content"
href="{link_attribute}"
rel="noopener noreferrer"
>
{link_content}
</a>
<br />
<a class="main button" href="{link_attribute}">link öffnen</a>
<a class="main button" href="{link_attribute}" rel="noopener noreferrer">
link öffnen
</a>
<button id="copy" class="button hidden">link kopieren</button>
<a class="button" href="?dl">als text herunterladen</a>
</main>
<footer>
<a
class="repo"
href="https://repos.ctdo.de/neri/datatrash"
target="_blank"
rel="noopener noreferrer"
>
repo
</a>
</footer>
<script src="/static/copy.js" lang="javascript"></script>
</body>
</html>