1
0
mirror of https://github.com/avinal/avinal.github.io.git synced 2026-07-03 23:30:09 +05:30

fix some style issue

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
This commit is contained in:
2022-09-08 19:07:00 +05:30
parent 80a054c8c0
commit 5e539dadaf
2 changed files with 78 additions and 65 deletions
+23
View File
@@ -14,10 +14,33 @@
<body>
<div id="app"></div>
<script src="/website/app.js"></script>
<script>
var app = Elm.Main.init({ node: document.getElementById("app") });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.7/clipboard.min.js"
crossorigin="anonymous"></script>
<script type="text/javascript">
$(function () {
// copy-btn HTML
var btn = "<span class=\"btn-copy tooltipped tooltipped-sw\" aria-label=\"Copy to clipboard!\">";
btn += '<i class="far fa-clone"></i>';
btn += '</span>';
// mount it!
$(".highlight table").before(btn);
var clip = new ClipboardJS('.btn-copy', {
text: function (trigger) {
return Array.from(trigger.nextElementSibling.querySelectorAll('.code')).reduce((str, it) => str + it.innerText + '\n', '')
}
});
clip.on('success', function (e) {
e.trigger.setAttribute('aria-label', "Copied!");
e.clearSelection();
})
})
</script>
</body>
</html>
+55 -65
View File
@@ -148,96 +148,86 @@ postString : String
postString =
"""
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header>
<div>
<h1 class="posttitle" itemprop="name headline">
Hello World
</h1>
<div class="meta">
<span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name"></span>
</span>
<div class="postdate">
<time datetime="2022-09-05T17:21:59.000Z" itemprop="datePublished">2022-09-05</time>
</div>
<div class="article-category">
<i class="fas fa-archive"></i>
<a class="category-link" href="/categories/tech/">tech<span class="category-count">1</span></a>
<time datetime="2016-11-14T12:19:32.000Z" itemprop="datePublished">2016-11-14</time>
</div>
<div class="article-tag">
<i class="fas fa-tag"></i>
<a class="tag-link-link" href="/tags/gyus-feaiugy/" rel="tag">gyus, feaiugy</a>
<a class="tag-link-link" href="/tags/example/" rel="tag">example</a>, <a class="tag-link-link"
href="/tags/features/" rel="tag">features</a>
</div>
</div>
</header>
</div>
<div class="content" itemprop="articleBody">
<p>Welcome to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a>! This is your very first post.
Check <a target="_blank" rel="noopener" href="https://hexo.io/docs/">documentation</a> for more info. If you
get any problems when using Hexo, you can find the answer in <a target="_blank" rel="noopener"
href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a
target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2>
<h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create
a new post</h3>
<figure class="highlight bash">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at dolor a sem consequat facilisis ut et
augue. Vestibulum vestibulum lectus erat, id tincidunt sapien laoreet non. Ut nec ante eu lorem posuere
fringilla sit amet in tortor.</p>
<h2 id="This-is-a-subtitle"><a href="#This-is-a-subtitle" class="headerlink" title="This is a subtitle"></a>This
is a subtitle</h2>
<p>Quisque ac maximus ligula, sed sagittis est. Integer venenatis pellentesque elit. Donec molestie turpis sit
amet sodales cursus. Sed at risus cursus, feugiat lacus sit amet, rutrum sem. Vestibulum accumsan dui urna,
vel feugiat lectus malesuada id. Quisque in interdum turpis, et pulvinar tortor. Vivamus tincidunt purus eu
libero viverra, at posuere dolor gravida.</p>
<figure class="highlight python">
<figcaption><span>Hello world
<http: //github.com /> hello_world.py
</span></figcaption>
<table>
<tr>
<td class="gutter">
<pre><span class="line">1</span><br></pre>
<pre><span class="line">1</span><br><span class="line">2</span><br></pre>
</td>
<td class="code">
<pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre>
</td>
</tr>
</table>
</figure>
<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/writing.html">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3>
<figure class="highlight bash">
<table>
<tr>
<td class="gutter">
<pre><span class="line">1</span><br></pre>
</td>
<td class="code">
<pre><span class="line">$ hexo server</span><br></pre>
</td>
</tr>
</table>
</figure>
<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/server.html">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink"
title="Generate static files"></a>Generate static files</h3>
<figure class="highlight bash">
<table>
<tr>
<td class="gutter">
<pre><span class="line">1</span><br></pre>
</td>
<td class="code">
<pre><span class="line">$ hexo generate</span><br></pre>
<pre><span class="line"><span class="built_in">print</span> <span class="string">&quot;Hello World!&quot;</span></span><br><span class="line">=&gt; <span class="string">&quot;Hello World!&quot;</span></span><br></pre>
</td>
</tr>
</table>
</figure>
<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/generating.html">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink"
title="Deploy to remote sites"></a>Deploy to remote sites</h3>
<figure class="highlight bash">
<table>
<tr>
<td class="gutter">
<pre><span class="line">1</span><br></pre>
</td>
<td class="code">
<pre><span class="line">$ hexo deploy</span><br></pre>
</td>
</tr>
</table>
</figure>
<h2 id="This-is-a-second-subtitle"><a href="#This-is-a-second-subtitle" class="headerlink"
title="This is a second subtitle"></a>This is a second subtitle</h2>
<p>Donec venenatis eu nunc non accumsan. Etiam elementum dapibus urna, ac mattis tortor volutpat a. Pellentesque
eu purus metus. Curabitur vel nulla ut odio congue vulputate. Morbi lacinia tellus sit amet facilisis
dictum. Nullam a erat felis. Vestibulum nec diam ac nisi pharetra tincidunt. Ut vitae ullamcorper ipsum. Sed
vehicula vehicula dolor. Quisque ac tortor a neque scelerisque venenatis.</p>
<img src="/assets/wallpaper-878514.jpg" class="" title="Wallpaper">
<p>More info: <a target="_blank" rel="noopener"
href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>
<blockquote class="pullquote right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis
feugiat.</p>
</blockquote>
<p>Mauris quis lorem id arcu lobortis finibus in quis mauris. Cras lacinia neque arcu, id viverra nunc pretium
eget. Aenean eu luctus diam. Maecenas blandit eros in fermentum cursus. Pellentesque hendrerit ipsum orci,
tempor facilisis est maximus at. Suspendisse potenti. Sed eleifend ullamcorper eleifend. Nullam tincidunt
eget ex vitae blandit. Donec molestie iaculis elementum. Interdum et malesuada fames ac ante ipsum primis in
faucibus. Maecenas in suscipit ex. Integer molestie felis mi, in commodo dolor fermentum a. Cras blandit
auctor enim, eu rhoncus turpis ullamcorper id.</p>
</div>
</article>