feat: dual panel/gird, with image

This commit is contained in:
HeshamTB 2023-09-16 05:23:18 +03:00
parent 36b012ac92
commit 7b2112bfe0
2 changed files with 12 additions and 6 deletions

BIN
assets/images/play.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -12,12 +12,14 @@
<title>Viddle your fiddle</title> <title>Viddle your fiddle</title>
</head> </head>
<main class="container"> <main class="container">
<div class="headings"> <article class="grid">
<h3> <div>
Viddle your fiddle <hgroup>
<h4>Grab your videos for safe keeping!</h4> <h3>
</h3> Viddle your fiddle
</div> <h4>Grab your videos for safe keeping!</h4>
</h3>
</hgroup>
<form hx-post="/download" hx-target="#get-btn" hx-swap="outerHTML" hx-indicator="#progress"> <form hx-post="/download" hx-target="#get-btn" hx-swap="outerHTML" hx-indicator="#progress">
<div class="grid"> <div class="grid">
<div hx-target="this" hx-swap="outerHTML"> <div hx-target="this" hx-swap="outerHTML">
@ -48,6 +50,10 @@
</form> </form>
<progress class="htmx-indicator" id="progress"></progress> <progress class="htmx-indicator" id="progress"></progress>
</div>
<div>
<img src="/assets/images/play.png">
</div>
<script data-cfasync="false" type="text/javascript" src="//brightadnetwork.com/a/display.php?r=7440414"></script> <script data-cfasync="false" type="text/javascript" src="//brightadnetwork.com/a/display.php?r=7440414"></script>
<script data-cfasync="false" type="text/javascript" data-adel="atag" src="//acscdn.com/script/atg.js" czid="gobrl6fkye"></script> <script data-cfasync="false" type="text/javascript" data-adel="atag" src="//acscdn.com/script/atg.js" czid="gobrl6fkye"></script>
</main> </main>