2023-09-30

DIRECTORY_TREE.md

@@ -12,6 +12,7 @@
 │  │  ├─ <a href='jekyll_theme/_includes/container_toolbar.html'>container_toolbar.html</a>
 │  │  ├─ <a href='jekyll_theme/_includes/counters_body.html'>counters_body.html</a>
 │  │  ├─ <a href='jekyll_theme/_includes/counters_head.html'>counters_head.html</a>
+│  │  ├─ <a href='jekyll_theme/_includes/heading.html'>heading.html</a>
 │  │  ├─ <a href='jekyll_theme/_includes/image_svg.html'>image_svg.html</a>
 │  │  ├─ <a href='jekyll_theme/_includes/main_page.html'>main_page.html</a>
 │  │  ├─ <a href='jekyll_theme/_includes/picture.html'>picture.html</a>

jekyll_theme/_includes/heading.html

@@ -0,0 +1,5 @@
+{%- if include.type == "3" %}
+<h3 id="{{- include.hash -}}">{{- include.text -}}<a href="#{{- include.hash -}}"> #</a></h3>
+{%- else %}
+<h2 id="{{- include.hash -}}">{{- include.text -}}<a href="#{{- include.hash -}}"> #</a></h2>
+{%- endif %}

jekyll_theme/assets/css/color-tomato.css

@@ -12,6 +12,8 @@ div[md-whiteframe] {
 }
 
 h1, h2, h3, h4, h5, .md-headline {
+  width: 100%;
+  box-sizing: border-box;
   font-weight: 500;
 }
 
@@ -30,6 +32,7 @@ h3 { /* .md-title */
 }
 
 a {
+  color: currentColor;
   text-decoration: none;
 }
 
@@ -37,6 +40,14 @@ p a:hover {
   text-decoration: underline;
 }
 
+h2 a, h3 a {
+  display: none;
+}
+
+h2:hover a, h3:hover a {
+  display: unset;
+}
+
 ul {
   margin: 0;
 }

jekyll_theme/assets/js/angular_module.js

@@ -41,9 +41,6 @@ const application = angular.module("application", ['ngMaterial'])
 {%- endif %}
     "  background-color:" + palette['600'] + ";" +
     "} " +
-    "p a.md-" + color + "-theme {" +
-    "  color: " + palette['800'] + ";" +
-    "} " +
     ".color-tomato.md-" + color + "-theme {" +
     "  --color1: " + palette['400'] + ";" +
     "  --color2: " + palette['100'] + ";" +