Compare commits

...

3 commits

Author SHA1 Message Date
c0161e46bd spacing and priority 2024-03-07 23:55:38 -05:00
cb242dfdce placeholder looping webm 2024-03-07 23:55:26 -05:00
d08b1ea76a rounded corners 2024-03-06 06:38:23 -05:00
2 changed files with 15 additions and 6 deletions

View file

@ -3,7 +3,9 @@
<main>
<h1>braille_xr</h1>
<sub>gif of hand move braille change (from sk_demo)</sub>
<video src='/public/braille_xr.webm' width='100%' autoplay loop muted></video>
<div style='height: 64px; display: block; width: 100%;'></div>
<h2>problem</h2>
<ul>
@ -15,18 +17,23 @@
</ul>
<img src='/public/img/brailliant_bi_40x.webp' width='60%'>
<div style='height: 64px; display: block; width: 100%;'></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>
<ul>
<li>easy to manufacture braille display</li>
<li>small enough to leverage openxr hand tracking</li>
<li>software demo braille keyboard w/custom layouts</li>
<li>initially optimizing for braille input and education</li>
</ul>
<img src='/public/img/hack.webp' width='60%'>
<h2>support</h2>
<p style='margin-top: 0;'>have resources or experience to throw our way? contact us on our discord server: <a href=''>invite/quick link</a></p>
<div style='height: 64px; display: block; width: 100%;'></div>
<div style='height: 100px; display: block; width: 100%;'></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>

View file

@ -71,12 +71,14 @@ li {
img, video, canvas {
overflow: hidden;
}
img {
all: revert-layer;
display: block;
margin: 0 auto;
border-radius: 1px;
border-radius: 6px;
}
video {
border-radius: 6px;
}
.t_symbol {
margin: 2rem auto;