parent
817953c6f1
commit
29c7ad1ced
13 changed files with 532 additions and 457 deletions
239
tests/control_css/css/test.css
Normal file
239
tests/control_css/css/test.css
Normal file
|
|
@ -0,0 +1,239 @@
|
|||
/*template asciidoctor skin from https://github.com/darshandsoni/asciidoctor-skins/blob/gh-pages/css/template.css*/
|
||||
/*
|
||||
* The MIT License (MIT)
|
||||
*
|
||||
* Copyright (c) 2016 Darshan Soni
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
* SOFTWARE.
|
||||
/* document body (contains all content) */
|
||||
body {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* document header (contains title etc) */
|
||||
#header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* headings */
|
||||
h1 {
|
||||
color: purple;
|
||||
}
|
||||
h2 {
|
||||
color: chartreuse;
|
||||
}
|
||||
h3 {
|
||||
color: coral;
|
||||
}
|
||||
h4 {
|
||||
color: darkcyan;
|
||||
}
|
||||
h5 {
|
||||
color: darkslategray;
|
||||
}
|
||||
h6 {
|
||||
color: olive;
|
||||
}
|
||||
|
||||
/* Table of Contents sidebar */
|
||||
#toc {
|
||||
background-color: plum!important;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* title of the TOC */
|
||||
#toctitle {
|
||||
color: white;
|
||||
}
|
||||
/* top-level entries in TOC */
|
||||
.sectlevel1 {
|
||||
background-color: palegoldenrod;
|
||||
}
|
||||
/* second-level entries in TOC */
|
||||
.sectlevel2 {
|
||||
background-color: palegreen;
|
||||
}
|
||||
|
||||
/* main content window */
|
||||
#content {
|
||||
background-color: lavender;
|
||||
color: navy;
|
||||
}
|
||||
|
||||
/* plain paragraph text */
|
||||
.paragraph {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
/* blockquote text */
|
||||
.quoteblock {
|
||||
font-style: italic;
|
||||
}
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* the quotation mark itself (before the block) */
|
||||
.quoteblock blockquote::before {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
/* blockquote attribution text */
|
||||
.attribution {
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
/* blockquote citation (work where quote cited) */
|
||||
cite {
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
/* ordered list */
|
||||
ol {
|
||||
color: red;
|
||||
}
|
||||
.olist {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* unordered list */
|
||||
ul {
|
||||
color: blue;
|
||||
}
|
||||
.ulist {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
/* links */
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* bold text */
|
||||
strong {
|
||||
color: green;
|
||||
}
|
||||
|
||||
/* italic text */
|
||||
em {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
/* underlined text */
|
||||
u {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
/* deleted text */
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
color: red;
|
||||
}
|
||||
/* inserted text */
|
||||
ins {
|
||||
text-decoration: overline;
|
||||
color: green;
|
||||
}
|
||||
|
||||
/* strikethrough text */
|
||||
s {
|
||||
text-decoration-color: red;
|
||||
}
|
||||
|
||||
/* superscript text */
|
||||
sup {}
|
||||
/* subscript text */
|
||||
sub {}
|
||||
|
||||
/* small text */
|
||||
small {}
|
||||
|
||||
/* highlighted text */
|
||||
mark {}
|
||||
|
||||
/* horizontal rules */
|
||||
hr {}
|
||||
|
||||
/* table */
|
||||
table {}
|
||||
/* table caption */
|
||||
caption {}
|
||||
/* table header row */
|
||||
thead {}
|
||||
/* table header cell */
|
||||
th {}
|
||||
/* table row */
|
||||
tr {}
|
||||
/* table footer */
|
||||
tfoot {}
|
||||
/* table cell */
|
||||
td {}
|
||||
/* table body */
|
||||
tbody {}
|
||||
|
||||
/* inline code */
|
||||
code {
|
||||
background-color: papayawhip!important;
|
||||
}
|
||||
/* pre-formatted text */
|
||||
pre {
|
||||
background-color: burlywood!important;
|
||||
}
|
||||
.literalblock {
|
||||
background-color: burlywood!important;
|
||||
}
|
||||
|
||||
/* image */
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
/* image caption */
|
||||
.imageblock .title {
|
||||
font-weight: bold!important;
|
||||
}
|
||||
|
||||
/* audio */
|
||||
audio {}
|
||||
/* video */
|
||||
video {}
|
||||
|
||||
/* footer section */
|
||||
#footer {
|
||||
background-color: gray;
|
||||
color: red;
|
||||
}
|
||||
/* footer text (by default contains time of last document update) */
|
||||
#footer-text {
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Responsiveness fixes */
|
||||
video {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
table {
|
||||
width: 55vw!important;
|
||||
font-size: 3vw;
|
||||
}
|
||||
16
tests/control_css/dir/collatz.py
Executable file
16
tests/control_css/dir/collatz.py
Executable file
|
|
@ -0,0 +1,16 @@
|
|||
|
||||
def nextInSequence(number):
|
||||
if isinstance(number, int):
|
||||
if number % 2 == 0:
|
||||
return number // 2
|
||||
else:
|
||||
return 3*number+1
|
||||
else:
|
||||
raise TypeError('input must be int!')
|
||||
|
||||
def seqenceLength(number):
|
||||
length = 0
|
||||
while number != 1:
|
||||
number = nextInSequence(number)
|
||||
length += 1
|
||||
return length
|
||||
67
tests/control_css/dir/subdir/linked.html
Normal file
67
tests/control_css/dir/subdir/linked.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="generator" content="Asciidoctor 2.0.17">
|
||||
<meta name="author" content="Gabe Venberg">
|
||||
<title>relatively linked doc</title>
|
||||
<link rel="stylesheet" href="../../css/test.css">
|
||||
</head>
|
||||
<body class="article">
|
||||
<div id="header">
|
||||
<h1>relatively linked doc</h1>
|
||||
<div class="details">
|
||||
<span id="author" class="author">Gabe Venberg</span><br>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div id="test-pattern" class="imageblock">
|
||||
<div class="content">
|
||||
<a class="image" href="git.venberg.xyz/Gabe/adocStaticSiteGen"><img src="../../images/test_pattern.svg" alt="Stand By"></a>
|
||||
</div>
|
||||
<div class="title">Figure 1. Technical Difficulties</div>
|
||||
</div>
|
||||
<div class="quoteblock">
|
||||
<blockquote>
|
||||
While the creative works from the 16th century can still be accessed and used by others, the data in some software programs from the 1990s is already inaccessible. Once a company that produces a certain product goes out of business, it has no simple way to uncover how its product encoded data. The code is thus lost, and the software is inaccessible. Knowledge has been destroyed.
|
||||
</blockquote>
|
||||
<div class="attribution">
|
||||
— Lawrence Lessig<br>
|
||||
<cite>May the Source Be With You</cite>
|
||||
</div>
|
||||
</div>
|
||||
<div class="verseblock">
|
||||
<pre class="content">Three Rings for the Elven-kings under the sky,
|
||||
Seven for the dwarf-lords in their halls of stone,
|
||||
Nine for Mortal Men doomed to die,
|
||||
One for the Dark Lord on his dark throne,
|
||||
In the Land of Mordor where the Shadows lie.
|
||||
One Ring to rule them all, One Ring to find them,
|
||||
One Ring to bring them all and in the darkness bind them
|
||||
In the Land of Mordor where the Shadows lie.</pre>
|
||||
<div class="attribution">
|
||||
— J.R.R. Tolkien<br>
|
||||
<cite>The Fellowship of the Ring</cite>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><a href="https://git.venberg.xyz/Gabe/adocStaticSiteGen" class="bare">https://git.venberg.xyz/Gabe/adocStaticSiteGen</a></p>
|
||||
</div>
|
||||
<div class="videoblock">
|
||||
<div class="title">A mechanical marvel</div>
|
||||
<div class="content">
|
||||
<iframe src="https://www.youtube.com/embed/IvUU8joBb1Q?rel=0" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><a href="../../landing_page.html#_link_tests">back to where you came!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div id="footer-text">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
2495
tests/control_css/images/test_pattern.svg
Normal file
2495
tests/control_css/images/test_pattern.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 119 KiB |
506
tests/control_css/landing_page.html
Normal file
506
tests/control_css/landing_page.html
Normal file
|
|
@ -0,0 +1,506 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="generator" content="Asciidoctor 2.0.17">
|
||||
<meta name="author" content="Gabe Venberg">
|
||||
<title>test page for an adoc static site generator.</title>
|
||||
<link rel="stylesheet" href="css/test.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
</head>
|
||||
<body class="article">
|
||||
<div id="header">
|
||||
<h1>test page for an adoc static site generator.</h1>
|
||||
<div class="details">
|
||||
<span id="author" class="author">Gabe Venberg</span><br>
|
||||
</div>
|
||||
<div id="toc" class="toc">
|
||||
<div id="toctitle">Table of Contents</div>
|
||||
<ul class="sectlevel1">
|
||||
<li><a href="#_inline_formatting_tests">inline formatting tests</a></li>
|
||||
<li><a href="#_link_tests">link tests</a></li>
|
||||
<li><a href="#_tables_test">tables test</a></li>
|
||||
<li><a href="#_included_section">included section</a>
|
||||
<ul class="sectlevel2">
|
||||
<li><a href="#_blocks">blocks</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div id="preamble">
|
||||
<div class="sectionbody">
|
||||
<div class="admonitionblock important">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="icon">
|
||||
<i class="fa icon-important" title="Important"></i>
|
||||
</td>
|
||||
<td class="content">
|
||||
Test the links in this page!
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Phasellus mi tellus, suscipit in dolor nec, faucibus aliquam nulla.
|
||||
Mauris gravida, felis commodo molestie tincidunt, sem erat varius lorem, nec lobortis eros sem ut augue.
|
||||
Donec suscipit tristique imperdiet.
|
||||
Sed maximus est ultrices urna imperdiet, vitae facilisis eros posuere.
|
||||
Quisque a mollis mauris.
|
||||
Pellentesque fermentum, libero sed sollicitudin interdum, dolor nunc euismod purus, et laoreet tellus augue vitae turpis.
|
||||
Pellentesque condimentum elit quis semper tincidunt.
|
||||
Nullam consectetur euismod accumsan.
|
||||
In dictum nibh ut iaculis euismod.
|
||||
Phasellus ut nibh non ipsum volutpat cursus.
|
||||
Sed eleifend, enim vitae ultrices auctor, dolor ipsum molestie dui, id dignissim massa neque a mauris.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sect1">
|
||||
<h2 id="_inline_formatting_tests">inline formatting tests</h2>
|
||||
<div class="sectionbody">
|
||||
<div class="paragraph">
|
||||
<p><strong>bold test</strong></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><em>italics test</em></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>'monospace test'</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>'<strong>monospace bold test</strong>'</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>'<em>monospace italic test</em>'</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><em>*italic bold test*</em></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>'<strong><em>all three test</em></strong>'</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>*escaped bold test*</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><u>underline test using html passthrough test</u></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>*escaped bold test with plus*</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>→ ⇒ ← ⇐</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>==colapsable block</p>
|
||||
</div>
|
||||
<details>
|
||||
<summary class="title">Details</summary>
|
||||
<div class="content">
|
||||
<div class="paragraph">
|
||||
<p>== list tests</p>
|
||||
</div>
|
||||
<div class="ulist">
|
||||
<div class="title">unordered list test</div>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Lorum</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>ipsum</p>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>dolor</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sit</p>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>amet</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>consectetur</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="olist arabic">
|
||||
<div class="title">ordered list test.</div>
|
||||
<ol class="arabic">
|
||||
<li>
|
||||
<p>Lorum</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>ipsum</p>
|
||||
<div class="olist loweralpha">
|
||||
<ol class="loweralpha" type="a">
|
||||
<li>
|
||||
<p>dolor</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sit</p>
|
||||
<div class="olist lowerroman">
|
||||
<ol class="lowerroman" type="i">
|
||||
<li>
|
||||
<p>amet</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>consectetur</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="olist arabic">
|
||||
<div class="title">reversed ordered list test.</div>
|
||||
<ol class="arabic" reversed>
|
||||
<li>
|
||||
<p>Lorum</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>ipsum</p>
|
||||
<div class="olist loweralpha">
|
||||
<ol class="loweralpha" type="a">
|
||||
<li>
|
||||
<p>dolor</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sit</p>
|
||||
<div class="olist lowerroman">
|
||||
<ol class="lowerroman" type="i">
|
||||
<li>
|
||||
<p>amet</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>consectetur</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="olist arabic">
|
||||
<div class="title">mixed list</div>
|
||||
<ol class="arabic">
|
||||
<li>
|
||||
<p>Lorum</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>ipsum</p>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>dolor</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sit</p>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>amet</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>consectetur</p>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>adipiscing</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>elit</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
<div class="paragraph">
|
||||
<div class="title">math test</div>
|
||||
<p>\(\frac{\frac{1}{x}+\frac{1}{y}}{y-z}\)</p>
|
||||
</div>
|
||||
<div class="stemblock">
|
||||
<div class="content">
|
||||
\$[[a,b\],[c,d\]\]((n),(k))\$
|
||||
</div>
|
||||
</div>
|
||||
<div class="hdlist">
|
||||
<div class="title">description list test</div>
|
||||
<table>
|
||||
<tr>
|
||||
<td class="hdlist1">
|
||||
test
|
||||
</td>
|
||||
<td class="hdlist2">
|
||||
<p>to make sure software works correctly</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="hdlist1">
|
||||
git
|
||||
</td>
|
||||
<td class="hdlist2">
|
||||
<p>a gift from the machine spirits</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="hdlist1">
|
||||
printers
|
||||
</td>
|
||||
<td class="hdlist2">
|
||||
<p>the greatest evil to ever befall IT.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sect1">
|
||||
<h2 id="_link_tests">link tests</h2>
|
||||
<div class="sectionbody">
|
||||
<div class="paragraph">
|
||||
<p>Lets go back to the <a href="#list tests">[list tests]</a> or to the <a href="#_tables_test">tables</a></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><a href="https://git.venberg.xyz/Gabe/adocStaticSiteGen">gittea absolute link</a></p>
|
||||
</div>
|
||||
<div class="imageblock">
|
||||
<div class="content">
|
||||
<a class="image" href="https://git.venberg.xyz/Gabe/adocStaticSiteGen"><img src="images/test_pattern.svg" alt="Stand By"></a>
|
||||
</div>
|
||||
<div class="title">Figure 1. Technical Difficulties</div>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><a href="dir/subdir/linked.html">link!</a></p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p><a href="dir/subdir/linked.html">xref!</a></p>
|
||||
</div>
|
||||
<div class="listingblock">
|
||||
<div class="title">Source code test</div>
|
||||
<div class="content">
|
||||
<pre class="highlight"><code class="language-python" data-lang="python">def nextInSequence(number):
|
||||
if isinstance(number, int):
|
||||
if number % 2 == 0:
|
||||
return number // 2
|
||||
else:
|
||||
return 3*number+1
|
||||
else:
|
||||
raise TypeError('input must be int!')
|
||||
|
||||
def seqenceLength(number):
|
||||
length = 0
|
||||
while number != 1:
|
||||
number = nextInSequence(number)
|
||||
length += 1
|
||||
return length</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sect1">
|
||||
<h2 id="_tables_test">tables test</h2>
|
||||
<div class="sectionbody">
|
||||
<table class="tableblock frame-all grid-all stretch">
|
||||
<colgroup>
|
||||
<col style="width: 33.3333%;">
|
||||
<col style="width: 33.3333%;">
|
||||
<col style="width: 33.3334%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="tableblock halign-left valign-top">Name</th>
|
||||
<th class="tableblock halign-left valign-top">Group</th>
|
||||
<th class="tableblock halign-left valign-top">Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="tableblock halign-left valign-top"><p class="tableblock">Firefox</p></td>
|
||||
<td class="tableblock halign-left valign-top"><p class="tableblock">Web Browser</p></td>
|
||||
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
|
||||
<p>Mozilla Firefox is an open-source web browser.
|
||||
It’s designed for:</p>
|
||||
</div>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>standards compliance,</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>performance and</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>portability.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tableblock halign-left valign-top"><p class="tableblock">Ruby</p></td>
|
||||
<td class="tableblock halign-left valign-top"><p class="tableblock">Programming Language</p></td>
|
||||
<td class="tableblock halign-left valign-top"><p class="tableblock">A programmer’s best friend.</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sect1">
|
||||
<h2 id="_included_section">included section</h2>
|
||||
<div class="sectionbody">
|
||||
<div class="paragraph">
|
||||
<p>Fusce maximus nec magna eu ultricies.
|
||||
Fusce quis tellus vitae arcu facilisis lobortis.
|
||||
Donec id erat at enim porta placerat in vitae sapien.
|
||||
Duis justo arcu, hendrerit nec nulla eu, dictum dapibus ipsum.
|
||||
Sed fermentum id elit eget fringilla.
|
||||
Suspendisse volutpat imperdiet justo, ut efficitur odio maximus et.
|
||||
Nunc interdum sollicitudin eros sit amet convallis.
|
||||
Praesent volutpat tempus metus id tincidunt.
|
||||
Proin aliquet justo a fermentum consectetur.
|
||||
Nunc scelerisque, nisi id scelerisque dictum, nibh lectus ultrices nunc, quis ultricies erat velit sit amet urna.
|
||||
Maecenas orci felis, volutpat at bibendum ut, mattis eu justo.</p>
|
||||
</div>
|
||||
<div class="sect2">
|
||||
<h3 id="_blocks">blocks</h3>
|
||||
<div class="listingblock">
|
||||
<div class="title">listing block</div>
|
||||
<div class="content">
|
||||
<pre>example of _listing block_
|
||||
with verbatim line break</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="exampleblock">
|
||||
<div class="title">Example 1. example block</div>
|
||||
<div class="content">
|
||||
<div class="paragraph">
|
||||
<p>example block
|
||||
with line break</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="literalblock">
|
||||
<div class="title">literal block</div>
|
||||
<div class="content">
|
||||
<pre>_literal_ block
|
||||
with line break</pre>
|
||||
</div>
|
||||
</div>
|
||||
pass block
|
||||
with <u>underlined text</u>
|
||||
<div class="quoteblock">
|
||||
<div class="title">quote block</div>
|
||||
<blockquote>
|
||||
<div class="paragraph">
|
||||
<p>quote block
|
||||
with line break</p>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="sidebarblock">
|
||||
<div class="content">
|
||||
<div class="title">sidebar block</div>
|
||||
<div class="paragraph">
|
||||
<p>sidebar block
|
||||
with line break</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="admonitionblock note">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="icon">
|
||||
<i class="fa icon-note" title="Note"></i>
|
||||
</td>
|
||||
<td class="content">
|
||||
<div class="paragraph">
|
||||
<p>This is an example of an admonition block.</p>
|
||||
</div>
|
||||
<div class="paragraph">
|
||||
<p>Unlike an admonition paragraph, it may contain any AsciiDoc content.
|
||||
The style can be any one of the admonition labels:</p>
|
||||
</div>
|
||||
<div class="ulist">
|
||||
<ul>
|
||||
<li>
|
||||
<p>NOTE</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>TIP</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>WARNING</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>CAUTION</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>IMPORTANT</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div id="footer-text">
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({
|
||||
messageStyle: "none",
|
||||
tex2jax: {
|
||||
inlineMath: [["\\(", "\\)"]],
|
||||
displayMath: [["\\[", "\\]"]],
|
||||
ignoreClass: "nostem|nolatexmath"
|
||||
},
|
||||
asciimath2jax: {
|
||||
delimiters: [["\\$", "\\$"]],
|
||||
ignoreClass: "nostem|noasciimath"
|
||||
},
|
||||
TeX: { equationNumbers: { autoNumber: "none" } }
|
||||
})
|
||||
MathJax.Hub.Register.StartupHook("AsciiMath Jax Ready", function () {
|
||||
MathJax.InputJax.AsciiMath.postfilterHooks.Add(function (data, node) {
|
||||
if ((node = data.script.parentNode) && (node = node.parentNode) && node.classList.contains("stemblock")) {
|
||||
data.math.root.display = "block"
|
||||
}
|
||||
return data
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue