pupdated

_src/_includes/base.njk

@@ -77,20 +77,42 @@ theme: "M16 6a1 1 0 010 20Zm0-4a1 1 0 000 28A1 1 0 0016 2"
 					</li>
 				</ul>
 				<script src="/assets/js/theme.js"></script>
-				<script src="/assets/js/motion.js"></script>
 			</details>
 			<details open="">
 				<summary>
 					Outgoing
 				</summary>
 				<ul role="list">
-					{% for item in outgoing.items %}
+					{% for key, items in outgoing %}
+					{% for item in items %}
+					{% if key != "signal" %}
 					<li>
-						<a href="{{ item.src }}"><img src="{{ item.icon }}" alt="" aria-hidden="true">{{ item.title }}</a>
+						<a href="{{ item.src }}">
+						<img src="/assets/img/icon/{{ item.icon }}" alt="" aria-hidden="true">{{ key | capitalize }}
+						</a>
 					</li>
+					{% endif %}
+					{% endfor %}
+					{% if key == "signal" %}
+					<li>
+						<button command="show-modal" commandfor="{{ items[0].id }}">
+						<img src="/assets/img/icon/{{ items[0].icon }}" alt="" aria-hidden="true">{{ key | capitalize }}
+						</button>
+					</li>
+					{% endif %}
 					{% endfor %}
 				</ul>
+				<dialog id="signal">
+					<article>
+						{% for article in collections.articles %}
+						{% if article.fileSlug == 'what' %}
+						{{ article.content | safe }}
+						{% endif %}
+						{% endfor %}
+					</article>
+				</dialog>
 			</details>
+			<script src="/assets/js/what.js" type="module"></script>
 			<script src="/assets/js/details-save.js"></script>
 	</body>
 </html>