main
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <title>
8 Soupault Pipeline Test
9 </title>
10 <meta name="author" content="Vincent Demeester">
11 <meta name="generator" content="Org Mode">
12 <script src="/flux.js" defer=""></script>
13 <link rel="stylesheet" href="/style.css" type="text/css">
14 </head>
15 <body>
16 <div class="site-controls">
17 <button class="theme-toggle" id="theme-toggle" title="Toggle dark/light mode">☀️</button>
18 </div>
19 <article id="content" class="content">
20 <header>
21 <h1 class="title">
22 Soupault Pipeline Test
23 </h1>
24 </header>
25 <p>
26 This tests the org → ox-tufte → soupault pipeline.
27 </p>
28 <section id="outline-container-code" class="outline-2">
29 <h2 id="code">
30 <a href="#code" class="anchor">§</a>Code
31 </h2>
32 <div id="text-code" class="outline-text-2">
33 <div class="org-src-container">
34 <pre class="src src-go"><code><span class="org-comment">// Source is the interface all flux providers implement.</span>
35<span class="org-keyword">type</span> <span class="org-type">Source</span> <span class="org-keyword">interface</span> {
36 <span class="org-function-name">Name</span>() <span class="org-type">string</span>
37 <span class="org-function-name">Fetch</span>(<span class="org-variable-name">ctx</span> <span class="org-type">context</span>.<span class="org-type">Context</span>, <span class="org-variable-name">since</span> <span class="org-type">time</span>.<span class="org-type">Time</span>) ([]<span class="org-type">Entry</span>, <span class="org-type">error</span>)
38}
39</code></pre>
40 </div>
41 </div>
42 </section>
43 <section id="outline-container-callouts-from-org-special-blocks" class="outline-2">
44 <h2 id="callouts-from-org-special-blocks">
45 <a href="#callouts-from-org-special-blocks" class="anchor">§</a>Callouts from org special blocks
46 </h2>
47 <div id="text-callouts-from-org-special-blocks" class="outline-text-2">
48 <div class="callout callout-note" id="orgd98eb26">
49 <div class="callout-title">
50 Note
51 </div>
52 <p>
53 This is a note callout, written as <code>#+begin_note</code> in org-mode.
54Soupault transforms <code>div.note</code> into the styled callout.
55 </p>
56 </div>
57 <div class="callout callout-tip" id="org7925b9e">
58 <div class="callout-title">
59 Tip
60 </div>
61 <p>
62 Use <code>flux generate --dry-run</code> to preview entries.
63 </p>
64 </div>
65 <div class="callout callout-warning" id="orgee35afe">
66 <div class="callout-title">
67 Warning
68 </div>
69 <p>
70 GitHub API has rate limits: 30 requests/minute for search.
71 </p>
72 </div>
73 <div class="callout callout-danger" id="org0ce0959">
74 <div class="callout-title">
75 Danger
76 </div>
77 <p>
78 Never commit your <code>GITHUB_TOKEN</code> to the repository.
79 </p>
80 </div>
81 </div>
82 </section>
83 <section id="outline-container-sidenotes" class="outline-2">
84 <h2 id="sidenotes">
85 <a href="#sidenotes" class="anchor">§</a>Sidenotes
86 </h2>
87 <div id="text-sidenotes" class="outline-text-2">
88 <p>
89 This paragraph has a sidenote<label id="fnr.1" for="fnr-in.1.4993595" class="margin-toggle sidenote-number"><sup class="numeral">1</sup></label><input type="checkbox" id="fnr-in.1.4993595" class="margin-toggle"><span class="sidenote"><sup class="numeral">1</sup>
90This becomes a Tufte sidenote automatically via ox-tufte.
91</span>.
92 </p>
93 <p>
94 And a margin note:
95 </p>
96 <label for="mn-auto.5738824" class="margin-toggle">⊕</label><input type="checkbox" id="mn-auto.5738824" class="margin-toggle">
97 <div class="marginnote" id="orgb948b55">
98 <p>
99 This margin note was written with <code>#+begin_marginnote</code> in org.
100No raw HTML needed.
101 </p>
102 </div>
103 </div>
104 </section>
105 <section id="outline-container-a-quote" class="outline-2">
106 <h2 id="a-quote">
107 <a href="#a-quote" class="anchor">§</a>A quote
108 </h2>
109 <div id="text-a-quote" class="outline-text-2">
110 <blockquote>
111 <p>
112 The phrase "digital garden" is a metaphor for thinking about writing.
113 </p>
114 <footer>
115 Joel Hooks
116 </footer>
117 </blockquote>
118 </div>
119 </section>
120 </article>
121 </body>
122</html>