mitch/persimmonquilts.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial

Browse Source
This commit is contained in:
wvr
2023-05-14 16:02:52 -05:00
commit b79f3a518d
256 changed files with 9156 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
persimmon/public/post/archetypes/index.html Normal file
View File

@@ -0,0 +1,276 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Archetypes management - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/archetypes/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='How the Archetypes are defined' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Archetypes management" />
<meta property="og:description" content="How the Archetypes are defined" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/archetypes/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-05-02T19:25:30+02:00" />
<meta property="article:modified_time" content="2019-05-02T19:25:30+02:00" />
<meta itemprop="name" content="Archetypes management">
<meta itemprop="description" content="How the Archetypes are defined"><meta itemprop="datePublished" content="2019-05-02T19:25:30+02:00" />
<meta itemprop="dateModified" content="2019-05-02T19:25:30+02:00" />
<meta itemprop="wordCount" content="62">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/archetypes/">Archetypes management</a>
</span>
</div>
<main id="content" class="post">
<h1>Archetypes management</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>May 2, 2019</span>
</div>
<p>The archetypes are defined in the <code>archetypes</code> folder, for both post and portfolio.</p>
<p>The archetypes are defined in YAML, so Front matter is formatted in YAML too. You can easily change them to TOML in your own <code>archetypes</code> is you wish to.</p>
<p>For example:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-YAML" data-lang="YAML"><span class="line"><span class="cl"><span class="nn">---</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="l">title</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">description</span><span class="p">:</span><span class="w"> </span><span class="l">desc</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">date</span><span class="p">:</span><span class="w"> </span><span class="s2">&#34;2019-05-02T19:47:09+02:00&#34;</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nn">---</span><span class="w">
</span></span></span></code></pre></div><p>to</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="err">+++</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;title&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">description</span><span class="err">:</span> <span class="s2">&#34;desc&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">date</span><span class="err">:</span> <span class="s2">&#34;2019-05-02T19:47:09+02:00&#34;</span>
</span></span><span class="line"><span class="cl"><span class="err">+++</span>
</span></span></code></pre></div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

420
persimmon/public/post/config-file/index.html Normal file
View File

@@ -0,0 +1,420 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Config File - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/config-file/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Some basics on the configuration of the theme' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Config File" />
<meta property="og:description" content="Some basics on the configuration of the theme" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/config-file/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-04-20T19:12:12+01:00" />
<meta property="article:modified_time" content="2019-04-20T16:18:12+01:00" />
<meta itemprop="name" content="Config File">
<meta itemprop="description" content="Some basics on the configuration of the theme"><meta itemprop="datePublished" content="2019-04-20T19:12:12+01:00" />
<meta itemprop="dateModified" content="2019-04-20T16:18:12+01:00" />
<meta itemprop="wordCount" content="551">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/config-file/">Config File</a>
</span>
</div>
<main id="content" class="post">
<h1>Config File</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>3 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>April 20, 2019</span>
</div>
<p>Here is the basic config file used for personal-web.</p>
<p>You can use it as a base for your website.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://example.com/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">languageCode</span> <span class="p">=</span> <span class="s2">&#34;en-us&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Edna West&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;personal-web&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">copyright</span><span class="p">=</span><span class="s2">&#34;© Edna West&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">googleAnalytics</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">enableEmoji</span><span class="p">=</span><span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">enableRobotsTXT</span><span class="p">=</span><span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">pygmentsUseClasses</span><span class="p">=</span><span class="kc">true</span>
</span></span><span class="line"><span class="cl"><span class="nx">pygmentsCodeFences</span><span class="p">=</span><span class="kc">true</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">intro</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">main</span> <span class="p">=</span> <span class="s2">&#34;Hi, I&#39;m Edna 👋&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">sub</span> <span class="p">=</span> <span class="s2">&#34;I&#39;m a Web Developer and Entrepreneur&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">main</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">latestPublishHeader</span> <span class="p">=</span> <span class="s2">&#34;My Latest Project&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">taxonomies</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">design</span> <span class="p">=</span> <span class="s2">&#34;designs&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">tech</span> <span class="p">=</span> <span class="s2">&#34;techs&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">blackfriday</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">hrefTargetBlank</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">breadcrumb</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">accentColor</span> <span class="p">=</span> <span class="s2">&#34;#FD3519&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">mainSections</span> <span class="p">=</span> <span class="p">[</span><span class="s1">&#39;portfolio&#39;</span><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">notFound</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gopher</span> <span class="p">=</span> <span class="s2">&#34;/images/gopher.png&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">h1</span> <span class="p">=</span> <span class="s1">&#39;Bummer!&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">p</span> <span class="p">=</span> <span class="s2">&#34;It seems that this page doesn&#39;t exist.&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">sections</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;article&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">portfolio</span> <span class="p">=</span> <span class="s2">&#34;project&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">sidebar</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">backgroundImage</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gradientOverlay</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">logo</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">assets</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">favicon</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">customCSS</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">github</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">twitter</span> <span class="p">=</span> <span class="s2">&#34;https://twitter.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">linkedin</span> <span class="p">=</span> <span class="s2">&#34;https://www.linkedin.com/in/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">medium</span> <span class="p">=</span> <span class="s2">&#34;https://medium.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">codepen</span> <span class="p">=</span> <span class="s2">&#34;https://codepen.io/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">facebook</span> <span class="p">=</span> <span class="s2">&#34;https://www.facebook.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">youtube</span> <span class="p">=</span> <span class="s2">&#34;https://www.youtube.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">instagram</span> <span class="p">=</span> <span class="s2">&#34;https://www.instagram.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gitlab</span> <span class="p">=</span> <span class="s2">&#34;https://gitlab.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">keybase</span> <span class="p">=</span> <span class="s2">&#34;https://keybase.io/&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">contact</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">email</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">text</span><span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">menu</span><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;about&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;About&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;About section&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/about/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-120</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/portfolio/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-110</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blog&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Post&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Blog section&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/post/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-100</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">sitemap</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">changefreq</span> <span class="p">=</span> <span class="s2">&#34;monthly&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">filename</span> <span class="p">=</span> <span class="s2">&#34;sitemap.xml&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">priority</span> <span class="p">=</span> <span class="mf">0.5</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">privacy</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">privacy</span><span class="p">.</span><span class="nx">googleAnalytics</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">anonymizeIP</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disable</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">respectDoNotTrack</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">useSessionStorage</span> <span class="p">=</span> <span class="kc">false</span>
</span></span><span class="line"><span class="cl"> <span class="p">[</span><span class="nx">privacy</span><span class="p">.</span><span class="nx">twitter</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">disable</span> <span class="p">=</span> <span class="kc">false</span>
</span></span><span class="line"><span class="cl"> <span class="nx">enableDNT</span> <span class="p">=</span> <span class="kc">true</span>
</span></span><span class="line"><span class="cl"> <span class="nx">simple</span> <span class="p">=</span> <span class="kc">false</span>
</span></span></code></pre></div><h2 id="sidebar">Sidebar</h2>
<p>The sidebar header is defined within the <code>params.intro</code> section. The <code>main</code> being the top header and <code>sub</code> the subheader</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">intro</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">main</span> <span class="p">=</span> <span class="s2">&#34;Hi, I&#39;m Edna 👋&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">sub</span> <span class="p">=</span> <span class="s2">&#34;I&#39;m a Web Developer and Entrepreneur&#34;</span>
</span></span></code></pre></div><p>You can also customize the params with the <code>params.sidebar</code> parameters. The <code>config.toml</code> file contains the default values as examples.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">sidebar</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">backgroundImage</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gradientOverlay</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">logo</span> <span class="p">=</span> <span class="s1">&#39;&#39;</span>
</span></span></code></pre></div><h2 id="404">404</h2>
<p>The 404 page is defined within the <code>params.notFound</code> section.
The <code>gopher</code>, <code>h1</code> and <code>p</code> params define the image and texts displayed on the page.</p>
<p>In the <code>[params]</code> section, the <code>mainSections</code> params possible values are &lsquo;portfolio&rsquo; or &lsquo;post&rsquo;: it defines the section highlighted on the page.</p>
<p>NB: to see the 404 page from your development env, check <code>/404.html</code>.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">notFound</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gopher</span> <span class="p">=</span> <span class="s2">&#34;/images/gopher.png&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">h1</span> <span class="p">=</span> <span class="s1">&#39;Bummer!&#39;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">p</span> <span class="p">=</span> <span class="s2">&#34;It seems that this page doesn&#39;t exist.&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">mainSections</span> <span class="p">=</span> <span class="p">[</span><span class="s1">&#39;portfolio&#39;</span><span class="p">]</span>
</span></span></code></pre></div><p>You can also define how the post and portfolio sections will be named on the 404 page, thanks to the <code>params.sections</code> params.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">sections</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">post</span> <span class="p">=</span> <span class="s2">&#34;article&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">portfolio</span> <span class="p">=</span> <span class="s2">&#34;project&#34;</span>
</span></span></code></pre></div><h2 id="customization">Customization</h2>
<p>You can define a custom CSS file in the <code>customCSS</code> param and a favicon.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">assets</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">favicon</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">customCSS</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span></code></pre></div><h2 id="social">Social</h2>
<p>You can define your social media usernames in the <code>params.social</code> and the <code>params.contact</code> paramaters.</p>
<p>In this last section, the email expects your email address and the text is what will be displayed on the sidebar, right below the last item of the menu. If blank, nothing is displayed.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">social</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">github</span> <span class="p">=</span> <span class="s2">&#34;https://github.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">twitter</span> <span class="p">=</span> <span class="s2">&#34;https://twitter.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">linkedin</span> <span class="p">=</span> <span class="s2">&#34;https://www.linkedin.com/in/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">medium</span> <span class="p">=</span> <span class="s2">&#34;https://medium.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">codepen</span> <span class="p">=</span> <span class="s2">&#34;https://codepen.io/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">facebook</span> <span class="p">=</span> <span class="s2">&#34;https://www.facebook.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">youtube</span> <span class="p">=</span> <span class="s2">&#34;https://www.youtube.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">instagram</span> <span class="p">=</span> <span class="s2">&#34;https://www.instagram.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">gitlab</span> <span class="p">=</span> <span class="s2">&#34;https://gitlab.com/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">keybase</span> <span class="p">=</span> <span class="s2">&#34;https://keybase.io/&#34;</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">contact</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">email</span> <span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">text</span><span class="p">=</span> <span class="s2">&#34;&#34;</span>
</span></span></code></pre></div><h2 id="latest-publication">Latest Publication</h2>
<p>You can define the name of the latest publication header on the home page with the param <code>latestPublishHeader</code>.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">params</span><span class="p">.</span><span class="nx">main</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">latestPublishHeader</span> <span class="p">=</span> <span class="s2">&#34;My Latest Project&#34;</span>
</span></span></code></pre></div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

265
persimmon/public/post/define-specific-og-image/index.html Normal file
View File

@@ -0,0 +1,265 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Open Graph image - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/define-specific-og-image/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Define a specific Open Graph image for a page' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Open Graph image" />
<meta property="og:description" content="Define a specific Open Graph image for a page" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/define-specific-og-image/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-04-20T11:14:59+02:00" />
<meta property="article:modified_time" content="2019-04-20T11:14:59+02:00" />
<meta itemprop="name" content="Open Graph image">
<meta itemprop="description" content="Define a specific Open Graph image for a page"><meta itemprop="datePublished" content="2019-04-20T11:14:59+02:00" />
<meta itemprop="dateModified" content="2019-04-20T11:14:59+02:00" />
<meta itemprop="wordCount" content="30">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/define-specific-og-image/">Open Graph image</a>
</span>
</div>
<main id="content" class="post">
<h1>Open Graph image</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>April 20, 2019</span>
</div>
<p>Within any page, you can add in the FrontMatter a images array that will be used to define a specific Open Graph image.</p>
<p>For example, see <code>content/_index.md</code> page:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-YAML" data-lang="YAML"><span class="line"><span class="cl"><span class="nt">images</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">&#34;/images/sample.jpg&#34;</span><span class="p">]</span><span class="w">
</span></span></span></code></pre></div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

269
persimmon/public/post/getting-started/index.html Normal file
View File

@@ -0,0 +1,269 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Getting started - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/getting-started/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Getting started with personal-web' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Getting started" />
<meta property="og:description" content="Getting started with personal-web" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/getting-started/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-05-03T09:37:55+02:00" />
<meta property="article:modified_time" content="2019-05-03T09:37:55+02:00" />
<meta itemprop="name" content="Getting started">
<meta itemprop="description" content="Getting started with personal-web"><meta itemprop="datePublished" content="2019-05-03T09:37:55+02:00" />
<meta itemprop="dateModified" content="2019-05-03T09:37:55+02:00" />
<meta itemprop="wordCount" content="171">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/getting-started/">Getting started</a>
</span>
</div>
<main id="content" class="post">
<h1>Getting started</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>May 3, 2019</span>
</div>
<p>Here are some details to help you getting started with this theme.</p>
<p>We&rsquo;ll assume here that you have a good understanding of Hugo and its structure. If you have any doubt, check the <a href="https://gohugo.io/documentation/" title="Hugo documentation">Hugo documentation</a>; it is pretty good and the community quite active! Thank you so much by the way! 💪</p>
<p>The first thing to do when starting your own website is to <strong>copy the content of exampleSite</strong> in your own root folder. This way, you can have a sample of <code>config.toml</code> file and a first structure.</p>
<p><strong>Don&rsquo;t forget to change the <code>baseURL</code> param to avoid deployment failures</strong></p>
<p>Browse the articles in the <code>content/post</code> folder to get any help during setup or using the theme. Please, <a href="https://baptistej.com" title="contact me">contact me</a> if you have any problem using the them.</p>
<p>Then <strong>configure the <code>config.toml</code> file</strong> to match your need.</p>
<p>You should then write you home (<code>/content/_index.md</code>), create your first project (see the <a href="/content/post/portfolio-definition.md" title="portfolio definition">portfolio definition</a> and your first blogpost.</p>
<p>Lastly, define the menu in the sidebar: you can get some help in the <code>/content/post/manage-your-menu.md</code> file.</p>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

BIN
persimmon/public/post/images/portfolio-example.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
persimmon/public/post/images/sample_image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

364
persimmon/public/post/index.html Normal file
View File

@@ -0,0 +1,364 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>POST - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Posts Section' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="POST" />
<meta property="og:description" content="Posts Section" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://persimmonquilts.com/post/" />
<meta itemprop="name" content="POST">
<meta itemprop="description" content="Posts Section">
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/">POST</a>
</span>
</div>
<main id="content" class="post">
<h1 id="title"> POST</h1>
<p>You&rsquo;ll add here a general introduction of your posts.</p>
<div class="post-list">
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/getting-started/">Getting started</a>
</h2>
<p><p>Here are some details to help you getting started with this theme.</p></p>
<div class="read-more">
<a alt="Getting started" href="https://persimmonquilts.com/post/getting-started/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/portfolio-definition/">Portfolio Definition</a>
</h2>
<p><p>Here are some details about the portfolio settings.</p>
<figure><img src="/post/images/portfolio-example.png"
alt="Example of Portfolio page"/><figcaption>
<p>Example of Portfolio page</p>
</figcaption>
</figure></p>
<div class="read-more">
<a alt="Portfolio Definition" href="https://persimmonquilts.com/post/portfolio-definition/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/archetypes/">Archetypes management</a>
</h2>
<p><p>The archetypes are defined in the <code>archetypes</code> folder, for both post and portfolio.</p></p>
<div class="read-more">
<a alt="Archetypes management" href="https://persimmonquilts.com/post/archetypes/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/manage-your-menu/">Manage Your Menu</a>
</h2>
<p><p>Menu in the sidebar can be defined within the <code>config.toml</code> or directly in the files.
I prefer the config file approach, as this menu is pretty simple.</p></p>
<div class="read-more">
<a alt="Manage Your Menu" href="https://persimmonquilts.com/post/manage-your-menu/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/shortcodes/">Shortcodes</a>
</h2>
<p><p>Introduction of the shortcodes defined in the personal-web theme.</p></p>
<div class="read-more">
<a alt="Shortcodes" href="https://persimmonquilts.com/post/shortcodes/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/config-file/">Config File</a>
</h2>
<p><p>Here is the basic config file used for personal-web.</p>
<p>You can use it as a base for your website.</p></p>
<div class="read-more">
<a alt="Config File" href="https://persimmonquilts.com/post/config-file/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
<div class="post-container">
<h2>
<a href="https://persimmonquilts.com/post/define-specific-og-image/">Open Graph image</a>
</h2>
<p>Within any page, you can add in the FrontMatter a images array that will be used to define a specific Open Graph image.
For example, see content/_index.md page:
images: [&#34;/images/sample.jpg&#34;] </p>
<div class="read-more">
<a alt="Open Graph image" href="https://persimmonquilts.com/post/define-specific-og-image/" /><div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M0 28.818v80.232h44.086c5.2-.045 9.824 1.027 12.077 4.388V34.334c-2.18-3.675-6.792-5.516-12.077-5.516H0zm70.914 0c-5.285 0-9.896 1.841-12.077 5.516v79.104c2.253-3.36 6.876-4.388 12.077-4.388H115V28.818H70.914zM12.034 42.19h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.349h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.349h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.348h-33.43a2.674 2.674 0 0 1 0-5.348zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.348h-33.43a2.674 2.674 0 1 1 0-5.348zm-57.5 12.034h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35zm-57.5 12.035h33.431a2.674 2.674 0 1 1 0 5.35h-33.43a2.674 2.674 0 0 1 0-5.35zm57.5 0h33.431a2.674 2.674 0 0 1 0 5.35h-33.43a2.674 2.674 0 1 1 0-5.35z"/>
</svg>
</div>
Read more</a>
</div>
</div>
</div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

84
persimmon/public/post/index.xml Normal file
View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>POST on Persimmon Quilts</title>
<link>https://persimmonquilts.com/post/</link>
<description>Recent content in POST on Persimmon Quilts</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<copyright>© LeAnn Weaver</copyright>
<lastBuildDate>Fri, 03 May 2019 09:37:55 +0200</lastBuildDate><atom:link href="https://persimmonquilts.com/post/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Getting started</title>
<link>https://persimmonquilts.com/post/getting-started/</link>
<pubDate>Fri, 03 May 2019 09:37:55 +0200</pubDate>
<guid>https://persimmonquilts.com/post/getting-started/</guid>
<description>&lt;p&gt;Here are some details to help you getting started with this theme.&lt;/p&gt;</description>
</item>
<item>
<title>Portfolio Definition</title>
<link>https://persimmonquilts.com/post/portfolio-definition/</link>
<pubDate>Thu, 02 May 2019 19:49:05 +0200</pubDate>
<guid>https://persimmonquilts.com/post/portfolio-definition/</guid>
<description>&lt;p&gt;Here are some details about the portfolio settings.&lt;/p&gt;
&lt;figure&gt;&lt;img src=&#34;https://persimmonquilts.com/post/images/portfolio-example.png&#34;
alt=&#34;Example of Portfolio page&#34;/&gt;&lt;figcaption&gt;
&lt;p&gt;Example of Portfolio page&lt;/p&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;</description>
</item>
<item>
<title>Archetypes management</title>
<link>https://persimmonquilts.com/post/archetypes/</link>
<pubDate>Thu, 02 May 2019 19:25:30 +0200</pubDate>
<guid>https://persimmonquilts.com/post/archetypes/</guid>
<description>&lt;p&gt;The archetypes are defined in the &lt;code&gt;archetypes&lt;/code&gt; folder, for both post and portfolio.&lt;/p&gt;</description>
</item>
<item>
<title>Manage Your Menu</title>
<link>https://persimmonquilts.com/post/manage-your-menu/</link>
<pubDate>Thu, 02 May 2019 19:06:29 +0200</pubDate>
<guid>https://persimmonquilts.com/post/manage-your-menu/</guid>
<description>&lt;p&gt;Menu in the sidebar can be defined within the &lt;code&gt;config.toml&lt;/code&gt; or directly in the files.
I prefer the config file approach, as this menu is pretty simple.&lt;/p&gt;</description>
</item>
<item>
<title>Shortcodes</title>
<link>https://persimmonquilts.com/post/shortcodes/</link>
<pubDate>Mon, 29 Apr 2019 16:18:12 +0100</pubDate>
<guid>https://persimmonquilts.com/post/shortcodes/</guid>
<description>&lt;p&gt;Introduction of the shortcodes defined in the personal-web theme.&lt;/p&gt;</description>
</item>
<item>
<title>Config File</title>
<link>https://persimmonquilts.com/post/config-file/</link>
<pubDate>Sat, 20 Apr 2019 16:18:12 +0100</pubDate>
<guid>https://persimmonquilts.com/post/config-file/</guid>
<description>&lt;p&gt;Here is the basic config file used for personal-web.&lt;/p&gt;
&lt;p&gt;You can use it as a base for your website.&lt;/p&gt;</description>
</item>
<item>
<title>Open Graph image</title>
<link>https://persimmonquilts.com/post/define-specific-og-image/</link>
<pubDate>Sat, 20 Apr 2019 11:14:59 +0200</pubDate>
<guid>https://persimmonquilts.com/post/define-specific-og-image/</guid>
<description>Within any page, you can add in the FrontMatter a images array that will be used to define a specific Open Graph image.
For example, see content/_index.md page:
images: [&amp;#34;/images/sample.jpg&amp;#34;] </description>
</item>
</channel>
</rss>

287
persimmon/public/post/manage-your-menu/index.html Normal file
View File

@@ -0,0 +1,287 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Manage Your Menu - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/manage-your-menu/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Define a sidebar menu' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Manage Your Menu" />
<meta property="og:description" content="Define a sidebar menu" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/manage-your-menu/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-05-02T19:06:29+02:00" />
<meta property="article:modified_time" content="2019-05-02T19:06:29+02:00" />
<meta itemprop="name" content="Manage Your Menu">
<meta itemprop="description" content="Define a sidebar menu"><meta itemprop="datePublished" content="2019-05-02T19:06:29+02:00" />
<meta itemprop="dateModified" content="2019-05-02T19:06:29+02:00" />
<meta itemprop="wordCount" content="93">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/manage-your-menu/">Manage Your Menu</a>
</span>
</div>
<main id="content" class="post">
<h1>Manage Your Menu</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>May 2, 2019</span>
</div>
<p>Menu in the sidebar can be defined within the <code>config.toml</code> or directly in the files.
I prefer the config file approach, as this menu is pretty simple.</p>
<p>The following setup will define 3 URLs in your sidebar menu, in order of weight.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-TOML" data-lang="TOML"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">menu</span><span class="p">]</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;about&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;About&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;About section&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/about/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-120</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Portfolio&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/portfolio/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-110</span>
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="p">[[</span><span class="nx">menu</span><span class="p">.</span><span class="nx">main</span><span class="p">]]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">identifier</span> <span class="p">=</span> <span class="s2">&#34;blog&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">name</span> <span class="p">=</span> <span class="s2">&#34;Post&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;Blog section&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">url</span> <span class="p">=</span> <span class="s2">&#34;/post/&#34;</span>
</span></span><span class="line"><span class="cl"> <span class="nx">weight</span> <span class="p">=</span> <span class="mi">-100</span>
</span></span></code></pre></div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

294
persimmon/public/post/portfolio-definition/index.html Normal file
View File

@@ -0,0 +1,294 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Portfolio Definition - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/portfolio-definition/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='How to define your portfolio in FrontMatter' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Portfolio Definition" />
<meta property="og:description" content="How to define your portfolio in FrontMatter" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/portfolio-definition/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-05-02T19:49:05+02:00" />
<meta property="article:modified_time" content="2019-05-02T19:49:05+02:00" />
<meta itemprop="name" content="Portfolio Definition">
<meta itemprop="description" content="How to define your portfolio in FrontMatter"><meta itemprop="datePublished" content="2019-05-02T19:49:05+02:00" />
<meta itemprop="dateModified" content="2019-05-02T19:49:05+02:00" />
<meta itemprop="wordCount" content="155">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/portfolio-definition/">Portfolio Definition</a>
</span>
</div>
<main id="content" class="post">
<h1>Portfolio Definition</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>May 2, 2019</span>
</div>
<p>Here are some details about the portfolio settings.</p>
<figure><img src="/post/images/portfolio-example.png"
alt="Example of Portfolio page"/><figcaption>
<p>Example of Portfolio page</p>
</figcaption>
</figure>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-YAML" data-lang="YAML"><span class="line"><span class="cl"><span class="nn">---</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">title</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">description</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">date</span><span class="p">:</span><span class="w"> </span><span class="s2">&#34;2019-05-02T19:47:09+02:00&#34;</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">jobDate</span><span class="p">:</span><span class="w"> </span><span class="m">201</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">work</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">techs</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">designs</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">thumbnail</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">projectUrl</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nt">testimonial</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">name</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">role</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">image</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">text</span><span class="p">:</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nn">---</span><span class="w">
</span></span></span></code></pre></div><p>Here are some explanations about the portfolio FrontMatter:</p>
<ul>
<li><code>jobDate</code> is the year displayed on the list and show of your project</li>
<li><code>work</code> is displayed on the list of projects. It is an array of type of job that you did on the project.</li>
<li><code>techs</code> and <code>designs</code> are displayed on the show page of your project. It is an array of tools you used on the project</li>
<li><code>thumbnail</code> is a image file displayed both for the list and show of the project</li>
<li><code>projectUrl</code> is the URL to the project.</li>
<li>The <code>testimonial</code> params define the person giving your a testimonial as well as the text of the testimonial.</li>
</ul>
<p>NB: if <code>techs</code>, <code>designs</code> or <code>projectUrl</code> is not defined, it will not be displayed at all.</p>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>

282
persimmon/public/post/shortcodes/index.html Normal file
View File

@@ -0,0 +1,282 @@
<!DOCTYPE html>
<html lang='en'><head>
<title>Shortcodes - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmonquilts.com/post/shortcodes/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='Exaplanation on the shortcodes with personal-web' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmonquilts.com/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmonquilts.com/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Shortcodes" />
<meta property="og:description" content="Exaplanation on the shortcodes with personal-web" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmonquilts.com/post/shortcodes/" /><meta property="article:section" content="post" />
<meta property="article:published_time" content="2019-04-29T19:12:12+01:00" />
<meta property="article:modified_time" content="2019-04-29T16:18:12+01:00" />
<meta itemprop="name" content="Shortcodes">
<meta itemprop="description" content="Exaplanation on the shortcodes with personal-web"><meta itemprop="datePublished" content="2019-04-29T19:12:12+01:00" />
<meta itemprop="dateModified" content="2019-04-29T16:18:12+01:00" />
<meta itemprop="wordCount" content="143">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmonquilts.com/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmonquilts.com/images/circle_logo.jpg' alt="Profile Contact" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="/">
Home
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
<p>
<a href="/photos/">
Photos
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmonquilts.com/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmonquilts.com/post/">POST</a>
/
</span>
<span class="active">
<a href="https://persimmonquilts.com/post/shortcodes/">Shortcodes</a>
</span>
</div>
<main id="content" class="post">
<h1>Shortcodes</h1>
<div class="reading-time">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M57.5 11C29.05 11 6 34.05 6 62.5S29.05 114 57.5 114 109 90.95 109 62.5 85.95 11 57.5 11zm0 93.032c-22.947 0-41.532-18.585-41.532-41.532 0-22.947 18.585-41.532 41.532-41.532 22.947 0 41.532 18.585 41.532 41.532 0 22.947-18.585 41.532-41.532 41.532zm12.833-21.68L52.703 69.54a2.508 2.508 0 0 1-1.018-2.015V33.427a2.5 2.5 0 0 1 2.492-2.492h6.646a2.5 2.5 0 0 1 2.492 2.492v29.426l13.871 10.092c1.122.81 1.35 2.368.54 3.49l-3.904 5.377a2.51 2.51 0 0 1-3.489.54z"/>
</svg>
</div>
<span>1 minutes</span>
</div>
<div class="published-date">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>April 29, 2019</span>
</div>
<p>Introduction of the shortcodes defined in the personal-web theme.</p>
<h2 id="add-a-figure">Add a figure</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go-html-template" data-lang="go-html-template"><span class="line"><span class="cl"><span class="cp">{{</span><span class="err">&lt;</span><span class="w"> </span><span class="nx">figure</span><span class="w"> </span><span class="nx">src</span><span class="o">=</span><span class="s">&#34;/post/images/sample_image.jpg&#34;</span><span class="w">
</span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="nx">caption</span><span class="o">=</span><span class="s">&#34;Photo by Tim Mossholder on Unsplash&#34;</span><span class="w"> </span><span class="err">&gt;</span><span class="cp">}}</span>
</span></span></code></pre></div><p>results in</p>
<figure><img src="/post/images/sample_image.jpg"
alt="Photo by Tim Mossholder on Unsplash"/><figcaption>
<p>Photo by Tim Mossholder on Unsplash</p>
</figcaption>
</figure>
<p><strong>Note:</strong> files are kept in a <code>images</code> folder, directly in the post/portfolio folder.</p>
<h2 id="add-a-single-tweet">Add a single Tweet</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go-html-template" data-lang="go-html-template"><span class="line"><span class="cl"><span class="cp">{{</span><span class="err">&lt;</span><span class="w"> </span><span class="nx">tweet</span><span class="err">-</span><span class="nx">single</span><span class="w"> </span><span class="nx">1120412132036706305</span><span class="w"> </span><span class="err">&gt;</span><span class="cp">}}</span>
</span></span></code></pre></div><p>results in
<blockquote class="twitter-tweet" data-conversation="none" data-dnt="true"><p lang="en" dir="ltr">This generation of climate activists is tired of inaction, and they&#39;ve caught the attention of leaders all over the world. So while this challenge is only getting more urgent, they show us the kind of action it&#39;ll take to meet this moment.</p>&mdash; Barack Obama (@BarackObama) <a href="https://twitter.com/BarackObama/status/1120412132036706305?ref_src=twsrc%5Etfw">April 22, 2019</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</p>
<p>This shortcode is useful in case of multiple tweets in a thread. If you want to show a single tweet, use this shortcode, with the ID of the Tweet. The ID is the end of the tweet link.</p>
<p>For example: <br>
https://<span></span>twitter.com/BarackObama/status/<strong>1120412132036706305</strong></p>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>