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

Compare commits

base: dofdev:c0161e46bda5e836ff92dcbeec79f171b11bba61
Branches Tags
dofdev:main
..
compare: dofdev:9bc8024706c25de3ebf182c7e988b7f7bfaf9268
Branches Tags
dofdev:main

No commits in common. "c0161e46bda5e836ff92dcbeec79f171b11bba61" and "9bc8024706c25de3ebf182c7e988b7f7bfaf9268" have entirely different histories.
c0161e46bd ... 9bc8024706

2 changed files with 5 additions and 14 deletions
Show stats Expand all files Collapse all files

13
tem/html/braille_xr.html
View file

@ -3,9 +3,7 @@
<main>
<h1>braille_xr</h1>
<video src='/public/braille_xr.webm' width='100%' autoplay loop muted></video>
<div style='height: 64px; display: block; width: 100%;'></div>
<sub>gif of hand move braille change (from sk_demo)</sub>
<h2>problem</h2>
<ul>
@ -17,23 +15,18 @@
</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%'>
<div style='height: 64px; 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>
<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: 128px; display: block; width: 100%;'></div>
<div style='height: 100px; display: block; width: 100%;'></div>
</main>

6
web/public/style.css
View file

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