From d748fac26215462c598149d10901f1a877d365ac Mon Sep 17 00:00:00 2001
From: Hunter Richardson <hrichardson8@gmail.com>
Date: Fri, 21 Jun 2024 11:08:41 -0500
Subject: [PATCH] Front-end update

---
 README.md            |  4 ++--
 src/facies/index.vue | 23 +++++++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 055a312..e9eac72 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
 
 ## *Crustula* / Cookies
 
-*Situs crustula in tonsorem hospitis coquitur ni negaret aperte, casu crustulum coctum solum illud indicabit. Si hospes titulum crustulorum agnoscere nollet tum quoties apparebit; hospes nec titulum crustulorum nec globulos ferentes ante negandum videbit donec crustulum exibit. Crustula hic intenduntur hospites licere singulas optare pro usu sibi nec pro indagendo venditioneque. Pro illa casu hospes singulas has optaret* / The website stores cookies in the visitor's browser, unless of course (s)he refuses them -- in which case the only stored cookie shall indicate that. If the visitor does not acknowledge the cookie policy, then it will appear every time (s)he visits; after refusing, the visitor will see neither the cookie policy nor the buttons that facilitate their storage, until the cookie expires. Cookies are intended here to allow the visitor to tailor his/her website experience, not for the purpose of tracking or advertisements. To that end, the visitor may select the following customizations.
+*Situs crustula in tonsorem hospitis coquitur ni negaret aperte, casu crustulum coctum solum illud indicabit. Si hospes titulum crustulorum agnoscere nollet tum quoties apparebit; hospes nec titulum crustulorum nec globulos ferentes ante negandum videbit donec crustulum exibit. Crustula hic intenduntur hospites licere singulas optare pro usu sibi nec pro indagendo venditioneque. Pro illa casu hospes singulas has optaret.* / The website stores cookies in the visitor's browser, unless of course (s)he refuses them -- in which case the only stored cookie shall indicate that. If the visitor does not acknowledge the cookie policy, then it will appear every time (s)he visits; after refusing, the visitor will see neither the cookie policy nor the buttons that facilitate their storage, until the cookie expires. Cookies are intended here to allow the visitor to tailor his/her website experience, not for the purpose of tracking or advertisements. To that end, the visitor may select the following customizations.
 
 * ***`assensus`*** ("consent"):
   * *Propositum* / Purpose: *pro intellegendo hospitis usus crustulorum siti* / to facilitate the visitor's understanding of the website's cookie usage
@@ -36,7 +36,7 @@
   * *Valor inhaerendus: `non`*
 
 * ***`apices`*** ("macra"):
-  * *Propositum: lemmas locutionesque cum [apicibus](https://wikipedia.org/wiki/Macron_(diacritic)) scribere. Hi litteras longas signant ergo conare longius maiusque sonare brevibus atque in pluria dictionaria scripturaque grammaticalia scriptaest at aliter remotae* / to print lemmas and phrases either with or without diacritic marks (called [macra](https://wikipedia.org/wiki/Macron_(diacritic))). These marks indicate long vowels -- try to pronounce them longer and/or louder than the short, unmarked vowels -- and are written in most dictionaries and Latin grammar textbooks, but otherwise removed from written language.
+  * *Propositum: lemmas locutionesque cum [apicibus](https://wikipedia.org/wiki/Macron_(diacritic)) scribere. Hi litteras longas signant ergo conare longius maiusque sonare brevibus atque in pluria dictionaria scripturaque grammaticalia scriptaest at aliter remotae.* / to print lemmas and phrases either with or without diacritic marks (called [macra](https://wikipedia.org/wiki/Macron_(diacritic))). These marks indicate long vowels -- try to pronounce them longer and/or louder than the short, unmarked vowels -- and are written in most dictionaries and Latin grammar textbooks, but otherwise removed from written language.
   * *Valora: `ita` aut `non`*
   * *Valor inhaerendus: `ita`*
 
diff --git a/src/facies/index.vue b/src/facies/index.vue
index fad35ac..3525106 100644
--- a/src/facies/index.vue
+++ b/src/facies/index.vue
@@ -49,6 +49,19 @@
             titula: crustula.lingua === 'anglica' ? 'Calculate' : 'Calculare',
             valor: 'calculare'
           }
+        ],
+
+        separatores: [
+          {
+            clavis: 'inane',
+            valor: '_'
+          }, {
+            clavis: 'interpunctum',
+            valor: '·'
+          }, {
+            clavis: 'nullum',
+            valor: ' '
+          },
         ]
       };
     },
@@ -169,12 +182,10 @@
              :text="crustula.utendaU === 'ita' ? 'v' : 'u'"
              @click="coque({ nomen: 'utendaU', valor: crustula.utendaU === 'ita' ? 'non' : 'ita' });" />
       <v-btn-toggle key='separator'>
-        <v-btn @click="coque({ nomen: 'separator', valor: 'inane' });"
-               text=' _ ' id='crustula.separator.inane' />
-        <v-btn @click="coque({ nomen: 'separator', valor: 'interpunctum' });"
-               text=' · ' id='crustula.separator.interpunctum' />
-        <v-btn @click="coque({ nomen: 'separator', valor: 'nullum' });"
-               text='   ' id='crustula.separator.nullum' />
+        <v-btn v-for='separator in separatores' :key='separator'
+               @click="coque({ nomen: 'separator', valor: separator.clavis })"
+               :text="` ${separator.valor} `" :id="`crustula.separator.${separator.clavis}`"
+               selected-class='text-primary'>
       </v-btn-toggle>
     </v-speed-dial>
   </template>