mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 15:29:26 +00:00
127 lines
3 KiB
HTML
127 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./output.css" />
|
|
</head>
|
|
<body class="bg-slate-400 w-screen h-screen m-0">
|
|
<div class="h-full aspect-[9/20] bg-slate-500 border border-red-500">
|
|
<div class="size-full grid grid-cols-2 grid-rows-8 gap-2">
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_1"
|
|
mcrm__button
|
|
>
|
|
button1
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_2"
|
|
mcrm__button
|
|
>
|
|
button2
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_3"
|
|
mcrm__button
|
|
>
|
|
button3
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_4"
|
|
mcrm__button
|
|
>
|
|
button4
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_5"
|
|
mcrm__button
|
|
>
|
|
button5
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_6"
|
|
mcrm__button
|
|
>
|
|
button6
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_7"
|
|
mcrm__button
|
|
>
|
|
button7
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_8"
|
|
mcrm__button
|
|
>
|
|
button8
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_9"
|
|
mcrm__button
|
|
>
|
|
button9
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_10"
|
|
mcrm__button
|
|
>
|
|
button10
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_11"
|
|
mcrm__button
|
|
>
|
|
button11
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_12"
|
|
mcrm__button
|
|
>
|
|
button12
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_13"
|
|
mcrm__button
|
|
>
|
|
button13
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_14"
|
|
mcrm__button
|
|
>
|
|
button14
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_15"
|
|
mcrm__button
|
|
>
|
|
button15
|
|
</div>
|
|
<div
|
|
class="bg-sky-400 flex justify-center items-center"
|
|
id="button_16"
|
|
mcrm__button
|
|
>
|
|
button16
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|