Merge pull request #159 from kmyk/midashi-anchor

見出しに anchor を付けます

Author: kmyk

_sass/style.scss

@@ -52,10 +52,23 @@
     clear: both;
 }
 
-// external links in index.md
-.link-external svg.octicon {
+// links in index.md
+a.draft-link {
+    color: black;
+}
+.draft-link-container svg.octicon-link {
+    visibility: hidden;
+}
+.draft-link-external svg.octicon-link-external {
     fill: currentColor;
 }
+a.draft-link:hover {
+    text-decoration: none;
+}
+.draft-link-container:hover svg.octicon-link {
+    visibility: visible;
+    fill: grey;
+}
 
 // footer links
 #staging-environment-warning {

index.md

@@ -13,10 +13,17 @@
 {% assign sorted_algorithms = site.algorithms | sort: "title" %}
 {% for entry in sorted_algorithms %}
     {% unless entry.tenkei %}
-        <dt>
+        {% assign entry_id = entry.url | split: "/" | last | split: "." | first %}
+        <dt id="{{ entry_id }}">
             {% if entry.algorithm.level %}
                 <span style="font-style: normal;" class="rating-color-{{ entry.algorithm.level }}">&#x25C9;</span>
             {% endif %}
+
+            {% if entry.draft %}
+                <span href="#{{ entry_id }}" class="draft-link-container">
+                    <a href="#{{ entry_id }}" class="draft-link">
+            {% endif %}
+
             {% if entry.draft %}
                 {{ entry.title }}
             {% else %}
@@ -28,7 +35,10 @@
             {% endif %}
 
             {% if entry.draft %}
-                {% for url in entry.draft_urls %} <a href="{{ url }}" class="link-external">{% octicon link-external height:16 %}</a>{% endfor %}
+                    </a>
+                    {% for url in entry.draft_urls %} <a href="{{ url }}" class="draft-link-external">{% octicon link-external height:16 %}</a>{% endfor %}
+                    {% octicon link height:16 %}
+                </span>
             {% endif %}
         </dt>
         <dd>

tenkei/index.md

@@ -7,8 +7,17 @@
 <dl>
 {% assign sorted_tenkeis = site.tenkeis | sort: "title" %}
 {% for entry in sorted_tenkeis %}
+   {% assign entry_id = entry.url | split: "/" | last | split: "." | first %}
    {% if entry.draft %}
-       <dt>{{ entry.title }}{% for url in entry.draft_urls %} <a href="{{ url }}" class="link-external">{% octicon link-external height:16 %}</a>{% endfor %}</dt>
+       <dt id="{{ entry_id }}">
+            <span href="#{{ entry_id }}" class="draft-link-container">
+                <a href="#{{ entry_id }}" class="draft-link">
+                    {{ entry.title }}
+                </a>
+                {% for url in entry.draft_urls %} <a href="{{ url }}" class="draft-link-external">{% octicon link-external height:16 %}</a>{% endfor %}
+                {% octicon link height:16 %}
+            </span>
+       </dt>
        <dd>{{ entry.description }}</dd>
    {% else %}
        <dt><a href="{{ entry.url | relative_url }}">{{ entry.title }}</a></dt>