Blocks on Hugolifyhttps://v1.hugolify.io/docs/blocks/Recent content in Blocks on HugolifyHugoenAlerthttps://v1.hugolify.io/docs/blocks/alert/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/alert/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">alert</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">state</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [danger, dark, light, infos, success, warning]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/alert/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/alert.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_alert.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/alert.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/alert.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Audiohttps://v1.hugolify.io/docs/blocks/audio/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/audio/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">audio</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">audio</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">mp3</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">ogg</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">loop</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">transcription</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/audio/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/audio.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_audio.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/audio.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/audio.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> </ul>Call to actionhttps://v1.hugolify.io/docs/blocks/cta/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/cta/<h2 id="frontmatter-usage">Frontmatter usage</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">cta</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">ctas</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/call-to-action/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/cta.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_cta.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/call-to-action.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/ctas.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Charthttps://v1.hugolify.io/docs/blocks/chart/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/chart/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">chart</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">chart</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">backgroundColor</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">borderColor</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">label</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">value</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">color</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># hexadecimal color (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">data</span>: <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">json</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># text (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/chart/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/chart.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_chart.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/chart.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/chart.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-link">Related link</h2> <ul> <li> <a href="https://www.chartjs.org/docs/" target="_blank" rel="noreferrer noopener" title="« Chart JS docs » - external link">Chart JS docs</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Comparisonhttps://v1.hugolify.io/docs/blocks/comparison/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/comparison/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">comparison</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">column</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number, columns by row in desktop</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">offer</span>: </span></span><span style="display:flex;"><span> <span style="color:#f92672">price</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># float</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">discount</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (e.g. 10%)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">frequency</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arguments</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">icon</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (bootstrap icon)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">cta</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">is_primary</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/comparison/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/comparison.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_comparison.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/comparison.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/comparison.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Datashttps://v1.hugolify.io/docs/blocks/datas/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/datas/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">datas</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">column</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number, columns by row in desktop</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">show_gauge</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">show_color</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">prefix</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">value</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># number</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">suffix</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">limit</span>: <span style="color:#ae81ff">100</span> <span style="color:#75715e"># number</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/datas/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/datas.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_datas.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/js/blocks/datas.js" target="_blank" rel="noreferrer noopener" title="« Javascript file » - external link">Javascript file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/datas.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/datas.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Editorialhttps://v1.hugolify.io/docs/blocks/editorial/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/editorial/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">editorial</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">direction</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># [rtl, ltr]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">notes</span>: [] <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">ctas</span>: [] <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">filter</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">credit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/editorial/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="params">Params</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p> </div> <p>Image size</p>Embedhttps://v1.hugolify.io/docs/blocks/embed/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/embed/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">embed</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">embed</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># HTML</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/embed/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/embed.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_embed.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/embed.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/embed.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>FAQhttps://v1.hugolify.io/docs/blocks/faq/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/faq/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">faq</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">name</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">open</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">summary</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#34;&#34;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/faq/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/faq.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_faq.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-decap-cms/blob/main/admin/app/blocks/faq.js" target="_blank" rel="noreferrer noopener" title="« Decap CMS file » - external link">Decap CMS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/faq.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/faq.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Figurehttps://v1.hugolify.io/docs/blocks/figure/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/figure/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">figure</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">figure</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">credit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">linear</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean, set true for linear filter compression</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">screenshot</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean, set true you want add fake browser around your picture (and linear filter compression)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">offset</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [start, end, center] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/figure/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/figure.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_figure.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/figure.md" target="_blank" rel="noreferrer noopener" title="« Demo content file on Github » - external link">Demo content file on Github</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/figure.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Formhttps://v1.hugolify.io/docs/blocks/form/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/form/<div class="alert alert-warning"> <p>Netlify hosting is required or use another default service</p> </div> <h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">form</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">offset</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [start, end, center] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">name</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">submit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">label</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [email, select, tel, text, textarea]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">options</span>: [] <span style="color:#75715e"># if select</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">value</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">required</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">full</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autocomplete</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># autocomplete value like postal-code, email…</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/form/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/form.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_form.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/form.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/form.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-links">Related links</h2> <ul> <li> <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Attributes/autocomplete" target="_blank" rel="noreferrer noopener" title="« Autocomplete attributes » - external link">Autocomplete attributes</a> </li> <li><a href="https://v1.hugolify.io/docs/getting-started/form/">Use Netlify form or another services</a></li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Galleryhttps://v1.hugolify.io/docs/blocks/gallery/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/gallery/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">gallery</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">column</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number, columns by row in desktop (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">ratio</span>: <span style="color:#ae81ff">1</span> <span style="color:#75715e"># number, ratio of thumbnails format</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gallery</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">filter</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">credit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/gallery/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/gallery.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_gallery.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-theme/blob/main/assets/js/blocks/gallery.js" target="_blank" rel="noreferrer noopener" title="« Javascript file » - external link">Javascript file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/gallery.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/gallery.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-link">Related link</h2> <ul> <li> <a href="https://midzer.github.io/tobii" target="_blank" rel="noreferrer noopener" title="« Tobii JS library » - external link">Tobii JS library</a> </li> </ul> <h2 id="postcss">PostCSS</h2> <p>Add tobii class in deep safelist of <a href="https://github.com/Hugolify/hugolify-template/blob/main/postcss.config.js" target="_blank" rel="noreferrer noopener" title="« postcss.config.js » - external link">postcss.config.js</a> .</p>Imageshttps://v1.hugolify.io/docs/blocks/images/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/images/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">images</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">images</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">credit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">screenshot</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">half</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/images/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/images.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_images.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/images.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/images.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Informationshttps://v1.hugolify.io/docs/blocks/informations/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/informations/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">informations</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">column</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number, columns by row in desktop (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">icon</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (bootstrap icon)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">isLogo</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">cta</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/informations/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="params">Params</h2> <div class="alert alert-light"> <p><code>/config/_default/params.yaml</code></p>Instagramhttps://v1.hugolify.io/docs/blocks/instagram/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/instagram/<div class="alert alert-warning"> <p>Instagram access_token is required</p> </div> <h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">instagram</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">token</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">limit</span>: <span style="color:#ae81ff">5</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">cta</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/latest/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/instagram.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_instagram.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/js/blocks/instagram.js" target="_blank" rel="noreferrer noopener" title="« Javascript file » - external link">Javascript file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/latest.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/instagram.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-link">Related link</h2> <ul> <li> <a href="https://instafeedjs.com/" target="_blank" rel="noreferrer noopener" title="« Instafeed.js documentation » - external link">Instafeed.js documentation</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Latesthttps://v1.hugolify.io/docs/blocks/latest/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/latest/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">latest</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">section</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string [posts, publications, products…]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">layout</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [grid, list] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">count</span>: <span style="color:#ae81ff">4</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">show_more</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/latest/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/latest.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_latest.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/latest.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/latest.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Logoshttps://v1.hugolify.io/docs/blocks/logos/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/logos/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">logos</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#75715e"># url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#75715e"># url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">layout</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [grid, carousel] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">carousel</span>: {} <span style="color:#75715e"># object only if carousel layout (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">responsive</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">breakpoints</span>: <span style="color:#ae81ff">640</span> <span style="color:#75715e"># number [640, 768, 1024, 1280, 1440]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/logos/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/logos.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_logos.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-theme/blob/main/assets/js/features/carousel.js" target="_blank" rel="noreferrer noopener" title="« Javascript carousel file » - external link">Javascript carousel file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/logos.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/logos.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-links">Related links</h2> <ul> <li><a href="https://v1.hugolify.io/docs/getting-started/customization/javascript/#carousel-splidejs">Enable / Disable javascript</a></li> <li> <a href="https://splidejs.com/" target="_blank" rel="noreferrer noopener" title="« Splide JS » - external link">Splide JS</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> </ul>Maphttps://v1.hugolify.io/docs/blocks/map/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/map/<span class="badge text-bg-success">GDPR compliant</span> <h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">map</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">show_places</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional *)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">location</span>: {} <span style="color:#75715e"># map widget (optional *)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">coordinates</span>: {} <span style="color:#75715e"># (optional *)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lat</span>: <span style="color:#75715e"># float</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lng</span>: <span style="color:#75715e"># float</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">zoom</span>: <span style="color:#ae81ff">13</span> <span style="color:#75715e"># [1…20] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div><p>* use location (map widget from CMS), coordinates (object with lat and lng) or show_places (map with all markers from your places section).</p>Newsletterhttps://v1.hugolify.io/docs/blocks/newsletter/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/newsletter/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">newsletter</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">form</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">button</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">hiddens</span>: [] <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">name</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">value</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/newsletter/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/newsletter.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_newsletter.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/newsletter.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/newsletter.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Paragraphhttps://v1.hugolify.io/docs/blocks/paragraph/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/paragraph/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">paragraph</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">offset</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [start, end, center] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">align</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [start, end, center] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/paragraph/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/paragraph.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_paragraph.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/paragraph.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/paragraph.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Pusheshttps://v1.hugolify.io/docs/blocks/pushes/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/pushes/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">pushes</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">column</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [1…2]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">cta</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">url</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">blank</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">lang</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># code lang (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">filter</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">credit</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">offset</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [start, end, center]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">card</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (boolean)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">darken</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (boolean)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background_color</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># color (boolean)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">color</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># color (boolean)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">layout</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [grid, carousel] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">carousel</span>: {} <span style="color:#75715e"># object only if carousel layout (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">responsive</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">breakpoints</span>: <span style="color:#ae81ff">640</span> <span style="color:#75715e"># number [640, 768, 1024, 1280, 1440]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/pushes/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/pushes.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_pushes.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/pushes.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/pushes.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Quotehttps://v1.hugolify.io/docs/blocks/quote/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/quote/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">quote</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">quote</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">author</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/quote/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/quote.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_quote.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/quote.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/quote.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Searchhttps://v1.hugolify.io/docs/blocks/search/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/search/<h2 id="enable">Enable</h2> <p><a href="https://v1.hugolify.io/docs/getting-started/search/">Check how to enable search on your website</a></p> <h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">search</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/search/" class="btn btn-primary" title="Demo visual renderer">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/search.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_search.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/search.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/latest.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-link">Related link</h2> <ul> <li> <a href="https://pagefind.app/" target="_blank" rel="noreferrer noopener" title="« Pagefind » - external link">Pagefind</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> </ul>Selectedhttps://v1.hugolify.io/docs/blocks/selected/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/selected/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">selected-* </span> <span style="color:#75715e"># [selected-posts, selected-publications, selected-products…]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">section</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [posts, publications, products…]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">layout</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [grid, list] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] <span style="color:#75715e"># list of slugs</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">show_more</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (boolean)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (boolean)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/selected/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/selected.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_selected.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/selected.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/selected.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Testimonialshttps://v1.hugolify.io/docs/blocks/testimonials/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/testimonials/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">testimonials</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">quote</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">author</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">src</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">alt</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">isLogo</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">layout</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [grid, carousel] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">carousel</span>: {} <span style="color:#75715e"># object only if carousel layout (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">responsive</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">breakpoints</span>: <span style="color:#ae81ff">640</span> <span style="color:#75715e"># number [640, 768, 1024, 1280, 1440]</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">params</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">focus</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">arrows</span>: <span style="color:#66d9ef">true</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">pagination</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">type</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [slide, loop, fade] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">perPage</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">padding</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">gap</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># number (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/testimonials/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/testimonials.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_testimonials.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-theme/blob/main/assets/js/features/carousel.js" target="_blank" rel="noreferrer noopener" title="« Javascript carousel file » - external link">Javascript carousel file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/testimonials.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/testimonials.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="related-links">Related links</h2> <ul> <li><a href="https://v1.hugolify.io/docs/getting-started/customization/javascript/#carousel-splidejs">Enable / Disable javascript</a></li> <li> <a href="https://splidejs.com/" target="_blank" rel="noreferrer noopener" title="« Splide JS » - external link">Splide JS</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Timelinehttps://v1.hugolify.io/docs/blocks/timeline/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/timeline/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">timeline</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">items</span>: [] </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/timeline/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/timeline.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_timeline.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/timeline.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/timeline.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-danger">Not available</span> </li> </ul>Titlehttps://v1.hugolify.io/docs/blocks/title/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/title/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">title</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/title/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/title.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_title.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/title.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/title.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>Videohttps://v1.hugolify.io/docs/blocks/video/Mon, 01 Jan 0001 00:00:00 +0000https://v1.hugolify.io/docs/blocks/video/<h2 id="frontmatter">Frontmatter</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">blocks</span>: </span></span><span style="display:flex;"><span> - <span style="color:#f92672">type</span>: <span style="color:#ae81ff">video</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">heading</span>: {} <span style="color:#75715e"># (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">surtitle</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">title</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">text</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># markdown (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">video</span>: {} </span></span><span style="display:flex;"><span> <span style="color:#f92672">mp4</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># video url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">webm</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># video url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">controls</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">autoplay</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">loop</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">screenshot</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">legend</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">transcription</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># string (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">poster</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># image url (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">grid</span>: <span style="color:#e6db74">&#39;&#39;</span> <span style="color:#75715e"># [small, medium, large, container, full] (optional)</span> </span></span><span style="display:flex;"><span> <span style="color:#f92672">background</span>: <span style="color:#66d9ef">false</span> <span style="color:#75715e"># boolean (optional)</span> </span></span></code></pre></div> <a href="https://demo.hugolify.io/blocks/video/" class="btn btn-primary" title="« Demo visual renderer » - external link" target="_blank" rel="noreferrer noopener">Demo visual renderer</a> <h2 id="files">Files</h2> <ul> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/layouts/partials/blocks/templates/video.html" target="_blank" rel="noreferrer noopener" title="« HTML file » - external link">HTML file</a> </li> <li> <a href="https://github.com/hugolify/hugolify-theme/blob/main/assets/sass/components/blocks/_video.sass" target="_blank" rel="noreferrer noopener" title="« SASS file » - external link">SASS file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-example-site/blob/main/content/docs/video.md" target="_blank" rel="noreferrer noopener" title="« Demo content file » - external link">Demo content file</a> </li> <li> <a href="https://github.com/Hugolify/hugolify-admin/blob/main/layouts/partials/admin/blocks/video.yml" target="_blank" rel="noreferrer noopener" title="« Hugolify admin file » - external link">Hugolify admin file</a> </li> </ul> <h2 id="cms-availability">CMS availability</h2> <h3 id="hugolify-admin">Hugolify Admin</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/">Hugolify Admin</a> <ul> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/decap-cms/">Decap CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/netlify-cms/">Netlify CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/pages-cms/">Pages CMS</a> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/admin/cms/sveltia-cms/">Sveltia CMS</a> <span class="badge text-bg-success">Available</span> </li> </ul> </li> </ul> <h3 id="old-repositories">Old repositories</h3> <ul> <li><a href="https://v1.hugolify.io/docs/cms/decap-cms/">Hugolify Decap CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/netlify-cms/">Hugolify Netlify CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> <li><a href="https://v1.hugolify.io/docs/cms/sveltia-cms/">Hugolify Sveltia CMS</a> <span class="badge text-bg-warning">Deprecated</span> <span class="badge text-bg-success">Available</span> </li> </ul>