fixed summary, fix dot dot title on filtred, fixed breadcrumb translation

assets/main.scss

@@ -22,6 +22,7 @@ html, body{
 }
 
 $header_height:5em;
+$footer_height:3em;
 $dot_w:550px;
 $bullet_w:40px;
 $margin_left:50px + ($bullet_w/2);
@@ -195,6 +196,7 @@ header{
 
 main#content{
   margin-top: $header_height;
+  margin-bottom: $footer_height;
   // margin: 5em;
   // width: 450px;
   // &>*{
@@ -227,14 +229,21 @@ section.intro{
 
 h1.part-title{
   font-size: 1.8em;
-  margin:0 0 0 $margin_left;
-  padding-bottom: 0.5em;
+  margin:0 0 0.3em $margin_left;
+  padding: 0.5em 0 0.2em;
   font-weight: normal;
   letter-spacing: 0.3em;
+  display: inline-block;
+  // border-top: 1px solid black;
+  border-bottom: 1px solid black;
+  white-space:nowrap;
   em{
     font-size: 0.7em;
     letter-spacing: normal;
   }
+  &>em:first-of-type{
+    display: block;
+  }
 }
 
 h2.title{
@@ -472,6 +481,7 @@ main#content.mode-connections{
   //   font-kerning: none;
   // }
   >span.title{
+    text-transform: capitalize;
     padding: 0 0.6em 0 0;
   }
   &.opened>span.title{
@@ -486,6 +496,16 @@ main#content.mode-connections{
     opacity: 0;
     transition: opacity 0.4s ease-in-out;
     max-width : $dot_w - $margin_left -5px;
+    // width: 200px;
+    // white-space: nowrap;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+    a{
+      color: inherit;
+      text-decoration: none;
+      font-weight: bold;
+      pointer-events: none;
+    }
   }
   &.preface{
     .title{display: none;}
@@ -636,6 +656,7 @@ main#content.mode-connections{
 
 
 footer{
+  height: $footer_height;
   position: fixed;
   bottom: 0;
   background-color: white;