2019-05-13 02:52:27 +00:00
|
|
|
---
|
|
|
|
layout: post-plain
|
|
|
|
title: "Sequencer"
|
|
|
|
date: 2019-05-12 09:16 +0800
|
|
|
|
categories: toys
|
|
|
|
---
|
|
|
|
{% asset sequencer.css %}
|
2019-05-13 03:41:42 +00:00
|
|
|
{% asset sequencer.coffee %}
|
|
|
|
|
2019-05-13 02:52:27 +00:00
|
|
|
<div class="sequencer-baseline" >
|
|
|
|
<div class="sequencer-wrapper" >
|
|
|
|
<div class="sequencer" >
|
|
|
|
{% for y in (1..4) %}
|
|
|
|
{% for x in (1..8) %}
|
2019-05-13 09:13:11 +00:00
|
|
|
<input class="sequencer-button" row="{{y}}" col="{{x}}" type="checkbox" />
|
2019-05-13 02:52:27 +00:00
|
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% asset "Neon_Cube_01_190513_v01-01.jpg"
|
|
|
|
@optim
|
|
|
|
srcset:width=900
|
|
|
|
srcset:width=500
|
|
|
|
srcset:width=300
|
|
|
|
%}
|