WIP:bulma:neu

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index a1227e3..791a43f 100644 (file)
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -75,44 +75,49 @@
             id="navigation"
             class="s mr-4"
             th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
             id="navigation"
             class="s mr-4"
             th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">

+          <!--/*-->
+          <li class="s sub off"><a href="../blog/" class="s">Blog</a></li>
+          <!--*/-->

           <li th:fragment="submenu(submenu, parent, pos)"
               th:each="entry : ${submenu}"
               th:with="
                   child=${pos == len},
                   selected=${!child and crumbs.get(pos) == entry},
                   leaf=${pos >= (len - 1) and not selected},
           <li th:fragment="submenu(submenu, parent, pos)"
               th:each="entry : ${submenu}"
               th:with="
                   child=${pos == len},
                   selected=${!child and crumbs.get(pos) == entry},
                   leaf=${pos >= (len - 1) and not selected},

-                  active=${entry == uri},

                   sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
                   childs=${entry == parent ? null : _childs.get(entry)}
                   "
               class="s sub"
               th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">
                   sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)},
                   childs=${entry == parent ? null : _childs.get(entry)}
                   "
               class="s sub"
               th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')">

-            <a  href="../potemkin/fix-swf/overview.html"
+            <a  href="../projekte.html"

                 th:if="${entry != parent}"
                 th:href="@{${entry}}"
                 class="s selected"
                 th:if="${entry != parent}"
                 th:href="@{${entry}}"
                 class="s selected"

-                th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'') + (${active} ? ' active' : '')"
-                th:text="${_titles.get(entry)}">fix-swf</a>
+                th:class="(${selected} ? 's selected' : 's') + ' len_' + ${len} + ' pos_' + ${pos} + (${leaf}?' leaf':'')"
+                th:text="${_titles.get(entry)}">Projekte</a>

             <ul th:if="${selected and childs != null}"
             <ul th:if="${selected and childs != null}"

-                class="s active"
-                th:class="'s' + (${selected &amp;&amp; pos == crumbs.size()-1} ? ' active' : '') + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">
-              <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})"
-                  class="s">
-                <strong class="s">Overview</strong>
-              </li>
+                class="s"
+                th:class="'s' + (${entry == uri or (len &gt; 1 and entry == crumbs.get(len-2) and _childs.get(uri) == null)} ? ' selected' : '')">

               <!--/*-->
               <!--/*-->

-              <li class="s"><a href="../potemkin/fix-swf/getting-started.html" class="s">Getting Started</a></li>
-              <li class="s"><a href="#" class="s">FAQ</a></li>
-              <li class="s"><a href="#" class="s">Documentation</a></li>
+              <li class="s sub">
+                <a class="s selected" href="../potemkin/fix-swf/overview.html">fix swf</a>
+                <ul class="s">
+                  <li class="s"><strong class="s selected">Overview</strong></li>
+                  <li class="s"><a class="s leaf" href="../potemkin/fix-swf/getting-started.html">Getting Started</a></li>
+                  <li class="s"><a class="s leaf" href="#">FAQ</a></li>
+                  <li class="s"><a class="s leaf" href="#">Documentation</a></li>
+                </ul>
+              </li>
+              <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+              <li class="s off"><a href="#" class="s">jquery.openx</a></li>
+              <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
+              <li class="s sub off"><a href="#" class="s">accelerator</a></li>

               <!--*/-->
               <!--*/-->

+              <li th:replace="this :: submenu(submenu=${childs}, parent=${entry}, pos=${pos + 1})" class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>

             </ul>
           </li>
           <!--/*-->
             </ul>
           </li>
           <!--/*-->

-          <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
-          <li class="s off"><a href="#" class="s">jquery.openx</a></li>
-          <li class="s sub off"><a href="../potemkin/html-experimente.html" th:href="@{/potemkin/html-experimente.html}" class="s">HTML-Experimente</a></li>
-          <li class="s sub off"><a href="#" class="s">accelerator</a></li>
-          <li class="s off"><a href="../potemkin/typo.html" th:href="@{/potemkin/typo.html}" class="s">Typography</a></li>
+          <li class="s sub off"><a href="../about.html" class="s">About</a></li>

           <!--*/-->
         </ul>
       </nav>
           <!--*/-->
         </ul>
       </nav>

diff --git a/sass/juplo.scss b/sass/juplo.scss
index ea833ca..cbd132e 100644 (file)
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -50,7 +50,9 @@ $button-hover-border-color: #000 !important;
   display: none;
 }
 #navigation li.s > a.selected,
   display: none;
 }
 #navigation li.s > a.selected,

-#navigation li.s > a.leaf
+#navigation li.s > a.leaf,
+#navigation li.s > strong.selected,
+#navigation li.s > strong.leaf

 {
   @extend .button;
   @extend .is-primary;
 {
   @extend .button;
   @extend .is-primary;


@@ -58,13 +60,16 @@ $button-hover-border-color: #000 !important;
   @extend .has-text-weight-bold;
   @extend .mb-3;
 }
   @extend .has-text-weight-bold;
   @extend .mb-3;
 }

-#navigation li.s > a.leaf
+#navigation li.s > a.leaf,
+#navigation li.s > strong.leaf

 {
   color: #ccc;
   background-color: #fff;
 }
 #navigation li.s > a.selected:after,
 {
   color: #ccc;
   background-color: #fff;
 }
 #navigation li.s > a.selected:after,

-#navigation li.s > a.leaf:after
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.selected:after,
+#navigation li.s > strong.leaf:after

 {
   content: "\f0a8";
   padding-left: .5em;
 {
   content: "\f0a8";
   padding-left: .5em;


@@ -79,12 +84,15 @@ $button-hover-border-color: #000 !important;
   text-rendering: auto;
   line-height: 1;
 }
   text-rendering: auto;
   line-height: 1;
 }

-#navigation li.s > a.leaf:after
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.leaf:after

 {
   color: #fff;
 }
 #navigation li.s.sub > a.selected:after,
 {
   color: #fff;
 }
 #navigation li.s.sub > a.selected:after,

-#navigation li.s.sub > a.leaf:after
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > strong.leaf:after,
+#navigation li.s.sub > strong.leaf:after

 {
   content: "\f0ab";
 }
 {
   content: "\f0ab";
 }