layouts/_default/_markup/render-heading.html

@@ -1,7 +0,0 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">
-	<a class="anchor" href="#{{ .Anchor | safeURL }}">
-		#
-		<!-- {{ strings.Repeat .Level "#" }} -->
-	</a>
-	{{ .Text | safeHTML }}
-</h{{ .Level }}>

layouts/shortcodes/table_of_contents.html

@@ -1,3 +0,0 @@
-<div class="toc">
-	{{ .Page.TableOfContents }}
-</div>

static/css/style.css

@@ -40,24 +40,24 @@ p, ul, ol {
 }
 
 /******************* Links *******************/
-a:not(.anchor) {
+a {
 	text-decoration: none;
 	color: var(--font-color);
 	border-bottom: 1px dotted;
 	transition: box-shadow 0.2s ease, outline-offset 0.2s ease, transform 0.2s ease, background 0.4s ease;
 }
-a:not(.anchor):visited {
+a:visited {
 	color: var(--font-color);
 }
-a:not(.anchor):hover {
+a:hover {
 	outline: 1px solid;
 	outline-offset: .3em;
 	border-bottom: 1px dashed;
 }
-a:not(.anchor):active {
+a:active {
 	border-bottom: 1px solid;
 }
-a.not(.anchor):focus {
+a:focus {
 	outline-offset: .3em;
 	outline: 1px solid;
 }
@@ -398,7 +398,6 @@ a.not(.anchor):focus {
 /******************* Article Body *******************/
 .article-body {
 	margin-bottom: 2em;
-	position: relative;
 }
 .article-body img {
 	max-width: 100%;
@@ -454,36 +453,6 @@ a.not(.anchor):focus {
 	}
 }
 
-.anchor {
-	content: '#';
-	position: absolute;
-	opacity: 0%;
-	left: -1em;
-	width: 80%;
-	max-width: 600px;
-	border: none;
-	color: var(--font-color-em);
-	text-decoration: none;
-}
-@media only screen and (max-width: 500px) {
-	.anchor {
-		left: -0.8em;
-	}
-}
-
-.anchor:hover {
-	opacity: 100%;
-	outline: none;
-	border: none;
-	cursor: pointer;
-}
-
-@media only screen and (max-width: 320px) {
-	.anchor:hover {
-		opacity: 0%;
-	}
-}
-
 /******************* Article Footer *******************/
 .article-footer {
 	font-style: italic;