From 5dffee9429705f5518cf17d393a500b15ca54a6b Mon Sep 17 00:00:00 2001
From: Ava Gaiety W <ava@wroten.me>
Date: Wed, 15 Mar 2023 00:13:40 -0500
Subject: [PATCH] more pronouns, list styling

---
 app.js                    | 4 +++-
 database.csv              | 6 ++++++
 src/app.css               | 5 +++++
 src/views/list.handlebars | 4 ++--
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app.js b/app.js
index 4c35838..521ae1f 100644
--- a/app.js
+++ b/app.js
@@ -12,6 +12,7 @@ app.set('views', './src/views')
 app.use(express.static('dist'))
 
 const siteName = "Pronoun Monster"
+const pronounsToDisplayOnHome = 6
 
 function constructLexicon(nominative, accusative, pronominalPossessive, predicativePossessive, reflexive) {
   return {
@@ -25,7 +26,8 @@ function constructLexicon(nominative, accusative, pronominalPossessive, predicat
 
 app.get('/', (req, res) => {
   const pageTitle = siteName;
-  res.render('home', { siteName, pageTitle, data } )
+  const pronounListLimited = data.map(pronounObject => Object.values(pronounObject).join('/')).slice(pronounsToDisplayOnHome)
+  res.render('home', { siteName, pageTitle, pronounList: pronounListLimited } )
 })
 
 app.get('/list', (req, res) => {
diff --git a/database.csv b/database.csv
index 336df52..97c381e 100644
--- a/database.csv
+++ b/database.csv
@@ -3,3 +3,9 @@ he,him,his,him,himself
 they,them,,their,themself
 it,its,,its,itself
 fae,faer,,femme,femmeself
+ze,zir,,zirs,zirself
+by,byte,bytes,bytes,byteself
+fur,fur,furs,furs,furself
+kit,kitten,kits,kittens,kittenself
+pup,pup,pups,pups,pupself
+vi,vim,vims,vimself
diff --git a/src/app.css b/src/app.css
index 5084e89..2611135 100644
--- a/src/app.css
+++ b/src/app.css
@@ -53,6 +53,11 @@ footer {
     content: "/";
 }
 
+.pronoun-list-link {
+    color: var(--text-shout);
+    text-decoration: underline;
+}
+
 .pronoun-example-table {
     border-color: var(--stroke);
 }
diff --git a/src/views/list.handlebars b/src/views/list.handlebars
index 0126420..f6a4a82 100644
--- a/src/views/list.handlebars
+++ b/src/views/list.handlebars
@@ -1,8 +1,8 @@
 <div class="flex flex-col gap-8">
   <h1 class="text-3xl">List of Popular Pronouns</h1>
-  <ul>
+  <ul class="columns-1 md:columns-2 gap-4">
     {{#each pronounList}}
-      <li><a href="/{{this}}">{{this}}</a></li>
+      <li class="mb-2"><a href="/{{this}}" class="pronoun-list-link">{{this}}</a></li>
     {{/each}}
   </ul>
 </div>