Skip to content

Commit 2afd3d7

Browse files
lucapegolottilucapegolotti
authored
Merge pull request #2 from cdarve245/main
Add README.md with website documentation
2 parents 207181b + 1ad6fae commit 2afd3d7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+1748
-771
lines changed

‎README.md‎

Lines changed: 723 additions & 0 deletions
Large diffs are not rendered by default.

‎clinical/aortofemoral1.html‎

Lines changed: 24 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,13 @@
1616
<!-- Bootstrap CSS -->
1717
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
1818

19-
<!-- Styles CSS -->
20-
<link rel="stylesheet" href="../css/bootstrap.css">
19+
<!-- This applies styling to the elements that aren't generated from markdown -->
20+
<link rel="stylesheet" href="../css/bootstrap.css">
2121
<link rel="stylesheet" href="../css/grayscale.css">
2222
<link rel="stylesheet" href="../css/standards.css">
2323
<link rel="stylesheet" href="../css/documentation.css">
2424

25+
<!-- This applies styling to the markdown that is generated with the <zero-md> element -->
2526
<script>
2627
window.ZeroMd = {
2728
config: {
@@ -41,14 +42,15 @@
4142
},
4243
};
4344
</script>
44-
45+
46+
<!-- This is the CDN that imports the code for the <zero-md> element -->
4547
<script
4648
type="module"
4749
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"
4850
></script>
4951

5052
<!-- browser tab labels -->
51-
<link rel="shortcut icon" type="image/jpg" href="../../img/svIcon.png"></link>
53+
<link rel="shortcut icon" type="image/jpg" href="../img/svlogo/svIcon.png"></link>
5254
<title>SimVascular Clinical Test Cases</title>
5355

5456
<!-- Google Analytics Manager -->
@@ -72,10 +74,11 @@
7274
<div class="col-6 topLeftLogo">
7375
<!-- logo top left -->
7476
<div class="headerLogoContainer">
75-
<img id="logo" class="headerLogoImage" src="../img/svLogoTitle.png" alt="SimVascular Logo"></img>
77+
<img id="logo" class="headerLogoImage" src="../img/svlogo/svLogoTitle.png" alt="SimVascular Logo"></img>
7678
</div>
7779
</div>
7880
<div class="col-6 topRightBars">
81+
<!-- The following code defines the navigation bar in the header -->
7982
<div id="headerNavBar">
8083
<details>
8184
<summary><i class="fa-solid fa-bars" id="iconForSkip"></i></summary>
@@ -147,14 +150,19 @@
147150
</section>
148151

149152
<section class="mainSection">
153+
<!-- The following code defines the navigation section on the left of the page -->
150154
<section class="navigationSection" style="float: left">
155+
<!-- The link after the class "clickLink" is what will open
156+
if someone clicks on the <h4> element -->
151157
<div>
152158
<h3>Download</h3>
153159
<h4 class="clickLink https://simtk.org/frs/download_confirm.php/file/4303/AortofemoralNormal1.zip?group_id=930">Aortofemoral Normal - 1 (Data)</h4>
154160
</div>
155161
<div style="padding: 0">
156162
<h3>Aortofemoral Normal</h3>
157163
</div>
164+
<!-- The second class after "skipTo" is the ID of the <span> element
165+
of the <zero-md> element that renders the markdown file -->
158166
<div>
159167
<h4 class="skipTo sec1">Clinical Significance</h4>
160168
</div>
@@ -170,10 +178,18 @@ <h4 class="skipTo sec4">Boundary Conditions</h4>
170178
<div>
171179
<h4 class="skipTo sec5">Simulation and Results</h4>
172180
</div>
173-
174181
</section>
175182

183+
<!-- The following code defines the place where the markdown files are rendered -->
176184
<section class="docsSection" style="float: right">
185+
<!-- To reference the section linked in the <zero-md> element,
186+
reference the ID in the <span> element -->
187+
188+
<!-- All markdown files must be named readme.md -->
189+
190+
<!-- The first <zero-md> element should have the id="math" attribute -->
191+
<!-- All <zero-md> elements should have the "no-shadow" attribute -->
192+
177193
<span id="sec1">
178194
<zero-md id="math" src="aortofemoral1/significance/readme.md" no-shadow></zero-md>
179195
</span>
@@ -195,7 +211,8 @@ <h4 class="skipTo sec5">Simulation and Results</h4>
195211
<p id="skipToTop"><i class="fa-solid fa-arrow-up"></i></p>
196212
</section>
197213

198-
214+
<!-- The following code adds the Mathjax CDN to the html once it has been
215+
rendered by the markdown files -->
199216
<script>
200217
math.addEventListener('zero-md-rendered', () => {
201218
var el = document.createElement('script');

‎clinical/aortofemoral2.html‎

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,16 @@
1313
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
1414
<link href="//vjs.zencdn.net/4.8/video-js.css" rel="stylesheet">
1515

16-
<!-- Bootstrap CSS -->
16+
<!-- This applies styling to the code that is not rendered by markdown -->
1717
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
1818

19-
<!-- Styles CSS -->
19+
<!-- This applies styling to the elements that aren't generated from markdown -->
2020
<link rel="stylesheet" href="../css/bootstrap.css">
2121
<link rel="stylesheet" href="../css/grayscale.css">
2222
<link rel="stylesheet" href="../css/standards.css">
2323
<link rel="stylesheet" href="../css/documentation.css">
2424

25+
<!-- This applies styling to the markdown that is generated with the <zero-md> element -->
2526
<script>
2627
window.ZeroMd = {
2728
config: {
@@ -42,13 +43,14 @@
4243
};
4344
</script>
4445

45-
<script
46-
type="module"
47-
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"
48-
></script>
46+
<!-- This is the CDN that imports the code for the <zero-md> element -->
47+
<script
48+
type="module"
49+
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"
50+
></script>
4951

5052
<!-- browser tab labels -->
51-
<link rel="shortcut icon" type="image/jpg" href="../../img/svIcon.png"></link>
53+
<link rel="shortcut icon" type="image/jpg" href="../img/svlogo/svIcon.png"></link>
5254
<title>SimVascular Clinical Test Cases</title>
5355

5456
<!-- Google Analytics Manager -->
@@ -72,10 +74,11 @@
7274
<div class="col-6 topLeftLogo">
7375
<!-- logo top left -->
7476
<div class="headerLogoContainer">
75-
<img id="logo" class="headerLogoImage" src="../img/svLogoTitle.png" alt="SimVascular Logo"></img>
77+
<img id="logo" class="headerLogoImage" src="../img/svlogo/svLogoTitle.png" alt="SimVascular Logo"></img>
7678
</div>
7779
</div>
7880
<div class="col-6 topRightBars">
81+
<!-- The following code defines the navigation bar in the header -->
7982
<div id="headerNavBar">
8083
<details>
8184
<summary><i class="fa-solid fa-bars" id="iconForSkip"></i></summary>
@@ -147,14 +150,19 @@
147150
</section>
148151

149152
<section class="mainSection">
153+
<!-- The following code defines the navigation section on the left of the page -->
150154
<section class="navigationSection" style="float: left">
155+
<!-- The link after the class "clickLink" is what will open
156+
if someone clicks on the <h4> element -->
151157
<div>
152158
<h3>Download</h3>
153159
<h4 class="clickLink https://simtk.org/frs/download_confirm.php/file/4301/AortofemoralNormal2.zip?group_id=930">Aortofemoral Normal - 2 (Data)</h4>
154160
</div>
155161
<div style="padding: 0">
156162
<h3>Aortofemoral Normal</h3>
157163
</div>
164+
<!-- The second class after "skipTo" is the ID of the <span> element
165+
of the <zero-md> element that renders the markdown file -->
158166
<div>
159167
<h4 class="skipTo sec1">Clinical Significance</h4>
160168
</div>
@@ -170,10 +178,17 @@ <h4 class="skipTo sec4">Boundary Conditions</h4>
170178
<div>
171179
<h4 class="skipTo sec5">Simulation and Results</h4>
172180
</div>
173-
174181
</section>
175182

183+
<!-- The following code defines the place where the markdown files are rendered -->
176184
<section class="docsSection" style="float: right">
185+
<!-- To reference the section linked in the <zero-md> element,
186+
reference the ID in the <span> element -->
187+
188+
<!-- All markdown files must be named readme.md -->
189+
190+
<!-- The first <zero-md> element should have the id="math" attribute -->
191+
<!-- All <zero-md> elements should have the "no-shadow" attribute -->
177192
<span id="sec1">
178193
<zero-md id="math" src="aortofemoral2/significance/readme.md" no-shadow></zero-md>
179194
</span>
@@ -195,7 +210,8 @@ <h4 class="skipTo sec5">Simulation and Results</h4>
195210
<p id="skipToTop"><i class="fa-solid fa-arrow-up"></i></p>
196211
</section>
197212

198-
213+
<!-- The following code adds the Mathjax CDN to the html once it has been
214+
rendered by the markdown files -->
199215
<script>
200216
math.addEventListener('zero-md-rendered', () => {
201217
var el = document.createElement('script');

‎clinical/coronary.html‎

Lines changed: 25 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,13 @@
1616
<!-- Bootstrap CSS -->
1717
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
1818

19-
<!-- Styles CSS -->
19+
<!-- This applies styling to the elements that aren't generated from markdown -->
2020
<link rel="stylesheet" href="../css/bootstrap.css">
2121
<link rel="stylesheet" href="../css/grayscale.css">
2222
<link rel="stylesheet" href="../css/standards.css">
2323
<link rel="stylesheet" href="../css/documentation.css">
2424

25+
<!-- This applies styling to the markdown that is generated with the <zero-md> element -->
2526
<script>
2627
window.ZeroMd = {
2728
config: {
@@ -42,13 +43,14 @@
4243
};
4344
</script>
4445

45-
<script
46-
type="module"
47-
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"
48-
></script>
46+
<!-- This is the CDN that imports the code for the <zero-md> element -->
47+
<script
48+
type="module"
49+
src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"
50+
></script>
4951

5052
<!-- browser tab labels -->
51-
<link rel="shortcut icon" type="image/jpg" href="../../img/svIcon.png"></link>
53+
<link rel="shortcut icon" type="image/jpg" href="../img/svlogo/svIcon.png"></link>
5254
<title>SimVascular Clinical Test Cases</title>
5355

5456
<!-- Google Analytics Manager -->
@@ -72,10 +74,11 @@
7274
<div class="col-6 topLeftLogo">
7375
<!-- logo top left -->
7476
<div class="headerLogoContainer">
75-
<img id="logo" class="headerLogoImage" src="../img/svLogoTitle.png" alt="SimVascular Logo"></img>
77+
<img id="logo" class="headerLogoImage" src="../img/svlogo/svLogoTitle.png" alt="SimVascular Logo"></img>
7678
</div>
7779
</div>
7880
<div class="col-6 topRightBars">
81+
<!-- The following code defines the navigation bar in the header -->
7982
<div id="headerNavBar">
8083
<details>
8184
<summary><i class="fa-solid fa-bars" id="iconForSkip"></i></summary>
@@ -147,14 +150,19 @@
147150
</section>
148151

149152
<section class="mainSection">
153+
<!-- The following code defines the navigation section on the left of the page -->
150154
<section class="navigationSection" style="float: left">
155+
<!-- The link after the class "clickLink" is what will open
156+
if someone clicks on the <h4> element -->
151157
<div>
152158
<h3>Download</h3>
153159
<h4 class="clickLink https://simtk.org/frs/download_confirm.php/file/5115/CoronaryProject.zip?group_id=930">Coronary Project</h4>
154160
</div>
155161
<div style="padding: 0">
156162
<h3>Coronary Normal</h3>
157163
</div>
164+
<!-- The second class after "skipTo" is the ID of the <span> element
165+
of the <zero-md> element that renders the markdown file -->
158166
<div>
159167
<h4 class="skipTo introduction">Introduction</h4>
160168
</div>
@@ -185,10 +193,17 @@ <h4 class="skipTo conclusion">Conclusion</h4>
185193
<div>
186194
<h4 class="skipTo references">References</h4>
187195
</div>
188-
189196
</section>
190197

198+
<!-- The following code defines the place where the markdown files are rendered -->
191199
<section class="docsSection" style="float: right">
200+
<!-- To reference the section linked in the <zero-md> element,
201+
reference the ID in the <span> element -->
202+
203+
<!-- All markdown files must be named readme.md -->
204+
205+
<!-- The first <zero-md> element should have the id="math" attribute -->
206+
<!-- All <zero-md> elements should have the "no-shadow" attribute -->
192207
<span id="introduction">
193208
<zero-md id="math" src="coronary/intro/readme.md" no-shadow></zero-md>
194209
</span>
@@ -231,15 +246,14 @@ <h4 class="skipTo references">References</h4>
231246
<span id="references">
232247
<zero-md src="coronary/refs/readme.md" no-shadow></zero-md>
233248
</span>
234-
235-
236249
</section>
237250
</section>
238251
<section class="skipToTopSection">
239252
<p id="skipToTop"><i class="fa-solid fa-arrow-up"></i></p>
240253
</section>
241254

242-
255+
<!-- The following code adds the Mathjax CDN to the html once it has been
256+
rendered by the markdown files -->
243257
<script>
244258
math.addEventListener('zero-md-rendered', () => {
245259
var el = document.createElement('script');

0 commit comments

Comments
 (0)