<!doctype html> <html lang="en"> <head> <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="author" content="Liste - https://maverick.canhtran.me"> <title>Posts | Maverick</title> <meta name="description" content="A minimal hugo theme focus on content"> <meta property="og:title" content="Posts" /> <meta property="og:description" content="A minimal hugo theme focus on content" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://maverick.canhtran.me/posts/" /> <meta itemprop="name" content="Posts"> <meta itemprop="description" content="A minimal hugo theme focus on content"> <link rel="canonical" href="https://maverick.canhtran.me/posts/"> <link rel="icon" href="https://maverick.canhtran.me/assets/favicon.ico"> <link rel="dns-prefetch" href="https://www.google-analytics.com"> <link href="https://www.google-analytics.com" rel="preconnect" crossorigin> <link rel="alternate" type="application/atom+xml" title="Maverick" href="https://maverick.canhtran.me/atom.xml" /> <link rel="alternate" type="application/json" title="Maverick" href="https://maverick.canhtran.me/feed.json" /> <link rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="> <style>*,:after,:before{box-sizing:border-box;padding:0}body{font:1rem/1.5 '-apple-system',BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:2rem;background:#f5f5f5;color:#000}.skip-link{position:absolute;top:-40px;left:0;background:#eee;z-index:100}.skip-link:focus{top:0}h1,h2,h3,h4,h5,strong,b{font-size:inherit;font-weight:600}header{line-height:2;padding-bottom:1.5rem}.link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.time{font-variant-numeric:tabular-nums;white-space:nowrap}blockquote{border-left:5px solid #eee;padding-left:1rem;margin:0}a,a:visited{color:inherit}a:hover,a.heading-link{text-decoration:none}pre{padding:.5rem;overflow:auto;overflow-x:scroll;overflow-wrap:normal}code,pre{font-family:San Francisco Mono,Monaco,consolas,lucida console,dejavu sans mono,bitstream vera sans mono,monospace;font-size:normal;font-size:small;background:#eee}code{padding:.1rem;border:none}ul{list-style-type:square}ul,ol{padding-left:1.2rem}.list{line-height:2;list-style-type:none;padding-left:0}.list li{padding-bottom:.1rem}.meta{color:#777}.content{max-width:70ch;margin:0 auto;text-align:justify}header{line-height:2;display:flex;justify-content:space-between;padding-bottom:1rem}header a{text-decoration:none}header ul{list-style-type:none;padding:0}header li,header a{display:inline}h2.post{padding-top:.5rem}header ul a:first-child{padding-left:1rem}.nav{height:1px;background:#000;content:'';max-width:10%}.list li{display:flex;align-items:baseline}.list li time{flex:initial}.hr-list{margin-top:0;margin-bottom:0;margin-right:.5rem;margin-left:.5rem;height:1px;border:0;border-bottom:1px dotted #ccc;flex:1 0 1rem}.m,hr{border:0;margin:3rem 0}img{max-width:100%;height:auto}.post-date{margin:5% 0}.index-date{color:#9a9a9a}.animate-blink{animation:opacity 1s infinite;opacity:1}@keyframes opacity{0%{opacity:1}50%{opacity:.5}100%{opacity:0}}.tags{display:flex;justify-content:space-between}.tags ul{padding:0;margin:0}.tags li{display:inline}.avatar{height:120px;width:120px;position:relative;margin:-10px 0 0 15px;float:right;border-radius:50%}</style> </head> <body> <a class="skip-link" href="#main">Skip to main</a> <main id="main"> <div class="content"> <header> <p style="padding: 0;margin: 0;"> <a href="/"> <b>Maverick</b> <span class="text-stone-500 animate-blink">▮</span> </a> </p> <ul style="padding: 0;margin: 0;"> <li class=""> <a href="/posts/"><span>Post</span></a> <li class=""> <a href="/about/"><span>About</span></a> </li> </ul> </header> <hr class="hr-list" style="padding: 0;margin: 0;"> <section> <ul reversed class="list"> <li> <a class="link" href="https://maverick.canhtran.me/posts/install-hugo-on-mac-os/" title="Install Hugo on Mac OS">Install Hugo on Mac OS </a> <hr class="hr-list"> <time class="g time" datetime="2022-07-04">04/07/22</time> </li> <li> <a class="link" href="https://maverick.canhtran.me/posts/markdown-syntax/" title="Markdown Syntax Guide">Markdown Syntax Guide </a> <hr class="hr-list"> <time class="g time" datetime="2022-03-20">20/03/22</time> </li> <li> <a class="link" href="https://maverick.canhtran.me/posts/example-content/" title="Example Content">Example Content </a> <hr class="hr-list"> <time class="g time" datetime="2022-03-15">15/03/22</time> </li> <li> <a class="link" href="https://maverick.canhtran.me/posts/rich-content/" title="Rich Content">Rich Content </a> <hr class="hr-list"> <time class="g time" datetime="2022-03-10">10/03/22</time> </li> <li> <a class="link" href="https://maverick.canhtran.me/posts/emoji-support/" title="Emoji Support">Emoji Support </a> <hr class="hr-list"> <time class="g time" datetime="2022-03-05">05/03/22</time> </li> </ul> </section> </div> </main> </body> </html>