Use Jekyll

toaq · Jul 4, 2024 · 2e0a48b · 2e0a48b
1 parent 5dafd02
commit 2e0a48b
Show file tree

Hide file tree

Showing 9 changed files with 304 additions and 578 deletions.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+name: Toaq
diff --git a/_layouts/delta-refgram.html b/_layouts/delta-refgram.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>Toaq - {{ page.title }}</title>
+	<link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="" />
+    <meta name="robots" content="index, follow" />
+
+    <link rel="stylesheet" type="text/css" href="../css/r-c-min.css" />
+
+    <link rel="stylesheet" type="text/css" href="../css/style.css" />
+
+    <link rel="stylesheet" type="text/css" href="../css/interlinear.css"/>
+	<link rel="stylesheet" type="text/css" href="../../css/SegoeUI/segoe.css"/>
+
+
+</head>
+<body>
+
+<img src="../assets/logo.webp" class="logo"></img>
+
+{% assign chapters = site.pages | where: "layout", "delta-refgram" | sort: "order" %}
+
+<div class="topnav">
+{% for chapter in chapters %}
+  <a href="{{ chapter.url | relative_url}}">{{ chapter.title }}</a>
+{% endfor %}
+</div>
+
+<r-c class="fixed-width" >
+    <c1-1>
+
+{{ content }}
+
+{% if page.order < chapters.size %}
+{% assign next = page.order %}
+<a href="{{ chapters[next].url | relative_url }}" class="button" data-text="sıe"><span class="technical">▶</span> Proceed to the next chapter</a>
+{% endif %}
+
+
+
+    </c1-1>
+</r-c>
+
+<div class="topnav">
+  {% for chapter in chapters %}
+    <a href="{{ chapter.url | relative_url}}">{{ chapter.title }}</a>
+  {% endfor %}
+  </div>
+
+</body>
+
+<script type="text/javascript" src="../css/interlinear.js"></script>
+</html>
diff --git a/index.html b/index.html
@@ -7,14 +7,14 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Toaq</title>
 	<link rel="icon" type="image/x-icon" href="images/favicon.ico">
-    
+
     <link href="css/bootstrap.min.css" rel="stylesheet" /> <!-- https://getbootstrap.com/ -->
     <link href="fontawesome/css/all.min.css" rel="stylesheet" /> <!-- https://fontawesome.com/ -->
     <link href="css/style.css" rel="stylesheet" />
 </head>
 
 <body>
-    <div class="tm-container">        
+    <div class="tm-container">
         <div class="content">
             <div class="tm-row pt-4">
                 <div class="tm-col-left">
@@ -23,13 +23,13 @@
                         <div class="media-body">
                             <h1 class="tm-sitename text-uppercase">Toaq</h1>
                             <p class="tm-slogon">A monoparsing artlang-engelang.</p>
-                        </div>        
+                        </div>
                     </div>
                 </div>
                 <div class="tm-col-right">
                     <nav class="navbar navbar-expand-lg" id="tm-main-nav">
-                        <button class="navbar-toggler toggler-example mr-0 ml-auto" type="button" 
-                            data-toggle="collapse" data-target="#navbar-nav" 
+                        <button class="navbar-toggler toggler-example mr-0 ml-auto" type="button"
+                            data-toggle="collapse" data-target="#navbar-nav"
                             aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
                             <span><i class="fas fa-bars"></i></span>
                         </button>
@@ -43,16 +43,16 @@ <h1 class="tm-sitename text-uppercase">Toaq</h1>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link tm-nav-link" href="https://toadua.uakci.pl/">Dictionary</a>
-                                </li>                            
+                                </li>
                                 <li class="nav-item">
                                     <a class="nav-link tm-nav-link" href="https://discord.gg/qDqDsH9">Discord</a>
                                 </li>
-                            </ul>                            
-                        </div>                        
+                            </ul>
+                        </div>
                     </nav>
                 </div>
             </div>
-            
+
             <div class="tm-row">
                 <div class="tm-col-left"></div>
                 <main class="tm-col-right">
@@ -63,14 +63,14 @@ <h2 class="mb-5 tm-content-title">Welcome to Toaq!</h2>
                         <hr class="my-2">
                         <p class="mt-5 my-2">A light introductory course is available here:</p>
                         <a href="/TwE/00" class="btn btn-primary tm-nav-link">Toaq with Ease</a>
-                        <p class="mt-5 my-2">For a complete description of the language, read:</p>                        
+                        <p class="mt-5 my-2">For a complete description of the language, read:</p>
                         <a href="refgram/introduction/" class="btn btn-primary tm-nav-link">Reference Grammar of Toaq</a>
                     </section>
                 </main>
             </div>
-        </div>        
+        </div>
+
 
-
 
         <!-- Diagonal background design -->
         <div class="tm-bg">

diff --git a/refgram/introduction/index.html b/refgram/introduction/index.html
@@ -1,46 +1,16 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <title>Toaq - Introduction</title>
-	<link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="" />
-    <meta name="robots" content="index, follow" />
-
-    <link rel="stylesheet" type="text/css" href="../css/r-c-min.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/style.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/interlinear.css"/>
-
-	<link rel="stylesheet" type="text/css" href="../css/CMU/cmun-serif.css"/>
-	<link rel="stylesheet" type="text/css" href="../../css/SegoeUI/segoe.css"/>
-</head>
-<body>
-
-<img src="../assets/logo.webp" class="logo"></img>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-<r-c class="fixed-width" >
-    <c1-1>
-
+---
+title: Introduction
+order: 1
+layout: delta-refgram
+---
 <h1 id="introduction"><a href="#introduction">Introduction</a></h1>
 
 <p><span class="technical">
 🛈 This text contains linguistic syntax and formal semantics jargon. Some parts of this text are quite technical. There is also an abundance of diagrams depicting syntax trees. Simply ignore them if you don't find them useful. Learners of the language can get all the information they need from the written descriptions and especially from the many glossed example sentences. If you do find the trees useful, consider them a bonus.
 </span></p>
 
 <p><span class="technical">
-🛈 The glossed example sentences require Javascript to align correctly, and the site uses embedded fonts, so please enable both. 
+🛈 The glossed example sentences require Javascript to align correctly, and the site uses embedded fonts, so please enable both.
 </span></p>
 
 <h2 id="earlier_versions_of_the_language"><a href="#earlier_versions_of_the_language">Earlier versions of the language</a></h2>
@@ -74,27 +44,3 @@ <h2 id="what_is_a_loglang"><a href="#what_is_a_loglang">What is a loglang?</a></
 <p>By the end of this text, you will know how.</p>
 
 
-
- <a href="../phonology/" class="button" data-text="sıe"><span class="technical">▶</span> Proceed to the next chapter</a>
-
-
-
-
-
-
-    </c1-1>
-</r-c>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-</body>
-
-<script type="text/javascript" src="../css/interlinear.js"></script>
-</html>
diff --git a/refgram/morphology/index.html b/refgram/morphology/index.html
@@ -1,39 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <title>Toaq - Morphology</title>
-	<link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="" />
-    <meta name="robots" content="index, follow" />
-
-    <link rel="stylesheet" type="text/css" href="../css/r-c-min.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/style.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/interlinear.css"/>
-
-	<link rel="stylesheet" type="text/css" href="../../css/SegoeUI/segoe.css"/>
-
-
-</head>
-<body>
-
-<img src="../assets/logo.webp" class="logo"></img>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-<r-c class="fixed-width" >
-    <c1-1>
-
+---
+title: Morphology
+order: 4
+layout: delta-refgram
+---
 <h1 id="morphology"><a href="#morphology">Morphology</a></h1>
 
 <p>Toaq can be described as having opaque lexical morphology and transparent derivational morphology. Toaq is highly analytic, while featuring a productive system of derivational prefixes.</p>
@@ -54,7 +23,7 @@ <h2 id="a_self_segregating_morphology"><a href="#a_self_segregating_morphology">
 	<h4 id="ssm_pattern"><a href="#ssm_pattern">SSM pattern</a></h4>
 	<p>
 		<span class="mono">
-			words <- (stressed_syllable unstressed_syllable*)+ 
+			words <- (stressed_syllable unstressed_syllable*)+
 			<br>
 			morphemes <- (prefix+ infix)? stem
 		</span>
@@ -507,29 +476,3 @@ <h2 id="tonal_morphemes"><a href="#tonal_morphemes">Tonal morphemes</a></h2>
 <p>The determiner morpheme <img class="tone" src="../assets/tones/d2.png"> has the conditional allomorph <span class="glyphs">󱚼󱛃</span> <span class="toaq">lo</span> which only occurs when <img class="tone" src="../assets/tones/d2.png"> cannot be used (see also <a href="../syntax/#object_incorporation">object incorporation</a>).</p>
 
 <p>Since tones are syntactic, their exact functions will be covered in the chapter on <a href="../syntax/">syntax</a>.</p>
-
-
-<a href="../syntax/" class="button" data-text="sıe"><span class="technical">▶</span> Proceed to the next chapter</a>
-
-
-
-
-
-
-
-    </c1-1>
-</r-c>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-</body>
-
-<script type="text/javascript" src="../css/interlinear.js"></script>
-</html>
diff --git a/refgram/orthography/index.html b/refgram/orthography/index.html
@@ -1,38 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <title>Toaq - Orthography</title>
-	<link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="" />
-    <meta name="robots" content="index, follow" />
-
-    <link rel="stylesheet" type="text/css" href="../css/r-c-min.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/style.css" />
-
-    <link rel="stylesheet" type="text/css" href="../css/interlinear.css"/>
-
-	<link rel="stylesheet" type="text/css" href="../../css/SegoeUI/segoe.css"/>
-
-</head>
-<body>
-
-<img src="../assets/logo.webp" class="logo"></img>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-<r-c class="fixed-width" >
-    <c1-1>
-
+---
+title: Orthography
+order: 3
+layout: delta-refgram
+---
 <h1 id="orthography"><a href="#orthography">Orthography</a></h1>
 
 <table class="soundsymbols">
@@ -242,10 +212,10 @@ <h3 id="the_derani_vowels"><a href="#the_derani_vowels">The Derani vowels</a></h
 </tbody>
 </table>
 
-<p>• A <i>hiatus mark</i> is placed under non-falling VV sequences: <span class="glyphsl">◌󱛍◌</span></p> 
-	
+<p>• A <i>hiatus mark</i> is placed under non-falling VV sequences: <span class="glyphsl">◌󱛍◌</span></p>
+
 <p>For example:</p>
-	    
+
 <table class="letters">
 <tbody>
   <tr>
@@ -254,7 +224,7 @@ <h3 id="the_derani_vowels"><a href="#the_derani_vowels">The Derani vowels</a></h
   </tr>
 </tbody>
 </table>
-	    
+
 <p>Diphthong marking and hiatus marking also help increase readability.</p>
 
 <p>• An explicit glottal stop <span class="glyphsl">󱛅</span> is prepended to vowel-initial syllables whose second letter is one which has both a consonant and a vowel value:</p>
@@ -450,30 +420,3 @@ <h3 id="sample_text"><a href="#sample_text">Sample text</a></h3>
 <p>Below is a short sample text:</p>
 
 <p class="pderani"><span class="glyphsl">󱚾󱚺󱚶󱚹 󱛕 󱚵󱚺󱛎󱚹 󱚿󱚲󱚱 󱚵󱛃󱛍󱚺󱛂 󱚺󱛊󱚲󱛂 󱚵󱛊󱚹 󱛘󱛄󱚺󱛎󱚹󱚺󱚴󱛙 󱛕 󱛁󱚺 󱚰󱚹 󱛓󱛆󱛃󱛍󱚴󱚰󱚺󱛎󱚹󱛓 󱚾󱛊󱚹 󱚶󱚺 󱛕 󱚰󱚹󱛍󱚲 󱚾󱛊󱚹 󱛔 󱛁󱚺󱛋 󱚻󱚴󱛂 󱚶󱚴 󱚺󱛊󱚲󱛂 󱛕 󱛘󱚾󱛊󱚹󱛍󱚺󱛂󱛙 󱚵󱛋󱚺 󱚻󱚹󱛍󱚺󱛂 󱛆󱚺󱛒󱛃󱚹 󱛆󱛊󱛃󱚺 󱚲󱚺 󱛖</span></p>
-
-
-
-<a href="../morphology/" class="button" data-text="sıe"><span class="technical">▶</span> Proceed to the next chapter</a>
-
-
-
-
-
-
-
-    </c1-1>
-</r-c>
-
-<div class="topnav">
-  <a href="../introduction/">Introduction</a>
-  <a href="../phonology/">Phonology</a>
-  <a href="../orthography/">Orthography</a>
-  <a href="../morphology/">Morphology</a>
-  <a href="../syntax/">Syntax</a>
-  <a href="../semantics/">Semantics</a>
-</div>
-
-</body>
-
-<script type="text/javascript" src="../css/interlinear.js"></script>
-</html>