<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hugo-Site on Tian Zhao</title><link>https://gapomochi.github.io/tags/hugo-site/</link><description>Recent content in Hugo-Site on Tian Zhao</description><generator>Hugo</generator><language>en</language><lastBuildDate>Sun, 03 Jan 2021 00:00:00 +0000</lastBuildDate><atom:link href="https://gapomochi.github.io/tags/hugo-site/index.xml" rel="self" type="application/rss+xml"/><item><title>A first post</title><link>https://gapomochi.github.io/blog/spoonful-series/01-spoonful/</link><pubDate>Fri, 01 Jan 2021 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/blog/spoonful-series/01-spoonful/</guid><description>&lt;details class="f5 fw5 input-reset pa4 ba b--dotted bw1"&gt;&#10; &lt;summary&gt;&lt;i class="fas fa-cat fa-lg pr2"&gt;&lt;/i&gt;Hi, I'm the here-bot cat!&lt;/summary&gt;&#10; &lt;p&gt;Use me to find your way in your website.&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Here I am:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;content/blog/spoonful-series/01-spoonful.md&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &lt;p&gt;&lt;i class="far fa-trash-alt pr2"&gt;&lt;/i&gt;To remove me, delete this line inside that file: &lt;code&gt;{{&amp;lt; here &amp;gt;}}&lt;/code&gt;&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My content section is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;blog&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My layout is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;single-series&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10;&#10;&lt;/details&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="does-this-work"&gt;does this work?&#10; &lt;a href="#does-this-work"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&#10;&#10;&#10;&#10;&lt;h3 id="or-this"&gt;or this?&#10; &lt;a href="#or-this"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;hr&gt;&#10;&lt;p&gt;Let&amp;rsquo;s start.&lt;/p&gt;</description></item><item><title>A second post</title><link>https://gapomochi.github.io/blog/spoonful-series/02-spoonful/</link><pubDate>Sat, 02 Jan 2021 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/blog/spoonful-series/02-spoonful/</guid><description>&lt;details class="f5 fw5 input-reset pa4 ba b--dotted bw1"&gt;&#10; &lt;summary&gt;&lt;i class="fas fa-cat fa-lg pr2"&gt;&lt;/i&gt;Hi, I'm the here-bot cat!&lt;/summary&gt;&#10; &lt;p&gt;Use me to find your way in your website.&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Here I am:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;content/blog/spoonful-series/02-spoonful/index.md&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &lt;p&gt;&lt;i class="far fa-trash-alt pr2"&gt;&lt;/i&gt;To remove me, delete this line inside that file: &lt;code&gt;{{&amp;lt; here &amp;gt;}}&lt;/code&gt;&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My content section is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;blog&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My layout is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;single-series&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Images in this page bundle:&lt;/dt&gt;&#10; &#10; &lt;dd class="fw5 ml0"&gt;/blog/spoonful-series/02-spoonful/sidebar-inverse.jpg&lt;/dd&gt;&#10; &#10; &lt;/dl&gt;&#10; &#10;&#10;&lt;/details&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="part-2"&gt;part 2!&#10; &lt;a href="#part-2"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&#10;&#10;&#10;&#10;&lt;h3 id="does-this-work"&gt;does this work?&#10; &lt;a href="#does-this-work"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;hr&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="now-for-some-very-cool-things"&gt;now for some very cool things&#10; &lt;a href="#now-for-some-very-cool-things"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="more"&gt;more&#10; &lt;a href="#more"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="get-ready"&gt;get ready!&#10; &lt;a href="#get-ready"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;</description></item><item><title>A third post</title><link>https://gapomochi.github.io/blog/spoonful-series/03-spoonful/</link><pubDate>Sun, 03 Jan 2021 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/blog/spoonful-series/03-spoonful/</guid><description>&lt;details class="f5 fw5 input-reset pa4 ba b--dotted bw1"&gt;&#10; &lt;summary&gt;&lt;i class="fas fa-cat fa-lg pr2"&gt;&lt;/i&gt;Hi, I'm the here-bot cat!&lt;/summary&gt;&#10; &lt;p&gt;Use me to find your way in your website.&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Here I am:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;content/blog/spoonful-series/03-spoonful/index.markdown&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Here is my R Markdown source file:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;blog/spoonful-series/03-spoonful/index.Rmarkdown&lt;/dd&gt;&#10; &lt;p class="i"&gt;&lt;i class="far fa-hand-point-up pr2"&gt;&lt;/i&gt;You'll want to edit this file, then re-knit to see the changes take effect in your site preview.&lt;/p&gt; &#10; &lt;/dl&gt;&#10; &#10; &#10; &lt;p&gt;&lt;i class="far fa-trash-alt pr2"&gt;&lt;/i&gt;To remove me, delete this line inside that file: &lt;code&gt;{{&amp;lt; here &amp;gt;}}&lt;/code&gt;&lt;/p&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My content section is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;blog&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;My layout is:&lt;/dt&gt;&#10; &lt;dd class="fw5 ml0"&gt;single-series&lt;/dd&gt;&#10; &lt;/dl&gt;&#10; &#10; &#10; &lt;dl class="f5 lh-copy"&gt;&#10; &lt;dt class="fw7"&gt;Images in this page bundle:&lt;/dt&gt;&#10; &#10; &lt;dd class="fw5 ml0"&gt;/blog/spoonful-series/03-spoonful/featured-photo.jpg&lt;/dd&gt;&#10; &#10; &lt;/dl&gt;&#10; &#10;&#10;&lt;/details&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="are-you-still-here"&gt;are you still here?&#10; &lt;a href="#are-you-still-here"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&#10;&#10;&#10;&#10;&lt;h3 id="does-this-work"&gt;does this work?&#10; &lt;a href="#does-this-work"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;hr&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="final-stretch"&gt;final stretch!&#10; &lt;a href="#final-stretch"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;</description></item><item><title>CSS Grid Scaffold</title><link>https://gapomochi.github.io/blog/css-grid-scaffold/</link><pubDate>Tue, 02 Jul 2019 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/blog/css-grid-scaffold/</guid><description>&lt;h3 id="grid-is-the-very-first-css-module-created-specifically-to-solve-the-layout-problems-weve-all-been-hacking-our-way-around-for-as-long-as-weve-been-making-websites"&gt;“Grid is the very first CSS module created specifically to solve the layout problems we&amp;rsquo;ve all been hacking our way around for as long as we&amp;rsquo;ve been making websites.”&#10; &lt;a href="#grid-is-the-very-first-css-module-created-specifically-to-solve-the-layout-problems-weve-all-been-hacking-our-way-around-for-as-long-as-weve-been-making-websites"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;p&gt;&lt;em&gt;— &#10;&lt;a href="http://chris.house/blog/a-complete-guide-css-grid-layout/" target="_blank" rel="noopener"&gt;Chris House, A Complete Guide to CSS Grid Layout&lt;/a&gt;&lt;/em&gt; &lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;hr&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="overview"&gt;Overview&#10; &lt;a href="#overview"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&lt;p&gt;Since I began building websites in Y2K, I&amp;rsquo;ve lost count how many times the phrase &amp;ldquo;&amp;hellip;there&amp;rsquo;s got to be a better way to do this&amp;rdquo; has passed my lips. Most times, while fighting with floats and widths of content and sidebars or just basically trying to get something beside something else without using a stupid &lt;code&gt;TABLE&lt;/code&gt;.&lt;/p&gt;</description></item><item><title>Bakeoff</title><link>https://gapomochi.github.io/project/bakeoff/</link><pubDate>Mon, 01 Jul 2019 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/project/bakeoff/</guid><description>&lt;p&gt;&lt;img src="formspree-logo.png" alt="Formspree Logo"&gt;&lt;/p&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="formspree-makes-it-easy-to-receive-submissions-from-html-forms-on-your-static-website"&gt;&#10;&lt;a href="https://formspree.io" target="_blank" rel="noopener"&gt;Formspree&lt;/a&gt; makes it easy to receive submissions from HTML forms on your static website.&#10; &lt;a href="#formspree-makes-it-easy-to-receive-submissions-from-html-forms-on-your-static-website"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&lt;hr&gt;&#10;&#10;&#10;&#10;&#10;&lt;h3 id="functional-form"&gt;Functional Form&#10; &lt;a href="#functional-form"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;p&gt;This theme has a &lt;strong&gt;form-to-email&lt;/strong&gt; feature built in, thanks to the simple Formspree integration. All you need to activate the form is a valid recipient email address saved in the front matter of the form&#10;(&lt;code&gt;/content/forms/contact.md&lt;/code&gt;). Of course, the example shown below (&lt;code&gt;your@email.here&lt;/code&gt;) must not be used. Please use your actual email address.&lt;/p&gt;</description></item><item><title>Built-in Contact Form</title><link>https://gapomochi.github.io/blog/built-in-contact-form/</link><pubDate>Mon, 01 Jul 2019 00:00:00 +0000</pubDate><guid>https://gapomochi.github.io/blog/built-in-contact-form/</guid><description>&lt;p&gt;&lt;img src="formspree-logo.png" alt="Formspree Logo"&gt;&lt;/p&gt;&#10;&#10;&#10;&#10;&#10;&lt;h2 id="formspree-makes-it-easy-to-receive-submissions-from-html-forms-on-your-static-website"&gt;&#10;&lt;a href="https://formspree.io" target="_blank" rel="noopener"&gt;Formspree&lt;/a&gt; makes it easy to receive submissions from HTML forms on your static website.&#10; &lt;a href="#formspree-makes-it-easy-to-receive-submissions-from-html-forms-on-your-static-website"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h2&gt;&#10;&lt;hr&gt;&#10;&#10;&#10;&#10;&#10;&lt;h3 id="functional-form"&gt;Functional Form&#10; &lt;a href="#functional-form"&gt;&lt;svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"&gt;&#10; &lt;path d="M0 0h24v24H0z" fill="currentColor"&gt;&lt;/path&gt;&#10; &lt;path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"&gt;&lt;/path&gt;&#10; &lt;/svg&gt;&lt;/a&gt;&#10;&lt;/h3&gt;&#10;&lt;p&gt;This theme has a &lt;strong&gt;form-to-email&lt;/strong&gt; feature built in, thanks to the simple Formspree integration. All you need to activate the form is a valid recipient email address saved in the front matter of the form&#10;(&lt;code&gt;/content/forms/contact.md&lt;/code&gt;). Of course, the example shown below (&lt;code&gt;your@email.here&lt;/code&gt;) must not be used. Please use your actual email address.&lt;/p&gt;</description></item></channel></rss>