---
title: Windows
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}

{% block body %}
<nav id="task-bar">
	<button data-action="start">Start</button>
</nav>
<div id="screen-space"></div>
<div id="placeholder"></div>
{% endblock %}

{%- block script %}
<script src="{{ pageBase }}js/windows.js"></script>
<script>
	// Get the space element
	const space = document.getElementById('screen-space');
	const start = document.querySelector('[data-action=start]');
	const draggableElement = document.getElementById('task-bar');
	const placeholderElement = document.getElementById('placeholder');

	// const draggable = new Draggable(draggableElement);
	const dragMore = new DragAdv(draggableElement, placeholderElement);
	// const dragBest = new BestDrag(draggableElement, placeholderElement);
</script>
{% endblock %}