add repo link and add noopener to links

This commit is contained in:
neri 2021-09-09 22:57:13 +02:00
parent 8367de1070
commit f9ceea09a5
5 changed files with 75 additions and 2 deletions

View File

@ -14,6 +14,9 @@ html {
} }
body { body {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--bg); background-color: var(--bg);
min-height: 100vh; min-height: 100vh;
margin: 0; margin: 0;
@ -22,6 +25,7 @@ body {
main { main {
color: var(--fg); color: var(--fg);
font-family: sans; font-family: sans;
width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
@ -115,3 +119,24 @@ a.button:visited {
font-size: clamp(1rem, 3vw, 1.5rem); font-size: clamp(1rem, 3vw, 1.5rem);
overflow-wrap: anywhere; 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> </details>
</main> </main>
<footer>
<a
class="repo"
href="https://repos.ctdo.de/neri/datatrash"
target="_blank"
rel="noopener noreferrer"
>
repo
</a>
</footer>
</body> </body>
</html> </html>

View File

@ -16,6 +16,16 @@
<a class="main button" href="?dl">herunterladen</a> <a class="main button" href="?dl">herunterladen</a>
<button id="copy" class="button hidden">text kopieren</button> <button id="copy" class="button hidden">text kopieren</button>
</main> </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> <script src="/static/copy.js" lang="javascript"></script>
</body> </body>
</html> </html>

View File

@ -15,6 +15,16 @@
</p> </p>
<button id="copy" class="main button hidden">link kopieren</button> <button id="copy" class="main button hidden">link kopieren</button>
</main> </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> <script src="/static/copy.js" lang="javascript"></script>
</body> </body>
</html> </html>

View File

@ -9,12 +9,30 @@
<body> <body>
<main> <main>
<h1><a href="/">datatrash</a></h1> <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 /> <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> <button id="copy" class="button hidden">link kopieren</button>
<a class="button" href="?dl">als text herunterladen</a> <a class="button" href="?dl">als text herunterladen</a>
</main> </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> <script src="/static/copy.js" lang="javascript"></script>
</body> </body>
</html> </html>