-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
106 lines (92 loc) · 6.08 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="./Software/netstream/static/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" href="./Software/netstream/static/images/icons/icon_192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="./Software/netstream/static/images/icons/icon_152x152.png">
<title>VeinCam.Org - DIY vein visualisation for curious minds.</title>
<!-- Bootstrap core and plugin *CSS* -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom FONTS for this template -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Baloo|Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="./Software/netstream/static/css/style.css" rel="stylesheet">
</head>
<body>
<div class="cover-container d-flex w-100 h-100 mx-auto flex-column">
<!-- Masthead -->
<header class="masthead mb-auto">
<div class="container">
<div class="row col-12 mt-3 mb-5">
<h8 class="mb-3 col-12 masthead-brand">VeinCam</h8>
<h1 class="mb-3 col-12">DIY vein visualisation for curious minds.</h1>
<div class=""><img class="img-fluid pl-3" src="./Software/netstream/static/images/VC_ORG_image1.png" /></div>
</div>
</div>
</header>
<!-- Icons Grid -->
<main role="main" class="text-left mb-auto">
<div class="container">
<div class="row col-12 mt-3">
<div class="col-12 mb-5">
<h3>About</h3>
<p class="mb-3">VeinCam is an educational tool for vein visualisation. It uses near infrared (nIR) light and a nIR-sensitive camera to stream a real-time vein-enhanced video image to a user's phone or tablet. In addition to a custom PCB to control the nIR light source, the device employs widely available low-cost components from the <a href="https://www.raspberrypi.org/" target="_blank">Raspberry Pi educational foundation. <i class="fa fa-external-link-alt"></i></a></p>
<p>Much of VeinCam's development occurred during <a href="https://cs.anu.edu.au/TechLauncher/" target="_blank">ANU Engineering <i class="fa fa-external-link-alt"></i></a> capstone projects in 2018 and 2019. Created as an open-source project, anyone who may find VeinCam useful for learning can get the information necessary to make one in the associated <a href="https://github.com/benhealey/veincam">GitHub repository <i class="fa fa-external-link-alt"></i></a>. </p>
<p>VeinCam is not a certified medical device and is therefore not intended for use in a clinical setting.</p>
</div>
<div class="col-12 mb-5">
<h3>GitHub repository</h3>
<p class="mb-2">The <a href="https://github.com/benhealey/veincam">VeinCam GitHub repository <i class="fa fa-external-link-alt"></i></a> contains schematics or code for the hardware and software components of the device. The folders for each component contain 'readme' files outlining their contents and key aspects of functionality. The assembly instructions in each folder outline at a high level how to get the device working.</p>
<p class="">View the full repository on <a href="https://github.com/benhealey/veincam" class="btn btn-primary">GitHub <i class="fab fa-github"></i></a></p>
</div>
<div class="col-12 mb-5">
<h3>Hardware kit</h3>
<p class="mb-2">Many people will not have access to the equipment required to make the hardware components of the device, so we are in the process of finalising a low-cost kit you can purchase. (due end of 2019)</p>
<p class="mb-5">You can check availability here: <a href="https://veincam.com" target="_blank" class="btn btn-primary">VeinCam Hardware Kit <i class="fas fa-shopping-basket"></i></a></p>
<div class="text-center"><img class="img-fluid px-5 bx-5" src="https://drive.google.com/uc?id=1LhKtL4RpaYGuA65wyFWGNiTfTkdrW0kE" /></div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row text-center text-muted small">
<div class="col-12">
<ul class="list-inline mb-2">
<li class="list-inline-item">
<a tabindex="0" href="" class="poplink text-muted" data-trigger="focus" data-container="body" data-toggle="popover" data-placement="top" data-content="Hi! You can send an email to ben at veincam.org to get in touch.">Contact</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
<a href="https://creativecommons.org.au/learn/licences/" class="text-muted">License</a>
</li>
<li class="list-inline-item">⋅</li>
<li class="list-inline-item">
VeinCam ANU project repositories - <a href="https://github.com/chrisbodger/VeinCam" class="text-muted">2018</a>, <a href="https://github.com/chrisbodger/veincam2019" class="text-muted">2019</a>
</li>
</ul>
<p class="mb-4 mb-lg-0">© VeinCam 2019. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
</div>
<!-- Bootstrap core *JavaScript*
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<script>
$(function () {
$('[data-toggle="popover"]').popover()
$('a.poplink').click(function(e) {e.preventDefault();})
})
</script>
</body>
</html>