Skip to content

Commit 4361640

Browse files
Built site for gh-pages
1 parent 478e7fa commit 4361640

27 files changed

Lines changed: 10077 additions & 3484 deletions

File tree

.nojekyll

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
f3ae3f74
1+
d1eb232d

about.html

Lines changed: 19 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -304,23 +304,15 @@
304304
<ul class="navbar-nav navbar-nav-scroll ms-auto">
305305
<li class="nav-item">
306306
<a class="nav-link" href="./posts.html">
307-
<span class="menu-text">Blog</span></a>
307+
<span class="menu-text">Posts</span></a>
308308
</li>
309309
<li class="nav-item">
310310
<a class="nav-link" href="./ideas.html">
311311
<span class="menu-text">Ideas</span></a>
312312
</li>
313313
<li class="nav-item">
314-
<a class="nav-link" href="./talks.html">
315-
<span class="menu-text">Talks</span></a>
316-
</li>
317-
<li class="nav-item">
318-
<a class="nav-link" href="./tutorials.html">
319-
<span class="menu-text">Tutorials</span></a>
320-
</li>
321-
<li class="nav-item">
322-
<a class="nav-link" href="./pages.html">
323-
<span class="menu-text">Pages</span></a>
314+
<a class="nav-link" href="./libs.html">
315+
<span class="menu-text">Libraries and Tools</span></a>
324316
</li>
325317
<li class="nav-item">
326318
<a class="nav-link active" href="./about.html" aria-current="page">
@@ -399,7 +391,7 @@ <h3 class="anchored" data-anchor-id="write-notebooks">Write notebooks</h3>
399391
</section>
400392
<section id="preview-the-full-website" class="level3">
401393
<h3 class="anchored" data-anchor-id="preview-the-full-website">Preview the full website</h3>
402-
<div class="sourceCode" id="cb1"><pre class="sourceCode sh code-with-copy"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">clojure</span> <span class="at">-M:m</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
394+
<div class="sourceCode" id="cb1"><pre class="sourceCode sh code-with-copy"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">clojure</span> <span class="at">-M:clay</span> <span class="at">-a</span> <span class="pp">[</span><span class="ss">:markdown</span><span class="pp">]</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
403395
<div class="sourceCode" id="cb2"><pre class="sourceCode sh code-with-copy"><code class="sourceCode bash"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="ex">quarto</span> preview site</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
404396
</section>
405397
<section id="publish" class="level3">
@@ -412,6 +404,7 @@ <h2 class="anchored" data-anchor-id="rationale">Rationale</h2>
412404
<div style="text-align: center; font-family: 'Georgia', serif; font-size: 1.5rem; margin: 2rem 0; color: #2e7d32;">
413405
<p>Exploramus, Communicamus, Crescimus<br> <small style="font-size: 1rem; color: #555;">We explore, we share, we grow.</small></p>
414406
</div>
407+
<p>Civitas Clojure offers a hassle-free way to host and share your notebooks without the overhead of creating a new project each time. By providing a shared, well-organized platform, it lets you focus on your ideas and code while automatically publishing your work to GitHub Pages. This streamlines collaboration, increases visibility, and makes contributing simple and efficient—so you can spend less time on setup and more time creating.</p>
415408
<p>Learning technical subjects involves navigating complex webs of concepts. Currently, resources for learning Clojure exist as isolated articles, unconnected tutorials, or flat lists that do not capture how ideas relate to each other. This makes it difficult for learners to determine logical next steps or see how topics connect. Teachers and curriculum designers face similar challenges when trying to organize material in ways that reflect actual dependencies and alternatives.</p>
416409
<p>Civitas approaches this problem by implementing a structured knowledge base where resources are explicitly linked based on their conceptual relationships. The hexagonal grid interface provides a visual representation of these connections, allowing users to naturally discover related content. Each resource includes metadata to indicate prerequisites, alternatives, and deeper explorations.</p>
417410
<p>This structure serves several practical purposes. Learners can see multiple valid paths through the material. Teachers can construct guided sequences while maintaining visibility of adjacent concepts. The community can improve resources incrementally by adding or refining connections. The system is designed to grow organically as new relationships are identified and documented.</p>
@@ -428,8 +421,8 @@ <h2 class="anchored" data-anchor-id="design">Design</h2>
428421
<h3 class="anchored" data-anchor-id="file-system-organization">File system organization</h3>
429422
<table class="caption-top table">
430423
<colgroup>
431-
<col style="width: 25%">
432-
<col style="width: 74%">
424+
<col style="width: 18%">
425+
<col style="width: 81%">
433426
</colgroup>
434427
<thead>
435428
<tr class="header">
@@ -444,52 +437,35 @@ <h3 class="anchored" data-anchor-id="file-system-organization">File system organ
444437
</tr>
445438
<tr class="even">
446439
<td><code>content</code></td>
447-
<td>Notebooks (Clojure and Markdown), images, data files</td>
448-
</tr>
449-
<tr class="odd">
450-
<td><code>content/posts</code></td>
451-
<td>Time-anchored content (blog posts, announcements, analyses)</td>
452-
</tr>
453-
<tr class="even">
454-
<td><code>content/pages</code></td>
455-
<td>Timeless or evolving content related to this site</td>
440+
<td>Source root for notebooks (Clojure and Markdown), images, data files</td>
456441
</tr>
457442
<tr class="odd">
458-
<td><code>content/tutorials</code></td>
459-
<td>Learning materials (tutorials, workshops, guides)</td>
443+
<td><code>content/idea</code></td>
444+
<td>The <code>idea</code> namespace hosts explorations, concepts and insights</td>
460445
</tr>
461446
<tr class="even">
462-
<td><code>content/talks</code></td>
463-
<td>Presentation slides and related materials</td>
447+
<td><code>content/lib</code></td>
448+
<td>The <code>lib</code> namespace is tied to libraries, tools, and projects</td>
464449
</tr>
465450
<tr class="odd">
466-
<td><code>content/ideas</code></td>
467-
<td>Drafts, experiments, and work-in-progress content</td>
468-
</tr>
469-
<tr class="even">
470451
<td><code>site</code></td>
471-
<td>Quarto configuration for the website</td>
452+
<td>Temporary build target for the Quarto website</td>
472453
</tr>
473454
</tbody>
474455
</table>
475-
<p>Each of <code>posts</code>, <code>pages</code>, <code>tutorials</code>, <code>talks</code>, <code>ideas</code> is a source-root. These directories make it easier to distinguish blog posts from everything else.</p>
476-
<p>Namespace selection for notebooks follow standard Clojure namespace conventions to avoid conflicts.</p>
477-
<p>Library-related notebooks: Use the library’s namespace prefix (e.g., scicloj.clay.v2.guide.getting-started).</p>
478-
<p>Disambiguation: If a topic exists, qualify with additional context (e.g., scicloj.clay.v2.guide.getting-started.intellij).</p>
479-
<p>Dependent utils/modules: Nest under a parent namespace (e.g., …getting-started.index, …getting-started.utils).</p>
456+
<p>Shared images can go in <code>content/images</code>, but prefer images and data files as siblings to your namespace.</p>
457+
<p>The difference between a posts and a page is identified by the presence or absence of <code>date</code> metadata.</p>
458+
<p>Namespace selection for notebooks follow standard Clojure namespace conventions to avoid conflicts. Choose namespaces that fit with the content-first hierarchy. Files are grouped by what they’re about (not who wrote them or where they were presented). Author, date, tags and categories are included in metadata and will be used for grouping, filter of views.</p>
459+
<p>Disambiguation: If a topic exists, qualify with additional context.</p>
480460
<p>Civitas invokes <a href="https://github.com/scicloj/clay">Clay</a> to convert Clojure notebooks into Markdown files, placing them in the <code>site</code> directory. This <code>site</code> directory serves as a build folder for <a href="https://quarto.org/">Quarto</a>. Avoid adding files directly to <code>site</code>.</p>
481461
<p>Static assets (such as images or data files) should be placed in the <code>content</code> directory. During the build process, any files in the <code>content</code> directory that are not Clojure files, are copied into the <code>site</code> directory. Quarto then builds the Markdown in <code>site</code> into HTML, which is placed in <code>_site</code> before deploying it to GitHub Pages.</p>
482462
<p>During development, Clay serves HTML from the <code>temp</code> directory, which is git ignored.</p>
483463
<p>Goal: Align with Clojure’s code organization while allowing organic, practical growth.</p>
484464
</section>
485465
<section id="topic-organization" class="level3">
486466
<h3 class="anchored" data-anchor-id="topic-organization">Topic organization</h3>
487-
<p>Notebooks are tagged with a primary topic (first in list) and optional additional topics.</p>
488-
<p>Fixed top-level topics: <code>:community</code>, <code>:core</code>, <code>:data</code>, <code>:system</code>, <code>:tooling</code>, <code>:web</code>.</p>
489-
<p>Subtopics: Semi-open (e.g., :web/frontend implies :web). Expect these to evolve.</p>
490-
<p>Topics are one tagging method; others may emerge.</p>
491-
<p>Tags want to be free: https://gwern.net/doc/philosophy/ontology/2005-04-shirky-ontologyisoverratedcategorieslinksandtags.html</p>
492-
<p>But also we can help curate the content with a good set of top-level topics.</p>
467+
<p>Follow the Quarto convention of categories, tags, and keywords. Fixed categories; <code>community</code>, <code>clojure</code>, <code>data</code>, <code>system</code>, <code>tooling</code>, <code>web</code>. Tags; flexible, open-ended for finer-grained labeling (e.g.&nbsp;<code>frontend</code>, <code>reagent</code>). Keywords; for SEO or search indexing; typically fewer and focused on discoverability.</p>
468+
<p>Tags and metadata are the preferred organization principle: <a href="https://gwern.net/doc/philosophy/ontology/2005-04-shirky-ontologyisoverratedcategorieslinksandtags.html">Categories, Links, and Tags</a></p>
493469
<p>Goal: Constellations, not cabinets.</p>
494470
</section>
495471
<section id="dependency-management" class="level3">

0 commit comments

Comments
 (0)