Compare commits

...

2 Commits

Author SHA1 Message Date
neri 45cbc4df26 fix url view content for copying 2021-09-09 23:06:04 +02:00
neri e11f959276 add repo link and add noopener to links 2021-09-09 22:57:13 +02:00
5 changed files with 74 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,29 @@
<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>