mirror of
https://github.com/acaloiaro/hugo-htmx-go-template
synced 2026-07-21 18:29:14 +00:00
166 lines
3.8 KiB
HTML
166 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
<title>hugo-htmx-go-template</title>
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="generator" content="Hugo 0.114.1">
|
|
|
|
|
|
|
|
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/ananke/css/main.min.css" >
|
|
|
|
|
|
|
|
|
|
<script src="/htmx.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="hugo-htmx-go-template" />
|
|
<link href="/index.xml" rel="feed" type="application/rss+xml" title="hugo-htmx-go-template" />
|
|
|
|
|
|
|
|
<meta property="og:title" content="hugo-htmx-go-template" />
|
|
<meta property="og:description" content="" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="/" />
|
|
<meta itemprop="name" content="hugo-htmx-go-template">
|
|
<meta itemprop="description" content=""><meta name="twitter:card" content="summary"/>
|
|
<meta name="twitter:title" content="hugo-htmx-go-template"/>
|
|
<meta name="twitter:description" content=""/>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="ma0 avenir bg-near-white"/>
|
|
|
|
|
|
|
|
<header>
|
|
<div class="pb3-m pb6-l bg-black">
|
|
<nav class="pv3 ph3 ph4-ns" role="navigation">
|
|
<div class="flex-l justify-between items-center center">
|
|
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
|
|
|
|
hugo-htmx-go-template
|
|
|
|
</a>
|
|
<div class="flex-l items-center">
|
|
|
|
|
|
|
|
|
|
<div class="ananke-socials">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="tc-l pv3 ph3 ph4-ns">
|
|
<h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
|
|
hugo-htmx-go-template
|
|
</h1>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<main class="pb7" role="main">
|
|
|
|
<article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="pa3 pa4-ns w-100 w-70-ns center">
|
|
|
|
|
|
<h1 class="flex-none">
|
|
Recent Posts
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
<section class="w-100 mw8">
|
|
|
|
|
|
<div class="relative w-100 mb4">
|
|
|
|
<article class="bb b--black-10">
|
|
<div class="db pv4 ph3 ph0-l no-underline dark-gray">
|
|
<div class="flex flex-column flex-row-ns">
|
|
|
|
<div class="blah w-100">
|
|
<h1 class="f3 fw1 athelas mt0 lh-title">
|
|
<a href="/posts/hello-world/" class="color-inherit dim link">
|
|
Hello, World!
|
|
</a>
|
|
</h1>
|
|
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links">
|
|
Let’s dynamically fetch content from our API. This content is your typical Hugo content authored in Markdown. Below the break we see content loaded dynamically via HTMX from our API server.
|
|
Open content/posts/hello-world.md to follow along.
|
|
Content loading from API...
|
|
Let’s add a form Writing markdown content is great, but sometimes you might want to add some hypermedia controls. Buttons, forms, etc.
|
|
Now we can greet the name from the form.
|
|
</div>
|
|
<a href="/posts/hello-world/" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">read more</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
|
|
<div class="flex justify-between">
|
|
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="/" >
|
|
© hugo-htmx-go-template 2023
|
|
</a>
|
|
<div>
|
|
<div class="ananke-socials">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|