make text not selectable or draggable

4 months ago · fd1fde6be0
parent 96420688e8
commit fd1fde6be0
3 changed files with 12 additions and 6 deletions
--- a/impressum.html
+++ b/impressum.html
@ -28,7 +28,7 @@
 </main>
 <div class="spacer-bottom"></div>
 <footer class="footer">
-    <a href="./">Startseite</a>
+    <a href="./" draggable="false">Startseite</a>
 </footer>
 </body>
 </html>
--- a/index.css
+++ b/index.css
@ -78,6 +78,7 @@ body {

    display: block;
    text-decoration: none;
+    user-select: none;
    padding: var(--border-width);
 }

@ -118,6 +119,10 @@ body {
    margin-right: 0.5rem;
 }

+.impressum {
+    user-select: none;
+}
+
 .footer {
    align-self: end;
    padding: 0.5rem;
@ -126,4 +131,5 @@ body {
 .footer a {
    color: var(--foreground);
    text-decoration: none;
+    user-select: none;
 }
--- a/index.html
+++ b/index.html
@ -20,7 +20,7 @@
    <h1 class="title">jonahbauer.eu</h1>
    <ul class="links">
        <li>
-            <a href="https://github.com/jbb01" class="link">
+            <a href="https://github.com/jbb01" class="link" draggable="false">
                <div class="link-content">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" class="icon">
                        <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@ -31,7 +31,7 @@
            </a>
        </li>
        <li>
-            <a href="https://gitea.jonahbauer.eu/" class="link">
+            <a href="https://gitea.jonahbauer.eu/" class="link" draggable="false">
                <div class="link-content">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon">
                        <path d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z"/>
@ -41,7 +41,7 @@
            </a>
        </li>
        <li>
-            <a href="https://nextcloud.jonahbauer.eu/" class="link">
+            <a href="https://nextcloud.jonahbauer.eu/" class="link" draggable="false">
                <div class="link-content">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="icon">
                        <path d="M16.027 8.713c-3.333 0-6.136 2.287-6.991 5.355-0.744-1.641-2.391-2.808-4.301-2.808-2.609 0.016-4.724 2.131-4.735 4.74 0.011 2.609 2.125 4.724 4.735 4.74 1.911 0 3.552-1.167 4.301-2.813 0.855 3.073 3.657 5.36 6.991 5.36 3.312 0 6.099-2.26 6.973-5.308 0.755 1.615 2.375 2.761 4.26 2.761 2.615-0.016 4.729-2.131 4.74-4.74-0.011-2.609-2.125-4.724-4.74-4.74-1.885 0-3.505 1.147-4.265 2.761-0.869-3.048-3.656-5.308-6.968-5.308zM16.027 11.495c2.5 0 4.5 2 4.5 4.505s-2 4.505-4.5 4.505c-2.496 0.011-4.516-2.016-4.505-4.505 0-2.505 2-4.505 4.505-4.505zM4.735 14.041c1.099 0 1.959 0.86 1.959 1.959s-0.86 1.959-1.959 1.959c-1.084 0.011-1.969-0.876-1.953-1.959 0-1.099 0.859-1.959 1.953-1.959zM27.26 14.041c1.1 0 1.959 0.86 1.959 1.959s-0.859 1.959-1.959 1.959c-1.083 0.011-1.963-0.876-1.953-1.959 0-1.099 0.86-1.959 1.953-1.959z"/>
@ -51,7 +51,7 @@
            </a>
        </li>
        <li>
-            <a href="mailto:info@jonahbauer.eu" class="link">
+            <a href="mailto:info@jonahbauer.eu" class="link" draggable="false">
                <div class="link-content">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon">
                        <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@ -65,7 +65,7 @@
 </main>
 <div class="spacer-bottom"></div>
 <footer class="footer">
-    <a href="impressum.html">Impressum</a>
+    <a href="impressum.html" draggable="false">Impressum</a>
 </footer>
 </body>
 </html>