You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
234 lines
7.3 KiB
HTML
234 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="author" content="AvaFrame">
|
|
<meta name="description" content="https://avaframe.org">
|
|
<meta name="keywords" content="project,avalanche">
|
|
|
|
<meta property="og:site_name" content="AvaFrame">
|
|
<meta property="og:title" content="
|
|
Theme Demo - AvaFrame
|
|
">
|
|
<meta property="og:description" content="">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://avaframe.org/posts/theme-demo/">
|
|
<meta property="og:image" content="https://avaframe.org">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:site" content="https://avaframe.org/posts/theme-demo/">
|
|
<meta name="twitter:image" content="https://avaframe.org">
|
|
|
|
<base href="https://avaframe.org/posts/theme-demo/">
|
|
<title>
|
|
Theme Demo - AvaFrame
|
|
</title>
|
|
|
|
<link rel="canonical" href="https://avaframe.org/posts/theme-demo/">
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono:400,700">
|
|
<link rel="stylesheet" href="https://avaframe.org/css/normalize.min.css">
|
|
<link rel="stylesheet" href="https://avaframe.org/css/style.min.css">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/png" href="https://avaframe.org/images/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="https://avaframe.org/images/favicon-16x16.png" sizes="16x16">
|
|
|
|
|
|
<link rel="alternate" href="https://avaframe.org/index.xml" type="application/rss+xml" title="AvaFrame">
|
|
<link href="https://avaframe.org/index.xml" rel="feed" type="application/rss+xml" title="AvaFrame" />
|
|
|
|
|
|
<meta name="generator" content="Hugo 0.64.0" />
|
|
</head>
|
|
|
|
<body class="">
|
|
<main class="wrapper">
|
|
<nav class="navigation">
|
|
<section class="container">
|
|
<a class="navigation-title" href="/">AvaFrame</a>
|
|
<input type="checkbox" id="menu-control"/>
|
|
<label class="menu-mobile float-right " for="menu-control">
|
|
<span class="btn-mobile float-right ">☰</span>
|
|
<ul class="navigation-list">
|
|
|
|
|
|
<li class="navigation-item align-center ">
|
|
<a class="navigation-link" href="https://avaframe.org/about">About</a>
|
|
</li>
|
|
|
|
<li class="navigation-item align-center ">
|
|
<a class="navigation-link" href="https://avaframe.org/posts">Posts</a>
|
|
</li>
|
|
|
|
<li class="navigation-item align-center ">
|
|
<a class="navigation-link" href="https://avaframe.org/contact">Contact</a>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</label>
|
|
</section>
|
|
</nav>
|
|
|
|
|
|
<div class="content">
|
|
|
|
<section class="container post">
|
|
<article>
|
|
<header>
|
|
<h1 class="title">Theme Demo</h1>
|
|
<h2 class="date">August 3, 2018</h2>
|
|
|
|
|
|
<script type="text/javascript" async
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full">
|
|
MathJax.Hub.Config({
|
|
tex2jax: {
|
|
inlineMath: [['$','$']],
|
|
displayMath: [['$$','$$']],
|
|
processEscapes: true,
|
|
processEnvironments: true,
|
|
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
|
|
TeX: { extensions: ["AMSmath.js", "AMSsymbols.js"] }
|
|
}
|
|
});
|
|
MathJax.Hub.Queue(function() {
|
|
|
|
|
|
|
|
var all = MathJax.Hub.getAllJax(), i;
|
|
for(i = 0; i < all.length; i += 1) {
|
|
all[i].SourceElement().parentNode.className += ' has-jax';
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</header>
|
|
|
|
<h2 id="style-demo">Style Demo</h2>
|
|
<h1 id="h1-heading">h1 Heading</h1>
|
|
<h2 id="h2-heading">h2 Heading</h2>
|
|
<h3 id="h3-heading">h3 Heading</h3>
|
|
<h4 id="h4-heading">h4 Heading</h4>
|
|
<h5 id="h5-heading">h5 Heading</h5>
|
|
<h6 id="h6-heading">h6 Heading</h6>
|
|
<hr>
|
|
<p><strong>This is bold text</strong></p>
|
|
<p><strong>This is bold text</strong></p>
|
|
<p><em>This is italic text</em></p>
|
|
<p><em>This is italic text</em></p>
|
|
<p><del>Deleted text</del></p>
|
|
<p>This is text with inline math $\sum_{n=1}^{\infty} 2^{-n} = 1$ and with math blocks:</p>
|
|
<p>$$
|
|
\sum_{n=1}^{\infty} 2^{-n} = 1
|
|
$$</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th align="center">Heading</th>
|
|
<th align="center">Another heading</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td align="center">text</td>
|
|
<td align="center">text</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center">text</td>
|
|
<td align="center">text</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center">text</td>
|
|
<td align="center">text</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<blockquote>
|
|
<p>Block quotes are
|
|
written like so.</p>
|
|
<p>They can span multiple paragraphs,
|
|
if you like.</p>
|
|
</blockquote>
|
|
<p>Some text, and some <code>code</code> and then a nice plain <a href="https://github.com/davidhampgonsalves/davidhampgonsalves.com-hugo" title="title text!">link with title</a>.</p>
|
|
<p>and then</p>
|
|
<ul>
|
|
<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li>
|
|
<li>Sub-lists are made by indenting 2 spaces:
|
|
<ul>
|
|
<li>Marker character change forces new list start:
|
|
<ul>
|
|
<li>Ac tristique libero volutpat at</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>Very easy!</li>
|
|
</ul>
|
|
<p>vs.</p>
|
|
<ol>
|
|
<li>Lorem ipsum dolor sit amet</li>
|
|
<li>Consectetur adipiscing elit</li>
|
|
<li>Integer molestie lorem at massa</li>
|
|
</ol>
|
|
<h2 id="code">Code</h2>
|
|
<p>Inline <code>code</code></p>
|
|
<div class="highlight"><pre class="chroma"><code class="language-js" data-lang="js"><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="nx">bar</span><span class="o">++</span><span class="p">;</span>
|
|
<span class="p">}</span><span class="p">;</span>
|
|
|
|
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">foo</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span><span class="p">)</span><span class="p">;</span>
|
|
</code></pre></div><h2 id="private-content">Private Content</h2>
|
|
<p>You can create private content with this short code</p>
|
|
<div class="highlight"><pre class="chroma"><code class="language-fallback" data-lang="fallback">{% private %}
|
|
Write private content here
|
|
{% /private %}
|
|
</code></pre></div><p>When using for inspection, please add “{}” so that you can see the notation of shortcode</p>
|
|
|
|
</article>
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<section class="container">
|
|
|
|
|
|
<p>AvaFrame</p>
|
|
|
|
© 2020 · Powered by <a href="https://gohugo.io/">Hugo</a> & <a href="https://github.com/naro143/hugo-coder-portfolio">CoderPortfolio</a>.
|
|
|
|
</section>
|
|
</footer>
|
|
<div class="fixed-bar">
|
|
<section class="container">
|
|
|
|
<p id="privateTriggerText">Want to contact us? Visit our matrix room at: <a id="privateTrigger"
|
|
href="https://matrix.to/#/!qmUrKSNurDoVuKAtRU:matrix.avaframe.org?via=matrix.avaframe.org">
|
|
#public:matrix.avaframe.org</a></p>
|
|
|
|
</section>
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
<script src="https://avaframe.org/js/app.js"></script>
|
|
|
|
</body>
|
|
</html>
|