-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
118 lines (78 loc) · 4.05 KB
/
about.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
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<title>Aortic leaflets generator</title>
<meta charset="utf-8">
<!-- LIB SCRIPTS -->
<!--style-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/font-awesome.min.css"> <!-- load fontawesome -->
<link rel="stylesheet" href="css/bootstrap.vertical-tabs.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- google analytic script -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53741901-7', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">A web tool for generating aortic valve leaflets</i> </a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a target="_blank" href="about.html">instructions</a></li>
<li><a target="_blank" href="https://youtu.be/6ZdiZdl7wZk">demo</a></li>
<li><a target="_blank" href="https://github.com/ahmedhosny/av-generator">code</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container" id = "main" >
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron" style=" font-size: 16px; background-color: #f8f8f8; ">
This project is browser-based utility to generate aortic valve cusps that are usually difficult to resolve and segment from CT data.
<br>
<br>
<strong> 1. </strong> Upload the 7 point coordinates as .csv, the aortic sinus and calcium both as .stl
<br>
<br>
<strong> 2. </strong> Adjust the general sag amount.
<img src="img/diag_2.jpg" width="100%"></img>
<br>
<br>
<strong> 3. </strong> Set the sinus opacity to 0. Starting with the left cusp, adjust the 5 surface parameters so that the resultant surface goes midway through the calcium blobs. Repeat for the non-coronary and right cusps.
<img src="img/diag_5.jpg" width="100%"></img>
<br>
<br>
<strong> 4. </strong> Set the sinus opacity back to around 1. Move the 6 fiduciary points into the aortic sinus so that the tiny white spheres are within the sinus wall. Try to bury the red outline curve into the sinus as much as possible. This is to ensure the cusps are connected to the sinus.
<img src="img/diag_1.jpg" width="100%"></img>
<img src="img/diag_3.jpg" width="100%"></img>
<br>
<br>
<strong> 5. </strong> Move the 3 fiduciary points at the annular plane up or down if their position is off - try to have them match the sinus.
<img src="img/diag_4.jpg" width="100%"></img>
<br>
<br>
<strong> 6. </strong> Download the cusp.stl.
<img src="img/diag_6.jpg" width="100%"></img>
<br>
<br>
Let <a href="http://ahmedhosny.net" target="_blank">me</a> know if you have any thoughts or comments..
</div>
</div> <!-- end of main -->
</body>
</html>