mirror of
https://github.com/JimenezJC/mshj_blog.git
synced 2025-12-06 07:59:56 -05:00
141 lines
7.1 KiB
HTML
141 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="Lorem ipsum1 dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus.
|
|
Sample heading 1
|
|
Sample heading 2
|
|
Sample heading 3
|
|
Sample heading 4
|
|
Sample heading 5
|
|
Sample heading 6
|
|
Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod.">
|
|
|
|
<title>
|
|
|
|
overview
|
|
|
|
</title>
|
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/" />
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/main.900100e9dbee2d56c58fac8bb717037cae7e26a9c36c29d2ff587bdd65f0cbbe510b41d81a3bb234919cdfdc7550d786b2fab70c8fc507772d732fe097106d12.css" integrity="sha512-kAEA6dvuLVbFj6yLtxcDfK5+JqnDbCnS/1h73WXwy75RC0HYGjuyNJGc39x1UNeGsvq3DI/FB3ctcy/glxBtEg==" />
|
|
|
|
</head>
|
|
<body a="auto">
|
|
<main class="page-content" aria-label="Content">
|
|
<div class="w">
|
|
<div class="post-meta">
|
|
<a href="/">..</a>
|
|
|
|
<p>
|
|
<time datetime="2020-07-07 00:00:00 +0800 +0800">
|
|
2020-07-07
|
|
</time>
|
|
</p>
|
|
</div>
|
|
|
|
<article>
|
|
<h1>overview</h1>
|
|
|
|
|
|
|
|
<p>Lorem ipsum<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus.</p>
|
|
<h1 id="sample-heading-1">Sample heading 1</h1>
|
|
<h2 id="sample-heading-2">Sample heading 2</h2>
|
|
<h3 id="sample-heading-3">Sample heading 3</h3>
|
|
<h4 id="sample-heading-4">Sample heading 4</h4>
|
|
<h5 id="sample-heading-5">Sample heading 5</h5>
|
|
<h6 id="sample-heading-6">Sample heading 6</h6>
|
|
<p>Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod.</p>
|
|
<h2 id="lists">Lists</h2>
|
|
<p>Unordered:</p>
|
|
<ul>
|
|
<li>Fusce non velit cursus ligula mattis convallis vel at metus<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>.</li>
|
|
<li>Sed pharetra tellus massa, non elementum eros vulputate non.</li>
|
|
<li>Suspendisse potenti.</li>
|
|
</ul>
|
|
<p>Ordered:</p>
|
|
<ol>
|
|
<li>Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc.</li>
|
|
<li>Sed massa quam, auctor in eros quis, porttitor tincidunt orci.</li>
|
|
<li>Nulla convallis id sapien ornare viverra.</li>
|
|
<li>Nam a est eget ligula pellentesque posuere.</li>
|
|
</ol>
|
|
<h2 id="blockquote">Blockquote</h2>
|
|
<p>The following is a blockquote:</p>
|
|
<blockquote>
|
|
<p>Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus.</p></blockquote>
|
|
<h2 id="thematic-breaks-">Thematic breaks (<!-- raw HTML omitted -->)</h2>
|
|
<p>Mauris viverra dictum ultricies<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup>. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. <strong>You can put some text inside the horizontal rule like so.</strong></p>
|
|
<hr>
|
|
<p>{data-content = “with text”}</p>
|
|
<p>Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. <strong>Or you can just have an clean horizontal rule.</strong></p>
|
|
<hr>
|
|
<p>Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. Or you can just have an clean horizontal rule.</p>
|
|
<h2 id="code">Code</h2>
|
|
<p>Now some code:</p>
|
|
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#66d9ef">const</span> <span style="color:#a6e22e">ultimateTruth</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">'this theme is the best!'</span>;
|
|
</span></span><span style="display:flex;"><span><span style="color:#a6e22e">console</span>.<span style="color:#a6e22e">log</span>(<span style="color:#a6e22e">ultimateTruth</span>);</span></span></code></pre></div>
|
|
<p>And here is some <code>inline code</code>!</p>
|
|
<h2 id="tables">Tables</h2>
|
|
<p>Now a table:</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Tables</th>
|
|
<th style="text-align: center">Are</th>
|
|
<th style="text-align: right">Cool</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>col 3 is</td>
|
|
<td style="text-align: center">right-aligned</td>
|
|
<td style="text-align: right">$1600</td>
|
|
</tr>
|
|
<tr>
|
|
<td>col 2 is</td>
|
|
<td style="text-align: center">centered</td>
|
|
<td style="text-align: right">$12</td>
|
|
</tr>
|
|
<tr>
|
|
<td>zebra stripes</td>
|
|
<td style="text-align: center">are neat</td>
|
|
<td style="text-align: right">$1</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2 id="images">Images</h2>
|
|
<p><img src="https://raw.githubusercontent.com/Masellum/hugo-theme-nostyleplease/main/logo.png" alt="theme logo">
|
|
{.ioda}</p>
|
|
<p>Logo of <em>no style, please!</em> theme<sup id="fnref:4"><a href="#fn:4" class="footnote-ref" role="doc-noteref">4</a></sup></p>
|
|
<hr>
|
|
<p>{data-content = “footnotes”}</p>
|
|
<div class="footnotes" role="doc-endnotes">
|
|
<hr>
|
|
<ol>
|
|
<li id="fn:1">
|
|
<p>this is a footnote. It should highlight if you click on the corresponding superscript number. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
|
</li>
|
|
<li id="fn:2">
|
|
<p>hey there, i’m using no style please! <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
|
</li>
|
|
<li id="fn:3">
|
|
<p>this is another footnote. <a href="#fnref:3" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
|
</li>
|
|
<li id="fn:4">
|
|
<p>this is a very very long footnote to test if a very very long footnote brings some problems or not. I strongly hope that there are no problems but you know sometimes problems arise from nowhere. <a href="#fnref:4" class="footnote-backref" role="doc-backlink">↩︎</a></p>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</div>
|
|
</main>
|
|
</body></html>
|