194 lines
5.7 KiB
HTML
194 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
||
<html><head>
|
||
<meta name="generator" content="Hugo 0.59.1" />
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="your description">
|
||
<meta name="Author" content="your name">
|
||
<meta name="keywords" content="hugo blog">
|
||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||
<title>title</title>
|
||
</head><body><aside id="sidenav">
|
||
<header>
|
||
|
||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||
|
||
|
||
<a id="branding" href="https://example.com">
|
||
|
||
title
|
||
|
||
</a>
|
||
</header>
|
||
|
||
<nav>
|
||
|
||
|
||
<a href="/"
|
||
|
||
>
|
||
<i class="fas fa-home fa-sm"></i>
|
||
<span>home</span>
|
||
</a>
|
||
|
||
|
||
<a href="/blog/"
|
||
|
||
>
|
||
<i class="fas fa-keyboard fa-ms"></i>
|
||
<span>blog</span>
|
||
</a>
|
||
|
||
|
||
<a href="/tags"
|
||
|
||
>
|
||
<i class="fas fa-tags fa-ms"></i>
|
||
<span>tags</span>
|
||
</a>
|
||
|
||
|
||
<a href="https://github.com/yourgithubusername23434"
|
||
|
||
target="_blanck"
|
||
|
||
>
|
||
<i class="fab fa-github fa-ms"></i>
|
||
<span>github</span>
|
||
</a>
|
||
|
||
|
||
<a href="/index.xml"
|
||
|
||
>
|
||
<i class="fas fa-rss fa-ms"></i>
|
||
<span>RSS</span>
|
||
</a>
|
||
|
||
|
||
<a href="/contact"
|
||
|
||
>
|
||
<i class="far fa-envelope"></i>
|
||
<span>contact</span>
|
||
</a>
|
||
|
||
</aside>
|
||
<main id="main">
|
||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||
<div class="content">
|
||
|
||
<div class="section">
|
||
<div class="section-title">recent</div>
|
||
|
||
|
||
<div class="list-item">
|
||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||
|
||
|
||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||
|
||
<div class="meta">
|
||
|
||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||
|
||
<br>
|
||
|
||
<i class="fas fa-tags"></i>
|
||
Tags: markdown, css, html, themes
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="list-item">
|
||
<a class="entry-title" href="/blog/rich-content/">Rich Content</a>
|
||
|
||
|
||
<p>A brief description of Hugo Shortcodes</p>
|
||
|
||
<div class="meta">
|
||
|
||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||
|
||
<br>
|
||
|
||
<i class="fas fa-tags"></i>
|
||
Tags: shortcodes, privacy
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="list-item">
|
||
<a class="entry-title" href="/blog/placeholder-text/">Placeholder Text</a>
|
||
|
||
|
||
<p>Lorem Ipsum Dolor Si Amet</p>
|
||
|
||
<div class="meta">
|
||
|
||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||
|
||
<br>
|
||
|
||
<i class="fas fa-tags"></i>
|
||
Tags: markdown, text
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="section">
|
||
<div class="section-title">μblog</div>
|
||
<div class="posts">
|
||
|
||
<div class="post">
|
||
|
||
<div class="meta pinned"> <i class="fas fa-thumbtack"></i> pinned </div>
|
||
|
||
<div class="post-content">
|
||
<p>welcome to my place</p>
|
||
|
||
</div>
|
||
<div class="meta post-footer"> <span>Apr 11 2020 06:49 UTC+02</span> <a href="/posts/post1/"><i class="fas fa-link"></i> link</a></div>
|
||
</div>
|
||
|
||
<div class="post">
|
||
|
||
<div class="post-content">
|
||
<p>this is a micro blog used for short updates and link sharing, you can configure its behavior in config.toml</p>
|
||
|
||
</div>
|
||
<div class="meta post-footer"> <span>Apr 11 2020 06:49 UTC+02</span> <a href="/posts/post2/"><i class="fas fa-link"></i> link</a></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div><footer>
|
||
<div class="footer-content">
|
||
<div class="contact-info">
|
||
|
||
<div class="footer-mail">
|
||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||
|
||
|
||
<div class="footer-phone">
|
||
<i class="fas fa-phone"></i> 8888888888
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||
|
||
</div>
|
||
</footer></main>
|
||
</body>
|
||
<script src=https://example.com/js/navbutton.js></script>
|
||
</html>
|