fix sidebar issue and prepare search function revival

_includes/footer.html

@@ -6,5 +6,5 @@
 <script>
   var baseurl = '{{ site.baseurl }}'
 </script>
-<script src="{{ " assets/js/typeahead.bundle.min.js" | absolute_url }} "></script>
+<script src="{{ 'assets/js/typeahead.bundle.min.js' | absolute_url }} "></script>
 <script src=" {{ 'assets/js/main.js' | absolute_url }}"></script>

_includes/sidebar.html

@@ -18,8 +18,9 @@
                     {% for subitem in sorted_pages %}
                     {% assign sub_path_parts = subitem.url | split: '/' %}
                     {% if sub_path_parts.size == 3 and subitem.name == 'index.md' and sub_path_parts[1] == 'projects' %}
+                    {% assign menuentry = subitem.title | downcase %}
                     <li class="sidebar-list-item list-none">
-                        {% if page.url == subitem.url %}
+                        {% if page.url contains menuentry %}
                         <a href="{{ subitem.url | relative_url }}">[{{ subitem.title }}]</a>
                         {% else %}
                         <a href="{{ subitem.url | relative_url }}">{{ subitem.title }}</a>
@@ -29,10 +30,18 @@
                     {% endfor %}
                 </ul>
                 {% endif %}
+
             </li>
             {% endif %}
             {% endfor %}
             <li class="list-none imprint">Imprint</li>
         </ul>
+
+        <!-- Search -->
+        <!-- <section id="search" class="alt">
+            <form>
+                <input type="text" id="query" name="query" class="typeahead" placeholder="Search" />
+            </form>
+        </section> -->
     </nav>
 </aside>

_sass/components/_form.scss

@@ -34,7 +34,7 @@
 		color: inherit;
 		display: block;
 		outline: 0;
-		padding: 0 1em;
+		padding: 0 0.5em;
 		text-decoration: none;
 		width: 100%;
 

_sass/layout/_sidebar.scss

@@ -10,14 +10,18 @@
 		form {
 			@include icon;
 			position: relative;
+			margin-top: _size(top-margin);
+			margin-left: _size(side-margin);
+			margin-right: _size(side-margin);
+			font-family: _font(family-heading);
 
 			&:before {
 				@include vendor('transform', 'scaleX(-1)');
 				color: _palette(fg);
 				content: '\f002';
 				cursor: default;
 				display: block;
-				font-size: 1.5em;
+				font-size: 1em;
 				height: calc(#{_size(element-height)} / 1.375);
 				line-height: calc(#{_size(element-height)} / 1.375);
 				opacity: 0.325;

_sass/libs/_vars.scss

@@ -11,8 +11,8 @@
 
 // Size.
 	$size: (
-		border-radius:		0.375em,
-		element-height:		2.75em,
+		border-radius:		0em,
+		element-height:		2em,
 		element-margin:		2em,
 		sidebar-width:		26em,
 		sidebar-width-alt:	24em,

projects/memories/index.md

@@ -3,7 +3,7 @@ title: Memories
 description: Design Practice 1 X Tangible Interaction
 time: Summer 2025
 layout: projects
-menu-order: 0
+menu-order: 1
 ---
 
 During the summer term 2025, an interdisciplinary course at the University of Applied Sciences Dresden brought together Master’s students from Design and Computer Science to explore the possibilities of Tangible Interaction. At the start of the course, students were given a short-term project titled "Memories", designed to quickly immerse them in the topic. The challenge was to create a tangible device that enables users to store, recall, or generate memories through physical interaction. Working in small, interdisciplinary teams, students developed rapid prototypes that not only introduced them to core concepts of Tangible Interaction, but also helped them get to know each other, establish workflows, and lay the groundwork for collaboration throughout the rest of the course. The resulting projects—also presented on this website—reflect the diversity of approaches and the creative potential of combining design and technology from the very beginning.