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> <body>
<div id="app"></div> <div id="app"></div>
<script src="/website/app.js"></script> <script src="/website/app.js"></script>
<script> <script>
var app = Elm.Main.init({ node: document.getElementById("app") }); var app = Elm.Main.init({ node: document.getElementById("app") });
</script> </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> </body>
</html> </html>
+55 -65
View File
@@ -148,96 +148,86 @@ postString : String
postString = postString =
""" """
<article class="post" itemscope itemtype="http://schema.org/BlogPosting"> <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header> <div>
<h1 class="posttitle" itemprop="name headline"> <h1 class="posttitle" itemprop="name headline">
Hello World Hello World
</h1> </h1>
<div class="meta"> <div class="meta">
<span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person"> <span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name"></span> <span itemprop="name"></span>
</span> </span>
<div class="postdate"> <div class="postdate">
<time datetime="2022-09-05T17:21:59.000Z" itemprop="datePublished">2022-09-05</time>
</div> <time datetime="2016-11-14T12:19:32.000Z" itemprop="datePublished">2016-11-14</time>
<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>
</div> </div>
<div class="article-tag"> <div class="article-tag">
<i class="fas fa-tag"></i> <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> </div>
</div> </div>
</header>
<div class="content" itemprop="articleBody"> <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. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at dolor a sem consequat facilisis ut et
Check <a target="_blank" rel="noopener" href="https://hexo.io/docs/">documentation</a> for more info. If you augue. Vestibulum vestibulum lectus erat, id tincidunt sapien laoreet non. Ut nec ante eu lorem posuere
get any problems when using Hexo, you can find the answer in <a target="_blank" rel="noopener" fringilla sit amet in tortor.</p>
href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a <h2 id="This-is-a-subtitle"><a href="#This-is-a-subtitle" class="headerlink" title="This is a subtitle"></a>This
target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p> is a subtitle</h2>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2> <p>Quisque ac maximus ligula, sed sagittis est. Integer venenatis pellentesque elit. Donec molestie turpis sit
<h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create amet sodales cursus. Sed at risus cursus, feugiat lacus sit amet, rutrum sem. Vestibulum accumsan dui urna,
a new post</h3> vel feugiat lectus malesuada id. Quisque in interdum turpis, et pulvinar tortor. Vivamus tincidunt purus eu
<figure class="highlight bash"> libero viverra, at posuere dolor gravida.</p>
<figure class="highlight python">
<figcaption><span>Hello world
<http: //github.com /> hello_world.py
</span></figcaption>
<table> <table>
<tr> <tr>
<td class="gutter"> <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>
<td class="code"> <td class="code">
<pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></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/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>
</td> </td>
</tr> </tr>
</table> </table>
</figure> </figure>
<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/generating.html">Generating</a></p> <h2 id="This-is-a-second-subtitle"><a href="#This-is-a-second-subtitle" class="headerlink"
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="This is a second subtitle"></a>This is a second subtitle</h2>
title="Deploy to remote sites"></a>Deploy to remote sites</h3> <p>Donec venenatis eu nunc non accumsan. Etiam elementum dapibus urna, ac mattis tortor volutpat a. Pellentesque
<figure class="highlight bash"> eu purus metus. Curabitur vel nulla ut odio congue vulputate. Morbi lacinia tellus sit amet facilisis
<table> dictum. Nullam a erat felis. Vestibulum nec diam ac nisi pharetra tincidunt. Ut vitae ullamcorper ipsum. Sed
<tr> vehicula vehicula dolor. Quisque ac tortor a neque scelerisque venenatis.</p>
<td class="gutter"> <img src="/assets/wallpaper-878514.jpg" class="" title="Wallpaper">
<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>
<p>More info: <a target="_blank" rel="noopener" <blockquote class="pullquote right">
href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p> <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> </div>
</article> </article>