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

Compare commits

base: dofdev:908b084a94b272d768e56ac503d83ffcf7a161dd
Branches Tags
dofdev:main
...
compare: dofdev:9bc8024706c25de3ebf182c7e988b7f7bfaf9268
Branches Tags
dofdev:main

6 commits
908b084a94 ... 9bc8024706

Author SHA1 Message Date
spatialfree
9bc8024706 braille page revision w/niko 2024-03-05 11:11:04 -05:00
spatialfree
335bbaead6 list revert 2024-03-05 11:10:21 -05:00
spatialfree
8dd7b69a9d reload dev btn 2024-03-05 11:09:33 -05:00
spatialfree
3a68058e14 /reload routing 2024-03-05 11:08:48 -05:00
spatialfree
5e3de474a4 correct port # 2024-03-05 11:07:59 -05:00
spatialfree
cae8a12a25 # deploy 2024-03-05 11:07:42 -05:00
6 changed files with 43 additions and 17 deletions
Show stats Expand all files Collapse all files

9
readme.md
View file

@ -2,7 +2,10 @@
# build and run
go build && ./dofdev
#deploy
# deploy
rsync -avz --progress ~/go/src/dofdev/ root@dofdev:/root/dofdev/
```
server starting at: http://localhost:3210
# server starting at: http://localhost:3210
# track lfs
git lfs track "*.psd"
```

2
server.go
View file

@ -18,7 +18,7 @@ func main() {
r := router.New()
// Start the web server
log.Println("server starting on port 3000...")
log.Println("server starting on port 3210...")
addr := ":3210"
// addr := "192.168.0.21:3000"
if err := http.ListenAndServe(addr, r); err != nil {

6
src/router/router.go
View file

@ -6,6 +6,7 @@ import (
"github.com/gorilla/mux"
braillexr "github.com/spatialfree/dofdev/web/pages/braille_xr"
"github.com/spatialfree/dofdev/web/pages/mono"
"github.com/spatialfree/dofdev/tem"
)
func New() *mux.Router {
@ -15,5 +16,10 @@ func New() *mux.Router {
r.HandleFunc("/", mono.Handler)
r.HandleFunc("/braille_xr", braillexr.Handler)
r.HandleFunc("/reload", func(w http.ResponseWriter, r *http.Request) {
tem.Load()
// route them back to where they came from
http.Redirect(w, r, r.Header.Get("Referer"), http.StatusFound)
})
return r
}

20
tem/html/braille_xr.html
View file

@ -3,25 +3,20 @@
<main>
<h1>braille_xr</h1>
<sub>gif of hand move braille change (from sk_demo)</sub>
<h2>problem</h2>
<ul>
<li>How can we help make XR (VR/AR/MR) accessible to people with visual impairments?</li>
<li>Current refreshable braille devices have ~40x6x2 actuators with carefully tuned long levers making them very expensive~$3,500</li>
<li>Not a very portable device</li>
<li>Current refreshable braille devices are very expensive ~$4,000</li>
<li>Cumbersome, with around 40x6x2 actuators with carefully tuned long levers</li>
<li>1 interaction method</li>
<li>Other interactions of input for people with low vision require voice input which is not always comfortable.</li>
</ul>
<img src='/public/img/brailliant_bi_40x.webp' width='60%'>
<h2>solution</h2>
<ul>
<li>Reduce the number of actuators</li>
<li>use spatial hand tracking for accessible and extensible interactions</li>
<li>create a comfortable and portable way to input braille</li>
</ul>
<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>
@ -29,6 +24,9 @@
</ul>
<img src='/public/img/hack.webp' width='60%'>
<div style='height: 100px;'></div>
<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>
</main>
<div style='height: 100px; display: block; width: 100%;'></div>
</main>

12
tem/html/head.html
View file

@ -5,4 +5,14 @@
<link rel="stylesheet" href="/public/style.css?v19">
</head>
<body>
<body>
<a style='
position: fixed;
top: 10px;
left: 10px;
width: 32px;
height: 32px;
background-color: #000;
opacity: 0.02;
' href='/reload'></a>

11
web/public/style.css
View file

@ -59,6 +59,15 @@ code {
font-weight: 500;
color: #0000FF;
}
ul {
all: revert;
width: 90%;
margin: 0 auto;
margin-bottom: 1rem;
}
li {
all: revert;
}
img, video, canvas {
overflow: hidden;
}
@ -91,4 +100,4 @@ input {
border-radius: 32px;
letter-spacing: 1px;
font-size: 16px;
}
}