Fixed hyperlink icon for subsection being slightly out of place.

GabPrato · Feb 23, 2024 · 8df35fb · 8df35fb
1 parent 4a42655
commit 8df35fb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/blog_posts/epik-eval/index.html b/blog_posts/epik-eval/index.html
@@ -89,7 +89,7 @@
         <div id="footnote-practical-reasons" class="footnote"><a href="#footnote-link1-practical-reasons" class="footnote-link2">1.</a> Optimally, our intention is to segment extensive texts, including books; however, we face computational limitations that restrict our ability to do so.</div>
 
         <a href="#results" class="section-link">
-            <img src="/blog_posts/epik-eval/images/hyperlink_symbol.png" class="hyperlink-icon">
+            <img src="/blog_posts/epik-eval/images/hyperlink_symbol.png" class="hyperlink-icon-subsection">
             <div id="results" class="subsection_title">Results</div>
         </a><br/>
         Our findings reveal a significant disparity in performance between models trained on segmented stories and those trained on unsegmented stories. The following plot illustrates this difference: models trained on segmented stories (<span class="orange-text">orange</span>) underperform compared to those trained on unsegmented stories (<span class="blue-text">blue</span>), with the y-axis representing the percentage of correctly answered questions.

diff --git a/blog_posts/epik-eval/styles.css b/blog_posts/epik-eval/styles.css
@@ -151,7 +151,7 @@
     position: relative;
 }
 
-.hyperlink-icon {
+.hyperlink-icon, .hyperlink-icon-subsection {
     width: 20px;
     position: absolute;
     left: -10px;
@@ -161,11 +161,15 @@
     transition: opacity 0.25s, visibility 0.25s;
 }
 
-.section-link:hover .hyperlink-icon {
+.hyperlink-icon-subsection {
+    top: 12px;
+}
+
+.section-link:hover .hyperlink-icon, .section-link:hover .hyperlink-icon-subsection {
     opacity: 1;
 }
 
-.hyperlink-icon:hover .hyperlink-icon {
+.hyperlink-icon:hover .hyperlink-icon, .hyperlink-icon-subsection:hover .hyperlink-icon-subsection {
     opacity: 1;
 }