optional mobile title

2 files changed, 22 insertions, 1 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 0f09323..b8e0ff6 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -181,6 +181,10 @@ ul li {
     text-transform: capitalize;
 }
 
+ul li[data-id='dump-fm'] {
+    text-transform: none;
+}
+
 .desktop .menu ul li:hover,
 .menu ul li.active {
     background: black;
@@ -188,6 +192,20 @@ ul li {
     cursor: pointer;
 }
 
+.desktop .mobiletitle,
+.mobile .desktoptitle {
+  display: none;
+}
+
+.desktop .desktoptitle
+.mobile .mobiletitle {
+  display: inline;
+}
+
+.menu u {
+  text-decoration: none;
+}
+
 nav {
     background: white;
 }
diff --git a/templates/index.liquid b/templates/index.liquid
index 73b694e..8328227 100644
--- a/templates/index.liquid
+++ b/templates/index.liquid
@@ -33,7 +33,10 @@
             {% for page in pages %}
             <li data-id="{{ page.id }}">{{ page.title }}</li>
             {% endfor %} {% for project in projects %}
-            <li data-id="{{ project.id }}">{{ project.title }}</li>
+            <li data-id="{{ project.id }}">
+              <u class='desktoptitle'>{{ project.title }}</u>
+              <u class='mobiletitle'>{% if project.mobileTitle %}{{ project.mobileTitle }}{% else %}{{ project.title }}{% endif %}</u>
+            </li>
             {% endfor %}
         </ul>
     </div>