dofdev/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

integrate braille page template

Browse source
This commit is contained in:
ethan merchant 2024-11-03 02:48:59 -05:00
parent 4a5f23da84
commit 00c3e7f677
1 changed files with 35 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
tem/html/braille_xr.html → tem/html/pages/braille_xr.html
View file

@ -1,11 +1,39 @@
{{ template "head.html" .}}
<main>
<div id="top_img">
<video src='/public/braille_xr.webm' autoplay loop muted
style="
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
"
>
</video>
<div
style="
position: absolute;
top: 66.66%; left: 0; right: 0; bottom: 0;
background: linear-gradient(in oklab to top, #FFFFFFFF, #FFFFFF00);
mix-blend-mode: color;
"
></div>
</div>
<h1>braille_xr</h1>
<video src='/public/braille_xr.webm' width='100%' autoplay loop muted></video>
<!-- <div style="height: calc(44px + 12px);"></div> -->
<div style='height: 64px; display: block; width: 100%;'></div>
<div
style="
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
"
>
{{ template "title_desc.html" .}}
</div>
<!-- <div style='height: 1024px;'></div> -->
<h2>problem</h2>
<ul>
@ -17,7 +45,7 @@
</ul>
<img src='/public/img/brailliant_bi_40x.webp' width='60%'>
<div style='height: 64px; display: block; width: 100%;'></div>
<div style='height: 64px;'></div>
<h2>progress</h2>
<p style='margin-top: 0;'>code, hardware, software and project files: <a href='https://git.dof.dev/dofdev/braille_xr'>git repo</a></p>
@ -29,11 +57,9 @@
</ul>
<img src='/public/img/hack.webp' width='60%'>
<div style='height: 64px; display: block; width: 100%;'></div>
<div style='height: 64px;'></div>
<h2>support</h2>
<p style='margin-top: 0;'>have some resources or experience to throw our way?<br>contact us on our discord server: <a href=''>invite/quick link</a></p>
<div style='height: 128px; display: block; width: 100%;'></div>
</main>
<div style='height: 128px;'>&nbsp;</div>