|
16 | 16 | <!-- Bootstrap CSS --> |
17 | 17 | <link rel=" stylesheet" href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity=" sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin=" anonymous" > |
18 | 18 |
|
19 | | - <!-- Styles CSS --> |
| 19 | + <!-- This applies styling to the markdown that is generated with the <zero-md> element --> |
20 | 20 | <link rel="stylesheet" href="../css/bootstrap.css"> |
21 | 21 | <link rel="stylesheet" href="../css/grayscale.css"> |
22 | 22 | <link rel="stylesheet" href="../css/standards.css"> |
23 | 23 | <link rel="stylesheet" href="../css/documentation.css"> |
24 | 24 |
|
| 25 | + <!-- This applies styling to the markdown that is generated with the <zero-md> element --> |
25 | 26 | <script> |
26 | 27 | window.ZeroMd = { |
27 | 28 | config: { |
|
42 | 43 | }; |
43 | 44 | </script> |
44 | 45 |
|
45 | | -<script |
| 46 | + <!-- This is the CDN that imports the code for the <zero-md> element --> |
| 47 | + <script |
46 | 48 | type="module" |
47 | 49 | src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js" |
48 | | -></script> |
| 50 | + ></script> |
49 | 51 |
|
50 | | - <!-- browser tab labels --> |
51 | | - <link rel="shortcut icon" type="image/jpg" href="../img/svlogo/svIcon.png"></link> |
52 | | - <title>SimVascular Docs</title> |
| 52 | + <!-- browser tab labels --> |
| 53 | + <link rel="shortcut icon" type="image/jpg" href="../img/svlogo/svIcon.png"></link> |
| 54 | + <title>SimVascular Docs</title> |
53 | 55 |
|
54 | 56 | <!-- Google Analytics Manager --> |
55 | 57 | <script |
|
76 | 78 | </div> |
77 | 79 | </div> |
78 | 80 | <div class="col-6 topRightBars"> |
| 81 | + <!-- The following code defines the navigation bar in the header --> |
79 | 82 | <div id="headerNavBar"> |
80 | 83 | <details> |
81 | 84 | <summary><i class="fa-solid fa-bars" id="iconForSkip"></i></summary> |
|
147 | 150 | </section> |
148 | 151 |
|
149 | 152 | <section class="mainSection"> |
| 153 | + <!-- The following code defines the navigation section on the left of the page --> |
150 | 154 | <section class="navigationSection" style="float: left"> |
| 155 | + <!-- The second class after "skipTo" is the ID of the <span> element |
| 156 | + of the <zero-md> element that renders the markdown file --> |
151 | 157 | <div> |
152 | 158 | <h4 class="skipTo introduction">Introduction</h4> |
153 | 159 | </div> |
@@ -176,7 +182,15 @@ <h4 class="skipTo install">Installation</h4> |
176 | 182 | </div> |
177 | 183 | </section> |
178 | 184 |
|
| 185 | + <!-- The following code defines the place where the markdown files are rendered --> |
179 | 186 | <section class="docsSection" style="float: right"> |
| 187 | + <!-- To reference the section linked in the <zero-md> element, |
| 188 | + reference the ID in the <span> element --> |
| 189 | + |
| 190 | + <!-- All markdown files must be named readme.md --> |
| 191 | + |
| 192 | + <!-- The first <zero-md> element should have the id="math" attribute --> |
| 193 | + <!-- All <zero-md> elements should have the "no-shadow" attribute --> |
180 | 194 | <span id="introduction"> |
181 | 195 | <zero-md id="math" src="svfsi/main/intro/readme.md" no-shadow></zero-md> |
182 | 196 | </span> |
@@ -214,7 +228,8 @@ <h4 class="skipTo install">Installation</h4> |
214 | 228 | <p id="skipToTop"><i class="fa-solid fa-arrow-up"></i></p> |
215 | 229 | </section> |
216 | 230 |
|
217 | | - |
| 231 | + <!-- The following code adds the Mathjax CDN to the html once it has been |
| 232 | + rendered by the markdown files --> |
218 | 233 | <script> |
219 | 234 | math.addEventListener('zero-md-rendered', () => { |
220 | 235 | var el = document.createElement('script'); |
|
0 commit comments