Merge pull request #118 from cstby/pdfs-index

Add pdfs.hbs [WIP]

_data/sona.yaml

@@ -1,4 +1,5 @@
 site: https://liputenpo.org
+linluwi-pi-pdf-ale: https://github.com/lipu-tenpo/liputenpo.org/tree/main/pdfs
 ni-li-seme:
   - question: "What is this?"
     answer: "Hello! You’re looking at the website for lipu tenpo, a magazine written in Toki Pona. Maybe you’re new and want to know more about this language. Great! This page hopes to answer some of your questions."

pdfs.hbs

@@ -0,0 +1,61 @@
+---
+layout: page
+title: "lipu tenpo - pdfs"
+css:
+  - stylesheet-index.css
+---
+
+<div class="h2">
+  <h2 id="pdf">
+    lipu
+  </h2>
+</div>
+
+<section id="introduction">
+  <p>o kama pona!</p>
+  <p>o lukin e lipu ale lon ni.</p>
+  <p>o kama jo e lipu ale <a href="{{sona.linluwi-pi-pdf-ale}}">lon ni</a>.</p>
+</section>
+
+<div class="lipu-flex">
+  <section id="lipu_ale_pdf">
+    {{#each lipu_ale}}
+    <div>
+      <article class="lipuwan lipuwan_pdf">
+          {{{eleventyImage (appendString "pdfs/" cover_image) "" title 400}}}
+          <h3 id="{{ this.title }}">
+            {{ this.title }}
+          </h3>
+          <span class="date">
+            <time datetime="{{ asReadableDate this.date }}">{{ asReadableDate this.date }}</time>
+          </span>
+          <div class="pdf-links">
+            {{#if this.pdf}}
+            <a href="{{this.pdf}}">
+              <span>lipu kule</span>
+            </a>
+            <br>
+            {{/if}}
+            {{#if this.pdf_pf}}
+            <a href="{{this.pdf_pf}}">
+              <span>lipu tawa ilo sitelen</span>
+            </a>
+            <br>
+            {{/if}}
+            {{#if this.pdf_bwpf}}
+            <a href="{{this.pdf_bwpf}}">
+              <span>lipu walo tawa ilo sitelen</span>
+            </a>
+            <br>
+            {{/if}}
+            {{#if this.pdf_sitelen_pona}}
+            <a href="{{this.pdf_sitelen_pona}}">
+              <span>lipu pi sitelen pona</span>
+            </a>
+            {{/if}}
+          </div>
+      </article>
+    </div>
+    {{/each}}
+  </section>
+</div>

public/stylesheet-index.css

@@ -192,3 +192,23 @@
 #lipu-nanpa-lon .jan-pali {
   padding: 0 .5rem;
 }
+
+#lipu_ale_pdf {
+  padding: 3rem 2rem 2rem;
+  width: 100%;
+  max-width: 60rem;
+
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+  grid-gap: 4rem;
+}
+
+.lipuwan_pdf {
+  max-width: 13em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  width: 100%;
+}