crane-theme 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 37ccbf8703d4344dddd5084fa216da3928732a45aed06e8c5b5ada431d08913b
-  data.tar.gz: 10440eba54e987547360b23b421e8e416e2022fba888dbfdd601644fc76fc001
+  metadata.gz: f3f320ac1a511c822f276b64501c93ab2451ef40f112bdb712f81a2f1e586b90
+  data.tar.gz: 747f1b3b552122d4b8cf6c733e301fd123b9a1bb1d6d988c40f2231b165c6dd7
 SHA512:
-  metadata.gz: 5d5b68976c61d21c6f5130191d8ce8fc4e8f20fe4927b7594801a717fa3c3ef1fbd94c8ab7ffe021db58a09dbe1ff813160b25ab85eddb3799d77b07879a74b7
-  data.tar.gz: f0fbcbfb709f72509197c731dbb5200c55cb194d94f27b4bc320c10aa73e1a7606eca6ec0a75b8d911216e8258ae26479b4e1ec6c1c774c3bf2ba15a237dbcb0
+  metadata.gz: d3c2938bbc3657d76386994d38c1feab338ce1cd135e2fb734e554aa0f143ffc041f24ef6986a3415cbcae3eb213d5f2fcf217df0366213b7dcdeed728a13b19
+  data.tar.gz: c0715e1d9fc684fc082ec1e3a2fb917a77558e5addb4b2e09abfa6804db20f2c44f771bfe884f42462fd0949f91526d4e67fce6762ead078d4f7c9aab9dbc8ab

data/_includes/footer.html

@@ -28,3 +28,30 @@
 	</div>
   
   </footer>
+<script type="text/javascript">
+	// highlight table of contents items if available
+	// get all headers referenced in the table of contents
+	const anchors =$("#markdown-toc")
+		.find("a")
+		.toArray()
+		.map(a => "#"+a.href.split('#')[1])
+		.map(id => $('body').find(id)[0]);
+	
+	// highlight the lowest scrolled-to anchor
+	$(window).scroll(function(){
+		var scrollTop = $(document).scrollTop();
+		
+		// so first set everything to inactive
+		for (var i=0; i<anchors.length; i++){
+			$('#markdown-toc a[href="#' + $(anchors[i]).attr('id')).parent().removeClass('active');
+		}
+
+		// then iterate backwards, matching on the first one and stopping
+		for (var i=anchors.length-1; i>=0; i--){
+			if (scrollTop > $(anchors[i]).offset().top - 50) {
+				$('#markdown-toc a[href="#' + $(anchors[i]).attr('id')).parent().addClass('active');
+				break;
+			}
+		}
+	});
+</script>

data/_includes/head.html

@@ -6,6 +6,7 @@
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 	<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Edu+VIC+WA+NT+Beginner&family=Fira+Mono&family=Fira+Sans:wght@400;500;800&display=swap" rel="stylesheet">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 	<link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
 	<link rel="stylesheet" href="{{ "/assets/css/code.css" | relative_url }}">
 	{% if page.usemathjax %}

data/assets/css/style.css

@@ -178,6 +178,7 @@ blockquote {
 
 .post-list {
 	padding: 0;
+	margin-top: 5rem;
 }
 
 .site-header {
@@ -205,3 +206,12 @@ blockquote {
 	text-align: center;
 	color: var(--lighter-color);
 }
+
+#markdown-toc li {
+	transition: color 0.1s;
+	color: var(--main-color);
+}
+
+#markdown-toc .active {
+	color: var(--secondary-highlight);
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: crane-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - Adrian Garza
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-05 00:00:00.000000000 Z
+date: 2022-08-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll