The source code for my personal website
fix: ensure that anchors are not draggable
+9
-7
+4
-4
src/layouts/Page.astro
+4
-4
src/layouts/Page.astro
···
16
16
<body>
17
17
<div class="navbar">
18
18
<div class="left">
19
-
<h1><a href="/">Hanna Rose</a></h1>
19
+
<h1><a draggable="false" href="/">Hanna Rose</a></h1>
20
20
</div>
21
21
<div class="right">
22
22
<ul class="pages">
23
-
<li><a href="/">Home</a></li>
24
-
<li><a href="/blog">Blog</a></li>
25
-
<li><a href="https://liberapay.com/hqnna">Donate</a></li>
23
+
<li><a draggable="false" href="/">Home</a></li>
24
+
<li><a draggable="false" href="/blog">Blog</a></li>
25
+
<li><a draggable="false" href="https://liberapay.com/hqnna">Donate</a></li>
26
26
</ul>
27
27
</div>
28
28
</div>
+4
-2
src/pages/blog/[slug].astro
+4
-2
src/pages/blog/[slug].astro
···
36
36
<ul>
37
37
{headings.filter(h => h.depth > 1 && h.depth < 4).map(h => (
38
38
<li class={`depth-${h.depth}`}>
39
-
<a href={`#${h.slug}`}>{h.text}</a>
39
+
<a draggable="false" href={`#${h.slug}`}>{h.text}</a>
40
40
</li>
41
41
))}
42
42
</ul>
···
46
46
<Content />
47
47
<p class="copyright">
48
48
This article is licensed under the
49
-
<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">
49
+
<a draggable="false" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">
50
50
CC BY-NC-ND 4.0
51
51
</a>
52
52
license.
···
331
331
text-underline-offset: 2px;
332
332
color: var(--accent-blue);
333
333
transition: text-decoration-color 0.25s ease-out;
334
+
-webkit-user-drag: none;
335
+
user-drag: none;
334
336
}
335
337
336
338
& :global(a:hover) {