30 lines
848 B
Text
30 lines
848 B
Text
|
---
|
||
|
|
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 %}
|