uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Prepare layout and markup for the slider. #6

Browse Source
This commit is contained in:
Arpad Csanyi
2016-03-17 00:18:44 +01:00
parent 48317bbaa6
commit bbd5aa60b4
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -37,24 +37,24 @@
<div class="row unk--wrapper">
<div class="col-xs-12 text-center">
<div class="" role="" style="margin-bottom: 2rem;">
<button type="button" class="btn btn-primary btn-lg">Base</button>
<button type="button" class="btn btn-default btn-lg grip">Mod</button>
<button type="button" class="btn btn-default btn-lg grip">Fn</button>
<button type="button" class="btn btn-default btn-lg grip">Mouse</button>
<button type="button" data-layer="base" class="uhk__layer-switcher btn btn-primary btn-lg current">Base</button>
<button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg grip">Mod</button>
<button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg grip">Fn</button>
<button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg grip">Mouse</button>
</div>
</div>
<div class="col-xs-12">
<div class="keyboard-slider">
<div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--base">
<div class="item uhk__layer-wrapper uhk__layer-wrapper--base current">
<img src="./images/base-layer.svg" class="uhk uhk--base-layer" alt="">
</div>
<div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--mod">
<div class="item uhk__layer-wrapper uhk__layer-wrapper--mod">
<img src="./images/base-layer--blank.svg" class="uhk uhk--base-layer" alt="">
</div>
<div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--fn">
<div class="item uhk__layer-wrapper uhk__layer-wrapper--fn">
<img src="./images/base-layer--dvorak.svg" class="uhk uhk--base-layer" alt="">
</div>
<div class="item col-xs-12 uhk__layer-wrapper uhk__layer-wrapper--mouse">
<div class="item uhk__layer-wrapper uhk__layer-wrapper--mouse">
<img src="./images/base-layer.svg" class="uhk uhk--base-layer" alt="">
</div>
</div>