Skip to content

Commit b3612a2

Browse files
author
arctrong
committed
wiki link marker added
1 parent 8a6bab1 commit b3612a2

File tree

9 files changed

+111
-33
lines changed

9 files changed

+111
-33
lines changed

‎doc/content/sections/page_content.html‎

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -268,7 +268,9 @@ <h1 id="links">Links</h1>
268268
<li><code>[Some title](https://some.url.org){attributes}</code></li>
269269
<li><code>&lt;https://some.url.org&gt;{attributes}</code></li>
270270
</ul>
271-
<p>The following classes are defined in the provided CSS:</p>
271+
<p id="link_markers">The following classes are defined in the provided CSS to indicate link kinds
272+
(<a href="page_content.html#link_markers">light scheme</a>,
273+
<a href="page_content_dark.html#link_markers">dark scheme</a>):</p>
272274
<table>
273275
<thead>
274276
<tr>
@@ -293,6 +295,10 @@ <h1 id="links">Links</h1>
293295
<td><a class="video" href="https://www.youtube.com/watch?v=jNQXAC9IVRw">The first video on YouTube</a></td>
294296
<td><code>{.video}</code></td>
295297
</tr>
298+
<tr>
299+
<td><a class="wiki" href="https://www.wikipedia.org/">About Wikipedia</a></td>
300+
<td><code>{.wiki}</code></td>
301+
</tr>
296302
</tbody>
297303
</table>
298304
<hr />
@@ -381,9 +387,10 @@ <h1 id="images">Images</h1>
381387
Here is an example:</p>
382388
<p><img src="../../pict/light_only.png" /> &nbsp;
383389
<img src="../../pict/light_only.png" class="light_only" /></p>
384-
<p>The first picture has thin black elements (arms, hands, feet and hair) that
385-
<a href="page_content_dark.html#images_on_dark_background_example">don't look well on the dark background</a>.
386-
The second picture has local white underlying plate and probably looks better.</p>
390+
<p><a href="page_content.html#images_on_dark_background_example">light scheme</a> |
391+
<a href="page_content_dark.html#images_on_dark_background_example">dark scheme</a></p>
392+
<p>The first picture has thin black elements (arms, hands, feet and hair) that don't look well on the
393+
dark background. The second picture has local white underlying plate and probably looks better.</p>
387394
<hr />
388395
<h1 id="lists">Lists</h1>
389396
<p>The following markup:</p>

‎doc/content/sections/page_content_dark.html‎

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -268,7 +268,9 @@ <h1 id="links">Links</h1>
268268
<li><code>[Some title](https://some.url.org){attributes}</code></li>
269269
<li><code>&lt;https://some.url.org&gt;{attributes}</code></li>
270270
</ul>
271-
<p>The following classes are defined in the provided CSS:</p>
271+
<p id="link_markers">The following classes are defined in the provided CSS to indicate link kinds
272+
(<a href="page_content.html#link_markers">light scheme</a>,
273+
<a href="page_content_dark.html#link_markers">dark scheme</a>):</p>
272274
<table>
273275
<thead>
274276
<tr>
@@ -293,6 +295,10 @@ <h1 id="links">Links</h1>
293295
<td><a class="video" href="https://www.youtube.com/watch?v=jNQXAC9IVRw">The first video on YouTube</a></td>
294296
<td><code>{.video}</code></td>
295297
</tr>
298+
<tr>
299+
<td><a class="wiki" href="https://www.wikipedia.org/">About Wikipedia</a></td>
300+
<td><code>{.wiki}</code></td>
301+
</tr>
296302
</tbody>
297303
</table>
298304
<hr />
@@ -381,9 +387,10 @@ <h1 id="images">Images</h1>
381387
Here is an example:</p>
382388
<p><img src="../../pict/light_only.png" /> &nbsp;
383389
<img src="../../pict/light_only.png" class="light_only" /></p>
384-
<p>The first picture has thin black elements (arms, hands, feet and hair) that
385-
<a href="page_content_dark.html#images_on_dark_background_example">don't look well on the dark background</a>.
386-
The second picture has local white underlying plate and probably looks better.</p>
390+
<p><a href="page_content.html#images_on_dark_background_example">light scheme</a> |
391+
<a href="page_content_dark.html#images_on_dark_background_example">dark scheme</a></p>
392+
<p>The first picture has thin black elements (arms, hands, feet and hair) that don't look well on the
393+
dark background. The second picture has local white underlying plate and probably looks better.</p>
387394
<hr />
388395
<h1 id="lists">Lists</h1>
389396
<p>The following markup:</p>

‎doc/layout/content.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -219,6 +219,12 @@ img.floatLeft {
219219
margin-right: 3px;
220220
}
221221

222+
.wiki::before {
223+
position: relative;
224+
bottom: -2px;
225+
margin-right: 3px;
226+
}
227+
222228
.right {
223229
text-align: right;
224230
}

‎doc/themes/dark/content_theme.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,10 @@ div.light_only+p>img, img.light_only {
146146
content: url("folder_link_dark.png");
147147
}
148148

149+
.wiki::before {
150+
content: url("wiki_link_dark.png");
151+
}
152+
149153
.th {
150154
background-color: #374e65;
151155
}

‎doc/themes/dark/wiki_link_dark.png‎

665 Bytes
Loading

‎doc/themes/light/content_theme.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,10 @@ div.admonition.note>p.admonition-title {
131131
content: url("folder_link.png");
132132
}
133133

134+
.wiki::before {
135+
content: url("wiki_link.png");
136+
}
137+
134138
.th {
135139
background-color: #e9f0f2;
136140
}

‎doc/themes/light/wiki_link.png‎

690 Bytes
Loading

‎doc_src/parts/page_content.txt‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -120,14 +120,18 @@ that will make the link text equal the link location.
120120
- `[Some title](https://some.url.org){attributes}`
121121
- `<https://some.url.org>{attributes}`
122122

123-
The following classes are defined in the provided CSS:
123+
The following classes are defined in the provided CSS to indicate link kinds
124+
([light scheme](<!--page page_content-->#link_markers),
125+
[dark scheme](<!--page page_content_dark-->#link_markers)):
126+
{#link_markers}
124127

125128
Link example | Attributes
126129
----|-----
127130
[HTML class Attribute](https://www.w3schools.com/html/html_classes.asp){.external} | `{.external}`
128131
[HTML 4.0 Specification (PDF)](https://www.w3.org/TR/1998/REC-html40-19980424/html40.pdf){.doc} | `{.doc}`
129132
<https://icons.getbootstrap.com/>{.folder} | `{.folder}`
130133
[The first video on YouTube](https://www.youtube.com/watch?v=jNQXAC9IVRw){.video} | `{.video}`
134+
[About Wikipedia](https://www.wikipedia.org/){.wiki} | `{.wiki}`
131135

132136
----------------------------------------------------------------------------------------------------
133137
<a name="anchor_demo"></a>
@@ -258,9 +262,11 @@ Here is an example:
258262
<img src="<!--path pict-->light_only.png" /> &nbsp;
259263
<img src="<!--path pict-->light_only.png" class="light_only" />
260264

261-
The first picture has thin black elements (arms, hands, feet and hair) that
262-
[don't look well on the dark background](<!--page page_content_dark-->#images_on_dark_background_example).
263-
The second picture has local white underlying plate and probably looks better.
265+
[light scheme](<!--page page_content-->#images_on_dark_background_example) |
266+
[dark scheme](<!--page page_content_dark-->#images_on_dark_background_example)
267+
268+
The first picture has thin black elements (arms, hands, feet and hair) that don't look well on the
269+
dark background. The second picture has local white underlying plate and probably looks better.
264270

265271
----------------------------------------------------------------------------------------------------
266272
# Lists

‎src/drawing.svg‎

Lines changed: 65 additions & 21 deletions
Loading

0 commit comments

Comments
 (0)