From 00d787d187d843981e9644cc9d530488d1274838 Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Thu, 2 Dec 2021 17:18:25 +0100
Subject: [PATCH] allow configurable colons

---
 components/Account.vue               |  4 ++--
 components/Ban.vue                   |  2 +-
 components/CalendarBanner.vue        |  2 +-
 components/CalendarExtra.vue         |  4 ++--
 components/Dictionary.vue            | 10 +++++-----
 components/Footer.vue                |  4 ++--
 components/Header.vue                |  4 ++--
 components/InclusiveDictionary.vue   |  8 ++++----
 components/InclusiveSubmitForm.vue   |  4 ++--
 components/Literature.vue            |  2 +-
 components/Name.vue                  | 12 ++++++------
 components/NameSubmitForm.vue        | 22 +++++++++++-----------
 components/NounSubmitForm.vue        |  4 ++--
 components/ServerTable.vue           |  2 +-
 components/Share.vue                 |  2 +-
 components/Source.vue                |  4 ++--
 components/T.vue                     | 13 +------------
 components/Table.vue                 |  2 +-
 components/Term.vue                  |  2 +-
 components/TermsDictionary.vue       |  4 ++--
 components/TermsSubmitForm.vue       |  2 +-
 locale/de/pronouns/GrammarTables.vue |  2 +-
 locale/de/translations.suml          |  3 ++-
 locale/en/pronouns/GrammarTables.vue |  2 +-
 locale/en/translations.suml          |  3 ++-
 locale/es/pronouns/GrammarTables.vue |  2 +-
 locale/es/translations.suml          |  3 ++-
 locale/fr/pronouns/GrammarTables.vue |  2 +-
 locale/fr/translations.suml          |  3 ++-
 locale/gl/pronouns/GrammarTables.vue |  2 +-
 locale/gl/translations.suml          |  3 ++-
 locale/ja/translations.suml          |  9 +++++----
 locale/nl/pronouns/GrammarTables.vue |  2 +-
 locale/nl/translations.suml          |  3 ++-
 locale/no/pronouns/GrammarTables.vue |  2 +-
 locale/no/translations.suml          |  3 ++-
 locale/pl/translations.suml          |  3 ++-
 locale/pt/pronouns/GrammarTables.vue |  2 +-
 locale/pt/translations.suml          |  5 +++--
 locale/ru/translations.suml          |  3 ++-
 locale/yi/pronouns/GrammarTables.vue |  2 +-
 locale/yi/translations.suml          |  3 ++-
 locale/zh/translations.suml          |  3 ++-
 routes/any.vue                       |  6 +++---
 routes/api.vue                       |  2 +-
 routes/names.vue                     |  4 ++--
 routes/people.vue                    |  2 +-
 routes/profile.vue                   |  2 +-
 routes/pronoun.vue                   |  4 ++--
 routes/pronouns.vue                  |  6 +++---
 routes/terms.vue                     |  2 +-
 51 files changed, 104 insertions(+), 102 deletions(-)

diff --git a/components/Account.vue b/components/Account.vue
index c8695520..3946c9f5 100644
--- a/components/Account.vue
+++ b/components/Account.vue
@@ -101,7 +101,7 @@
 
         <Loading :value="profiles">
             <template v-slot:header>
-                <h3 class="h4"><T>profile.list</T>:</h3>
+                <h3 class="h4"><T>profile.list</T><T>quotation.colon</T></h3>
             </template>
             <ul v-if="profiles !== undefined" class="list-group">
                 <li v-for="(options, locale) in locales" :key="locale" :class="['list-group-item', locale === config.locale ? 'profile-current' : '']">
@@ -112,7 +112,7 @@
 
         <Loading :value="socialConnections">
             <template v-slot:header>
-                <h3 class="h4"><T>user.socialConnection.list</T>:</h3>
+                <h3 class="h4"><T>user.socialConnection.list</T><T>quotation.colon</T></h3>
             </template>
             <ul v-if="socialConnections !== undefined" class="list-group">
                 <li v-for="(providerOptions, provider) in socialProviders" :key="provider" :class="['list-group-item', socialConnections[provider] !== undefined ? 'profile-current' : '']">
diff --git a/components/Ban.vue b/components/Ban.vue
index 2702bbf3..e400343b 100644
--- a/components/Ban.vue
+++ b/components/Ban.vue
@@ -24,7 +24,7 @@
             <div v-else>
                 <textarea v-model="user.bannedReason" class="form-control" rows="3" :placeholder="$t('ban.reason') + ' ' + $t('ban.visible')" :disabled="saving"></textarea>
                 <div class="form-group">
-                    <p class="my-1"><label><strong><T>ban.terms</T>:</strong></label></p>
+                    <p class="my-1"><label><strong><T>ban.terms</T><T>quotation.colon</T></strong></label></p>
                     <div style="columns: 3" class="small">
                         <div class="form-check ps-0" v-for="term in forbidden">
                             <label>
diff --git a/components/CalendarBanner.vue b/components/CalendarBanner.vue
index f29e84a8..708cecac 100644
--- a/components/CalendarBanner.vue
+++ b/components/CalendarBanner.vue
@@ -2,7 +2,7 @@
     <section v-if="config.calendar && config.calendar.enabled && events !== undefined" class="alert alert-info">
         <p class="h3">
             <Icon v="calendar-star"/>
-            <T>calendar.banner</T>:
+            <T>calendar.banner</T><T>quotation.colon</T>
         </p>
         <ul class="list-unstyled my-3 ms-3">
             <li v-for="event in events" class="mb-2">
diff --git a/components/CalendarExtra.vue b/components/CalendarExtra.vue
index 22b1e577..6511b7d7 100644
--- a/components/CalendarExtra.vue
+++ b/components/CalendarExtra.vue
@@ -3,7 +3,7 @@
         <div class="alert alert-info d-flex flex-column flex-md-row justify-content-around">
             <div v-if="day">
                 <p class="mb-0">
-                    <T>calendar.full</T>:
+                    <T>calendar.full</T><T>quotation.colon</T>
                 </p>
                 <nuxt-link :to="`/${config.calendar.route}/${day.year}`" class="btn btn-primary m-1">
                     <Icon v="calendar-star"/>
@@ -37,7 +37,7 @@
             </div>
             <div>
                 <p class="mb-0">
-                    <T>calendar.image.header</T>:
+                    <T>calendar.image.header</T><T>quotation.colon</T>
                 </p>
                 <p class="mb-0" v-if="day">
                     <a :href="`/calendar/${day}.png`" target="_blank" rel="noopener" class="btn btn-outline-primary m-1">
diff --git a/components/Dictionary.vue b/components/Dictionary.vue
index 1b919e43..cfd84120 100644
--- a/components/Dictionary.vue
+++ b/components/Dictionary.vue
@@ -45,7 +45,7 @@
                     <Noun :noun="s.el" gender="masc"/>
 
                     <small v-if="s.el.base && nouns[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
                         <Diff switchable>
                             <template v-slot:before><Noun :noun="nouns[s.el.base]" gender="masc"/></template>
                             <template v-slot:after><Noun :noun="s.el" gender="masc"/></template>
@@ -56,7 +56,7 @@
                     <Noun :noun="s.el" gender="fem"/>
 
                     <small v-if="s.el.base && nouns[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
                         <Diff switchable>
                             <template v-slot:before><Noun :noun="nouns[s.el.base]" gender="fem"/></template>
                             <template v-slot:after><Noun :noun="s.el" gender="fem"/></template>
@@ -67,7 +67,7 @@
                     <Noun :noun="s.el" gender="neutr"/>
 
                     <small v-if="s.el.base && nouns[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
                         <Diff switchable>
                             <template v-slot:before><Noun :noun="nouns[s.el.base]" gender="neutr"/></template>
                             <template v-slot:after><Noun :noun="s.el" gender="neutr"/></template>
@@ -75,7 +75,7 @@
                     </small>
 
                     <div v-if="s.el.sourcesData.length" class="div-three-columns">
-                        <p><strong><T>sources.referenced</T>:</strong></p>
+                        <p><strong><T>sources.referenced</T><T>quotation.colon</T></strong></p>
                         <ul class="list-unstyled">
                             <li v-for="source in s.el.sourcesData">
                                 <Source :source="source"/>
@@ -90,7 +90,7 @@
                                 <nuxt-link :to="`/@${s.el.author}`" class="btn btn-concise btn-outline-dark btn-sm m-1">
                                     <Icon v="user"/>
                                     <span class="btn-label">
-                                    <T>crud.author</T>:
+                                    <T>crud.author</T><T>quotation.colon</T>
                                     @{{s.el.author}}
                                 </span>
                                 </nuxt-link>
diff --git a/components/Footer.vue b/components/Footer.vue
index 8ec34842..1fdab7c5 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -4,7 +4,7 @@
         <div class="d-flex flex-column flex-md-row justify-content-around mt-4 mb-5">
             <div class="small text-center d-flex flex-column justify-content-center">
                 <p class="mb-2">
-                    <T>contact.authors</T>:
+                    <T>contact.authors</T><T>quotation.colon</T>
                 </p>
 
                 <Authors/>
@@ -17,7 +17,7 @@
                 <div class="my-2">
                     <p class="small mb-0">
                         <Icon v="users"/>
-                        <T>footer.links</T>:
+                        <T>footer.links</T><T>quotation.colon</T>
                     </p>
                     <div class="mb-3" :class="['d-flex', config.links.socials.length > 2 ? 'flex-column' : 'flex-row', 'justify-content-center', 'align-items-center']">
                         <span>
diff --git a/components/Header.vue b/components/Header.vue
index 5c095577..6dee2d3b 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -88,11 +88,11 @@
                 <T>ban.header</T>
             </p>
             <p >
-                <T>ban.reason</T>:
+                <T>ban.reason</T><T>quotation.colon</T>
                 {{$user().bannedReason}}
             </p>
             <p>
-                <T>ban.termsIntro</T>
+                <T>ban.termsIntro</T><T>quotation.colon</T>
             </p>
             <blockquote class="small">
                 It is forbidden to post on the Service any Content that might break the law or violate social norms,
diff --git a/components/InclusiveDictionary.vue b/components/InclusiveDictionary.vue
index 410d1661..fb2c1b35 100644
--- a/components/InclusiveDictionary.vue
+++ b/components/InclusiveDictionary.vue
@@ -63,7 +63,7 @@
                     </ul>
 
                     <div v-if="s.el.base && entries[s.el.base]" class="small">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
 
                         <Diff switchable>
                             <template v-slot:before>
@@ -101,7 +101,7 @@
                     </ul>
 
                     <small v-if="s.el.base && entries[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
 
                         <Diff switchable>
                             <template v-slot:before>
@@ -130,7 +130,7 @@
                     </ul>
 
                     <small v-if="s.el.base && entries[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
 
                         <Diff switchable>
                             <template v-slot:before>
@@ -167,7 +167,7 @@
                                 <nuxt-link :to="`/@${s.el.author}`" class="btn btn-concise btn-outline-dark btn-sm m-1">
                                     <Icon v="user"/>
                                     <span class="btn-label">
-                                    <T>crud.author</T>:
+                                    <T>crud.author</T><T>quotation.colon</T>
                                     @{{s.el.author}}
                                 </span>
                                 </nuxt-link>
diff --git a/components/InclusiveSubmitForm.vue b/components/InclusiveSubmitForm.vue
index 38251d49..4391639b 100644
--- a/components/InclusiveSubmitForm.vue
+++ b/components/InclusiveSubmitForm.vue
@@ -42,7 +42,7 @@
             </div>
 
             <div class="form-group">
-                <label><strong><T>inclusive.categories</T>:</strong></label>
+                <label><strong><T>inclusive.categories</T><T>quotation.colon</T></strong></label>
                 <a v-for="category in config.inclusive.categories"
                    href="#" :class="['badge border mx-1 text-decoration-none', form.categories.includes(category) ? 'bg-primary text-white' : 'bg-light text-primary']"
                    @click.prevent="form.categories = form.categories.includes(category) ? form.categories.filter(c => c !== category) : [...form.categories, category]"
@@ -52,7 +52,7 @@
             </div>
 
             <div class="form-group">
-                <label><strong><T>inclusive.sources</T>:</strong></label>
+                <label><strong><T>inclusive.sources</T><T>quotation.colon</T></strong></label>
                 <ListInput v-model="form.links" v-slot="s">
                     <input v-model="s.val" type="url" class="form-control" @keyup="s.update(s.val)" required/>
                 </ListInput>
diff --git a/components/Literature.vue b/components/Literature.vue
index a87ce4fa..58194d77 100644
--- a/components/Literature.vue
+++ b/components/Literature.vue
@@ -3,7 +3,7 @@
         <h2 class="h4">
             <nuxt-link :to="'/' + config.sources.route">
                 <Icon v="books"/>
-                <T>sources.headerLong</T>:
+                <T>sources.headerLong</T><T>quotation.colon</T>
             </nuxt-link>
         </h2>
 
diff --git a/components/Name.vue b/components/Name.vue
index 593078d2..a8ef4198 100644
--- a/components/Name.vue
+++ b/components/Name.vue
@@ -9,32 +9,32 @@
             <ul class="list-unstyled w-md-50">
                 <li v-if="name.origin" class="mb-2">
                     <Icon v="map-marked-alt"/>
-                    <strong><T>names.origin</T>:</strong>
+                    <strong><T>names.origin</T><T>quotation.colon</T></strong>
                     {{ name.origin }}
                 </li>
                 <li v-if="name.meaning" class="mb-2">
                     <Icon v="comment-exclamation"/>
-                    <strong><T>names.meaning</T>:</strong>
+                    <strong><T>names.meaning</T><T>quotation.colon</T></strong>
                     <LinkedText :text="name.meaning"/>
                 </li>
                 <li v-if="name.usage" class="mb-2">
                     <Icon v="user-friends"/>
-                    <strong><T>names.usage</T>:</strong>
+                    <strong><T>names.usage</T><T>quotation.colon</T></strong>
                     {{ name.usage }}
                 </li>
                 <li v-if="config.names.legally && name.legally" class="mb-2">
                     <Icon v="file-contract"/>
-                    <strong><T>names.legally</T>:</strong>
+                    <strong><T>names.legally</T><T>quotation.colon</T></strong>
                     {{ name.legally }}
                 </li>
                 <li v-if="config.names.count" class="mb-2">
                     <Icon v="users"/>
-                    <strong><T>names.count</T>:</strong>
+                    <strong><T>names.count</T><T>quotation.colon</T></strong>
                     <NameCount :name="name.name"/>
                 </li>
                 <li v-if="config.names.namedays && name.namedays.length">
                     <Icon v="glass-cheers"/>
-                    <strong><T>names.namedays</T>:</strong>
+                    <strong><T>names.namedays</T><T>quotation.colon</T></strong>
                     {{ namedaysString(name) }}
                     <p class="small" v-if="name.namedaysComment">(<LinkedText :text="name.namedaysComment"/>)</p>
                 </li>
diff --git a/components/NameSubmitForm.vue b/components/NameSubmitForm.vue
index 110769a1..b8a0472e 100644
--- a/components/NameSubmitForm.vue
+++ b/components/NameSubmitForm.vue
@@ -15,62 +15,62 @@
             <div class="row">
                 <div class="col-12 col-lg-6">
                     <div class="form-group">
-                        <label><strong><T>names.name</T>:</strong></label>
+                        <label><strong><T>names.name</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.name" class="form-control" required/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.origin</T>:</strong></label>
+                        <label><strong><T>names.origin</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.origin" class="form-control"/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.meaning</T>:</strong></label>
+                        <label><strong><T>names.meaning</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.meaning" class="form-control"/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.usage</T>:</strong></label>
+                        <label><strong><T>names.usage</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.usage" class="form-control"/>
                     </div>
 
                     <div class="form-group" v-if="config.names.legally">
-                        <label><strong><T>names.legally</T>:</strong></label>
+                        <label><strong><T>names.legally</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.legally" class="form-control"/>
                     </div>
 
                     <template v-if="config.names.namedays">
                     <div class="form-group">
-                        <label><strong><T>names.namedays</T>:</strong></label>
+                        <label><strong><T>names.namedays</T><T>quotation.colon</T></strong></label>
                         <ListInput v-model="form.namedays" v-slot="s">
                             <DayMonth v-model="s.val" @input="s.update(s.val)"/>
                         </ListInput>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.namedaysComment</T>:</strong></label>
+                        <label><strong><T>names.namedaysComment</T><T>quotation.colon</T></strong></label>
                         <input v-model="form.namedaysComment" class="form-control"/>
                     </div>
                     </template>
                 </div>
                 <div class="col-12 col-lg-6">
                     <div class="form-group">
-                        <label><strong><T>names.pros</T>:</strong></label>
+                        <label><strong><T>names.pros</T><T>quotation.colon</T></strong></label>
                         <ListInput v-model="form.pros"/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.cons</T>:</strong></label>
+                        <label><strong><T>names.cons</T><T>quotation.colon</T></strong></label>
                         <ListInput v-model="form.cons"/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.notablePeople</T>:</strong></label>
+                        <label><strong><T>names.notablePeople</T><T>quotation.colon</T></strong></label>
                         <ListInput v-model="form.notablePeople"/>
                     </div>
 
                     <div class="form-group">
-                        <label><strong><T>names.links</T>:</strong></label>
+                        <label><strong><T>names.links</T><T>quotation.colon</T></strong></label>
                         <ListInput v-model="form.links" v-slot="s">
                             <input v-model="s.val" type="url" class="form-control" @keyup="s.update(s.val)" required/>
                         </ListInput>
diff --git a/components/NounSubmitForm.vue b/components/NounSubmitForm.vue
index f3768293..c3fc7637 100644
--- a/components/NounSubmitForm.vue
+++ b/components/NounSubmitForm.vue
@@ -69,7 +69,7 @@
                 </table>
             </div>
             <div v-if="$isGranted('sources')" class="form-group">
-                <label><strong><T>sources.referenced</T>:</strong></label>
+                <label><strong><T>sources.referenced</T><T>quotation.colon</T></strong></label>
                 <ListInput v-model="form.sources"/>
             </div>
             <div class="alert alert-info" v-if="form.base">
@@ -91,7 +91,7 @@
                         <T>nouns.template</T>
                     </a>
                     <div class="card-body">
-                        <T>nouns.root</T>: <input class="form-control form-control-sm d-inline-block w-auto" v-model="templateBase" autofocus/>
+                        <T>nouns.root</T><T>quotation.colon</T> <input class="form-control form-control-sm d-inline-block w-auto" v-model="templateBase" autofocus/>
 
                         <ul>
                             <li v-for="template in templates" class="my-2">
diff --git a/components/ServerTable.vue b/components/ServerTable.vue
index f8b05856..375857a6 100644
--- a/components/ServerTable.vue
+++ b/components/ServerTable.vue
@@ -20,7 +20,7 @@
             </tr>
             <tr v-if="count && rowsCount">
                 <td :colspan="columns">
-                    <T>table.count</T>:
+                    <T>table.count</T><T>quotation.colon</T>
                     <strong>{{ rowsCount }}</strong>
                 </td>
             </tr>
diff --git a/components/Share.vue b/components/Share.vue
index ab43af7d..aef6d83d 100644
--- a/components/Share.vue
+++ b/components/Share.vue
@@ -2,7 +2,7 @@
     <div>
         <p class="small mb-0">
             <Icon v="share"/>
-            <T>share</T>:
+            <T>share</T><T>quotation.colon</T>
         </p>
         <button class="btn btn-primary" v-if="hasShareApi" @click="shareApi">
             <Icon v="share"/>
diff --git a/components/Source.vue b/components/Source.vue
index 87649bae..0b6302f2 100644
--- a/components/Source.vue
+++ b/components/Source.vue
@@ -16,7 +16,7 @@
                 <nuxt-link :to="`/@${source.submitter}`" class="badge bg-light text-dark border btn-sm m-1">
                     <Icon v="user"/>
                     <span class="btn-label">
-                        <T>crud.author</T>:
+                        <T>crud.author</T><T>quotation.colon</T>
                         @{{source.submitter}}
                     </span>
                 </nuxt-link>
@@ -54,7 +54,7 @@
             </li>
             <li class="list-inline-item" v-if="source.key">
                 <span class="badge bg-primary text-white">
-                    <T>sources.submit.key</T>: {{source.key}}
+                    <T>sources.submit.key</T><T>quotation.colon</T> {{source.key}}
                 </span>
             </li>
         </ul>
diff --git a/components/T.vue b/components/T.vue
index 003aa93d..72eb718c 100644
--- a/components/T.vue
+++ b/components/T.vue
@@ -1,16 +1,5 @@
 <template>
-    <component :is="Array.isArray(txt) ? 'div' : 'span'">
-        <template v-if="Array.isArray(txt)">
-            <p v-for="p in txt">
-                <Icon v-if="icon" :v="icon"/>
-                <LinkedText :text="p"/>
-            </p>
-        </template>
-        <template v-else>
-            <Icon v-if="icon" :v="icon"/>
-            <LinkedText :text="txt"/>
-        </template>
-    </component>
+    <component :is="Array.isArray(txt) ? 'div' : 'span'"><template v-if="Array.isArray(txt)"><p v-for="p in txt"><Icon v-if="icon" :v="icon"/><LinkedText :text="p"/></p></template><template v-else><Icon v-if="icon" :v="icon"/><LinkedText :text="txt"/></template></component>
 </template>
 
 <script>
diff --git a/components/Table.vue b/components/Table.vue
index 7f96977e..1871aa9b 100644
--- a/components/Table.vue
+++ b/components/Table.vue
@@ -20,7 +20,7 @@
             </tr>
             <tr v-if="count">
                 <td :colspan="columns">
-                    <T>table.count</T>:
+                    <T>table.count</T><T>quotation.colon</T>
                     <strong>{{ data.length }}</strong>
                 </td>
             </tr>
diff --git a/components/Term.vue b/components/Term.vue
index 0a33165b..aa4e37bf 100644
--- a/components/Term.vue
+++ b/components/Term.vue
@@ -3,7 +3,7 @@
         <p v-for="(p, i) in term.definition.split('\n\n')">
             <template v-if="i === 0">
                 <span v-if="term.key && $isGranted('terms')" class="badge bg-primary text-white">
-                    <T>sources.submit.key</T>:
+                    <T>sources.submit.key</T><T>quotation.colon</T>
                     {{term.key}}
                 </span>
                 <strong><LinkedTextMultiple :texts="term.term" noicons/></strong>
diff --git a/components/TermsDictionary.vue b/components/TermsDictionary.vue
index 2997bde5..fc580d61 100644
--- a/components/TermsDictionary.vue
+++ b/components/TermsDictionary.vue
@@ -42,7 +42,7 @@
                     <Term :term="s.el" categoryLink flags versions :events="year.eventsByTerm[s.el.key]" @filter="setFilter"/>
 
                     <div class="small" v-if="s.el.base && entries[s.el.base]">
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
 
                         <Diff switchable>
                             <template v-slot:before><Term :term="entries[s.el.base]" flags/></template>
@@ -57,7 +57,7 @@
                                 <nuxt-link :to="`/@${s.el.author}`" class="btn btn-concise btn-outline-dark btn-sm m-1">
                                     <Icon v="user"/>
                                     <span class="btn-label">
-                                    <T>crud.author</T>:
+                                    <T>crud.author</T><T>quotation.colon</T>
                                     @{{s.el.author}}
                                 </span>
                                 </nuxt-link>
diff --git a/components/TermsSubmitForm.vue b/components/TermsSubmitForm.vue
index b480854e..dbbb836f 100644
--- a/components/TermsSubmitForm.vue
+++ b/components/TermsSubmitForm.vue
@@ -39,7 +39,7 @@
             </div>
 
             <div class="form-group">
-                <label><strong><T>terminology.category</T>:</strong></label>
+                <label><strong><T>terminology.category</T><T>quotation.colon</T></strong></label>
                 <a v-for="category in config.terminology.categories"
                    href="#" :class="['badge border mx-1 text-decoration-none', form.categories.includes(category) ? 'bg-primary text-white' : 'bg-light text-primary']"
                    @click.prevent="form.categories = form.categories.includes(category) ? form.categories.filter(c => c !== category) : [...form.categories, category]"
diff --git a/locale/de/pronouns/GrammarTables.vue b/locale/de/pronouns/GrammarTables.vue
index 06b8d550..7887bc0e 100644
--- a/locale/de/pronouns/GrammarTables.vue
+++ b/locale/de/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/de/translations.suml b/locale/de/translations.suml
index 83e8a11c..c9d424a7 100644
--- a/locale/de/translations.suml
+++ b/locale/de/translations.suml
@@ -528,6 +528,7 @@ api:
 quotation:
     start: '„'
     end: '“'
+    colon: ':'
 
 localise:
     shorter: 'Mehr hinzufügen'
@@ -558,7 +559,7 @@ ban:
     confirm: 'Bist du sicher, die Person @%username% zu sperren?'
     header: 'Du wurdest gesperrt. Dein Profil kann nicht mehr angesehen werden.'
     banned: 'gesperrt'
-    termsIntro: 'Gemäß unserer Geschäftsbedingungen {/Nutzungsbedingungen=Geschäftsbedingungen}:'
+    termsIntro: 'Gemäß unserer Geschäftsbedingungen {/Nutzungsbedingungen=Geschäftsbedingungen}'
 
 report:
     action: 'Missbrauch melden'
diff --git a/locale/en/pronouns/GrammarTables.vue b/locale/en/pronouns/GrammarTables.vue
index 635141f2..079cbe9f 100644
--- a/locale/en/pronouns/GrammarTables.vue
+++ b/locale/en/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/en/translations.suml b/locale/en/translations.suml
index db4847cd..24b43ba5 100644
--- a/locale/en/translations.suml
+++ b/locale/en/translations.suml
@@ -637,6 +637,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Add more'
@@ -668,7 +669,7 @@ ban:
     confirm: 'Are you sure you want to ban @%username%?'
     header: 'You''re banned. Your profile will not be shown to anyone.'
     banned: 'Banned'
-    termsIntro: 'According to our {/terms=Terms of Service}:'
+    termsIntro: 'According to our {/terms=Terms of Service}'
 
 report:
     action: 'Report abuse'
diff --git a/locale/es/pronouns/GrammarTables.vue b/locale/es/pronouns/GrammarTables.vue
index 0d5bbb84..c0af0d0f 100644
--- a/locale/es/pronouns/GrammarTables.vue
+++ b/locale/es/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/es/translations.suml b/locale/es/translations.suml
index 7a11581e..e01e79c1 100644
--- a/locale/es/translations.suml
+++ b/locale/es/translations.suml
@@ -541,6 +541,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Añadir versiones'
@@ -572,7 +573,7 @@ ban:
     confirm: '¿Estás segure que quieres banear a @%username%?'
     header: 'Has sido baneado. Tu perfil no se mostrará a nadie.'
     banned: 'Baneado'
-    termsIntro: 'De acuerdo con nuestros {/terminos=Términos de Servicio}:'
+    termsIntro: 'De acuerdo con nuestros {/terminos=Términos de Servicio}'
 
 report:
     action: 'Reportar abuso'
diff --git a/locale/fr/pronouns/GrammarTables.vue b/locale/fr/pronouns/GrammarTables.vue
index 3897750f..4b8d8b2b 100644
--- a/locale/fr/pronouns/GrammarTables.vue
+++ b/locale/fr/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/fr/translations.suml b/locale/fr/translations.suml
index 00caf872..cf5e7b7d 100644
--- a/locale/fr/translations.suml
+++ b/locale/fr/translations.suml
@@ -535,6 +535,7 @@ api:
 quotation:
     start: '« '
     end: ' »'
+    colon: ' :'
 
 localise:
     shorter: 'Ajouter'
@@ -566,7 +567,7 @@ ban:
     confirm: 'Voulez-vous bannir @%username% ?'
     header: 'Vous êtes banni. Votre profil n’apparaîtra plus aux autres utilisateurs.'
     banned: 'Banni'
-    termsIntro: 'Selon nos {/termes=Termes de service} :'
+    termsIntro: 'Selon nos {/termes=Termes de service}'
 
 report:
     action: 'Signaler'
diff --git a/locale/gl/pronouns/GrammarTables.vue b/locale/gl/pronouns/GrammarTables.vue
index 0d5bbb84..c0af0d0f 100644
--- a/locale/gl/pronouns/GrammarTables.vue
+++ b/locale/gl/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/gl/translations.suml b/locale/gl/translations.suml
index b9e1a3be..d9c9f07c 100644
--- a/locale/gl/translations.suml
+++ b/locale/gl/translations.suml
@@ -537,6 +537,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Adicionar versões'
@@ -568,7 +569,7 @@ ban:
     confirm: 'Você está certe que quer banir @%username%?'
     header: 'Você está banido. Seu perfil não mais aparecerá em nosso site.'
     banned: 'Banido'
-    termsIntro: 'De acordo com nossos {/termos=termos de uso}:'
+    termsIntro: 'De acordo com nossos {/termos=termos de uso}'
 
 report:
     action: 'Reportar abuso'
diff --git a/locale/ja/translations.suml b/locale/ja/translations.suml
index dfd5290e..44c3759d 100644
--- a/locale/ja/translations.suml
+++ b/locale/ja/translations.suml
@@ -38,7 +38,7 @@ home:
             このツールでは、空欄にテキストを書き込み、他の人と共有できるリンクを作成することができます。
         button: 'ジェネレータを見せる'
         header2: 'リンクを生成する'
-        base: '基づく：'
+        base: '基づく'
         alt: '加えてフィールドでは交換用の別バージョンを書くこともできます。例えば、<code>彼&彼女</code> は「彼」か「彼女」です。'
     whatisit: '三人称代名詞とはなんですか？'
 
@@ -61,7 +61,7 @@ pronouns:
     headerLong: '三人称代名詞'
     examples: '文での使い方の例'
     plural: '複数形'
-    intro: '私の三人称代名詞は：'
+    intro: '私の三人称代名詞は'
     normative: '規範的'
     alt:
         button: '交換可能バージョンへのリンクを生成する。'
@@ -532,11 +532,12 @@ table:
 api:
     header: 'パブリックAPI'
     example: '例'
-    query: 'クエリー文字列のパラメーター：'
+    query: 'クエリー文字列のパラメーター'
 
 quotation:
     start: '「'
     end: '」'
+    colon: '：'
 
 localise:
     shorter: 'もう一つの追加する'
@@ -568,7 +569,7 @@ ban:
     confirm: '@%username%を禁止してもよろしいですか？'
     header: 'あなたを禁止されました。 誰もはあなたのプロファイルを見えません。'
     banned: '禁止されました'
-    termsIntro: '私たちの{/利用規約=利用規約}に従って：'
+    termsIntro: '私たちの{/利用規約=利用規約}に従って'
 
 report:
     action: '不正使用の報告'
diff --git a/locale/nl/pronouns/GrammarTables.vue b/locale/nl/pronouns/GrammarTables.vue
index 20c86e6d..99430a96 100644
--- a/locale/nl/pronouns/GrammarTables.vue
+++ b/locale/nl/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/nl/translations.suml b/locale/nl/translations.suml
index 380a0aff..6921e78a 100644
--- a/locale/nl/translations.suml
+++ b/locale/nl/translations.suml
@@ -520,6 +520,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Voeg meer toe'
@@ -551,7 +552,7 @@ ban:
     confirm: 'Are you sure you want to ban @%username%?'
     header: 'Je bent geband. Jouw profiel zal onzichtbaar zijn .'
     banned: 'Geband.'
-    termsIntro: 'Volgens onze {/voorwaarden=gebruiksvoorwaarden}:'
+    termsIntro: 'Volgens onze {/voorwaarden=gebruiksvoorwaarden}'
 
 report:
     action: 'Rapporteer misbruik'
diff --git a/locale/no/pronouns/GrammarTables.vue b/locale/no/pronouns/GrammarTables.vue
index 3f2c3382..e0c99513 100644
--- a/locale/no/pronouns/GrammarTables.vue
+++ b/locale/no/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/no/translations.suml b/locale/no/translations.suml
index 319f82a7..81503656 100644
--- a/locale/no/translations.suml
+++ b/locale/no/translations.suml
@@ -530,6 +530,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Legg til mer'
@@ -561,7 +562,7 @@ ban:
     confirm: 'Er du sikker på at du vil forby @%username%?'
     header: 'Du er forbydd. Profilen din vil ikke bli vist til noen.'
     banned: 'Forbydd'
-    termsIntro: 'Ifølge våre {/termes=Terms of Service}:'
+    termsIntro: 'Ifølge våre {/termes=Terms of Service}'
 
 report:
     action: 'Rapporter problem'
diff --git a/locale/pl/translations.suml b/locale/pl/translations.suml
index ef3e2406..54a4a0f1 100644
--- a/locale/pl/translations.suml
+++ b/locale/pl/translations.suml
@@ -1372,6 +1372,7 @@ api:
 quotation:
     start: '„'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Dodaj więcej'
@@ -1403,7 +1404,7 @@ ban:
     confirm: 'Czy na pewno chcesz zbanować @%username%?'
     header: 'Twoje konto jest zablokowane. Twoje profile nie są widoczne publicznie.'
     banned: 'Zbanowanx'
-    termsIntro: 'Zgodnie z naszym {/regulamin=Regulaminem}:'
+    termsIntro: 'Zgodnie z naszym {/regulamin=Regulaminem}'
 
 report:
     action: 'Zgłoś profil'
diff --git a/locale/pt/pronouns/GrammarTables.vue b/locale/pt/pronouns/GrammarTables.vue
index 0d5bbb84..c0af0d0f 100644
--- a/locale/pt/pronouns/GrammarTables.vue
+++ b/locale/pt/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/pt/translations.suml b/locale/pt/translations.suml
index f148c1de..395e6c3a 100644
--- a/locale/pt/translations.suml
+++ b/locale/pt/translations.suml
@@ -537,6 +537,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Adicionar versões'
@@ -568,7 +569,7 @@ ban:
     confirm: 'Você está certe que quer banir @%username%?'
     header: 'Você está banido. Seu perfil não mais aparecerá em nosso site.'
     banned: 'Banido'
-    termsIntro: 'De acordo com nossos {/termos=termos de uso}:'
+    termsIntro: 'De acordo com nossos {/termos=termos de uso}'
 
 report:
     action: 'Reportar abuso'
@@ -777,7 +778,7 @@ calendar:
         aids_awareness_month: '{https://pt.wikipedia.org/wiki/Dezembro_Vermelho=Dezembro Vermelho}'
         genderfluid_week: 'Semana da Consciência de Gênero-fluído'
         pan_week: 'Semana da Visibilidade Pan'
-        parents_day: 'Dia de Nans Expansivo de Gênero'        
+        parents_day: 'Dia de Nans Expansivo de Gênero'
 
     banner: 'Hoje celebramos'
     celebrating_custom: 'celebra-se'
diff --git a/locale/ru/translations.suml b/locale/ru/translations.suml
index 551698e6..055ea580 100644
--- a/locale/ru/translations.suml
+++ b/locale/ru/translations.suml
@@ -512,6 +512,7 @@ api:
 quotation:
     start: '«'
     end: '»'
+    colon: ':'
 
 localise:
     shorter: 'Добавить'
@@ -543,7 +544,7 @@ ban:
     confirm: 'Вы уверены, что хотите заблокировать пользователь_ницу @%username%?'
     header: 'Вы заблокированы. Ваш профиль не будет отображаться на сайте.'
     banned: 'Пользователь_ница заблокирован_а'
-    termsIntro: 'В соответствии с нашими {/terms=Условиями предоставления услуг}:'
+    termsIntro: 'В соответствии с нашими {/terms=Условиями предоставления услуг}'
 
 report:
     action: 'Сообщить о насилии'
diff --git a/locale/yi/pronouns/GrammarTables.vue b/locale/yi/pronouns/GrammarTables.vue
index 635141f2..079cbe9f 100644
--- a/locale/yi/pronouns/GrammarTables.vue
+++ b/locale/yi/pronouns/GrammarTables.vue
@@ -2,7 +2,7 @@
     <section>
         <h2 class="h4">
             <Icon v="spell-check"/>
-            <T>pronouns.grammarTable</T>:
+            <T>pronouns.grammarTable</T><T>quotation.colon</T>
         </h2>
 
         <div class="table-responsive">
diff --git a/locale/yi/translations.suml b/locale/yi/translations.suml
index 70c7c55f..fc82f439 100644
--- a/locale/yi/translations.suml
+++ b/locale/yi/translations.suml
@@ -542,6 +542,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: ':'
 
 localise:
     shorter: 'Add more'
@@ -575,7 +576,7 @@ ban:
     confirm: 'Are you sure you want to ban @%username%?'
     header: 'You''re banned. Your profile will not be shown to anyone.'
     banned: 'Banned'
-    termsIntro: 'According to our {/terinos=Terms of Service}:'
+    termsIntro: 'According to our {/terinos=Terms of Service}'
 
 # TODO
 report:
diff --git a/locale/zh/translations.suml b/locale/zh/translations.suml
index 2df758ad..09fe63a8 100644
--- a/locale/zh/translations.suml
+++ b/locale/zh/translations.suml
@@ -503,6 +503,7 @@ api:
 quotation:
     start: '“'
     end: '”'
+    colon: '：'
 
 localise:
     shorter: '添加更多'
@@ -535,7 +536,7 @@ ban:
     confirm: '您確定要封禁@%username%嗎'
     header: '您被封禁了。你的資料不會對任何人顯示。'
     banned: '被封禁'
-    termsIntro: '根據我們的{/terms=服務條款}：'
+    termsIntro: '根據我們的{/terms=服務條款}'
 
 report:
     action: '舉報濫用'
diff --git a/routes/any.vue b/routes/any.vue
index cb576d3a..94407b52 100644
--- a/routes/any.vue
+++ b/routes/any.vue
@@ -2,7 +2,7 @@
     <div>
         <h2>
             <Icon v="tag"/>
-            <T>pronouns.intro</T>:
+            <T>pronouns.intro</T><T>quotation.colon</T>
         </h2>
 
         <section>
@@ -22,7 +22,7 @@
         <section>
             <h2 class="h4">
                 <Icon v="file-signature"/>
-                <T>pronouns.examples</T>:
+                <T>pronouns.examples</T><T>quotation.colon</T>
             </h2>
 
             <ul>
@@ -40,7 +40,7 @@
         <section class="mb-0">
             <h2 class="h4">
                 <Icon v="info-circle"/>
-                <T>home.whatisit</T>:
+                <T>home.whatisit</T><T>quotation.colon</T>
             </h2>
             <T>home.about</T>
             <Homepage align="center"/>
diff --git a/routes/api.vue b/routes/api.vue
index c269fe58..d10d8ef8 100644
--- a/routes/api.vue
+++ b/routes/api.vue
@@ -21,7 +21,7 @@
                         </a>
                     </p>
                     <p v-if="queryString" class="mb-0 small">
-                        <T>api.query</T>:
+                        <T>api.query</T><T>quotation.colon</T>
                     </p>
                     <ul v-if="queryString" class="small">
                         <li v-for="(description, param) in queryString">
diff --git a/routes/names.vue b/routes/names.vue
index 68f559a9..8da2f4a9 100644
--- a/routes/names.vue
+++ b/routes/names.vue
@@ -37,7 +37,7 @@
                                     <nuxt-link :to="`/@${name.author}`" class="btn btn-outline-dark btn-sm">
                                         <Icon v="user"/>
                                         <span class="btn-label">
-                                    <T>crud.author</T>:
+                                    <T>crud.author</T><T>quotation.colon</T>
                                     @{{name.author}}
                                 </span>
                                     </nuxt-link>
@@ -75,7 +75,7 @@
 
                     <small v-if="name.base && names[name.base]">
                         <hr/>
-                        <p><strong><T>nouns.edited</T>:</strong></p>
+                        <p><strong><T>nouns.edited</T><T>quotation.colon</T></strong></p>
                         <Diff switchable>
                             <template v-slot:before><Name :name="names[name.base]"/></template>
                             <template v-slot:after><Name :name="name"/></template>
diff --git a/routes/people.vue b/routes/people.vue
index ff290591..0bffa7fb 100644
--- a/routes/people.vue
+++ b/routes/people.vue
@@ -23,7 +23,7 @@
                 </p>
                 <ul class="mb-2">
                     <li v-for="(pronouns, locale) in person.pronouns">
-                        <T>people.languages.{{locale}}</T>:
+                        <T>people.languages.{{locale}}</T><T>quotation.colon</T>
                         <ul class="list-inline d-inline">
                             <li v-for="pronoun in pronouns" class="list-inline-item">
                                 <LocaleLink :link="'/' + pronoun.link" :locale="locale">
diff --git a/routes/profile.vue b/routes/profile.vue
index 27c60ea5..05b67701 100644
--- a/routes/profile.vue
+++ b/routes/profile.vue
@@ -34,7 +34,7 @@
                 <div>
                     <small>
                         <Icon v="id-card"/>
-                        <T>profile.card.link</T>:
+                        <T>profile.card.link</T><T>quotation.colon</T>
                     </small>
                     <small v-if="profile.card === null && profile.cardDark === null">
                         <button class="btn btn-outline-success btn-sm" @click="generateCard(false)">
diff --git a/routes/pronoun.vue b/routes/pronoun.vue
index 371d294e..5bab2d87 100644
--- a/routes/pronoun.vue
+++ b/routes/pronoun.vue
@@ -4,7 +4,7 @@
         <h2 class="d-flex justify-content-between">
             <span>
                 <Icon v="tag"/>
-                <T>pronouns.intro</T>:
+                <T>pronouns.intro</T><T>quotation.colon</T>
             </span>
             <div v-if="nameOptions.length > 1" class="btn-group" role="group">
                 <button :class="['btn btn-sm', counterSpeed === 0 ? 'btn-primary' : 'btn-outline-primary']" @click="counterPause"><Icon v="pause"/></button>
@@ -45,7 +45,7 @@
         <section>
             <h2 class="h4">
                 <Icon v="file-signature"/>
-                <T>pronouns.examples</T>:
+                <T>pronouns.examples</T><T>quotation.colon</T>
             </h2>
 
             <ul>
diff --git a/routes/pronouns.vue b/routes/pronouns.vue
index 38859559..e9fd58c1 100644
--- a/routes/pronouns.vue
+++ b/routes/pronouns.vue
@@ -32,7 +32,7 @@
                         </div>
                         <div class="card-body">
                             <div class="card-title border-bottom pb-3">
-                                <p><strong><T>home.generator.base</T>:</strong></p>
+                                <p><strong><T>home.generator.base</T><T>quotation.colon</T></strong></p>
                                 <ul class="list-unstyled">
                                     <li v-for="[group, groupPronouns] in pronounLibrary.split()" >
                                         <ul class="list-inline">
@@ -64,7 +64,7 @@
                             </div>
 
                             <p>
-                                <T>pronouns.examples</T>:
+                                <T>pronouns.examples</T><T>quotation.colon</T>
                             </p>
                             <template v-for="isHonorific in [false, true]" v-if="examples.filter(e => e.isHonorific === isHonorific).length">
                                 <ul>
@@ -127,7 +127,7 @@
                     <div v-else class="card">
                         <div class="card-header">
                             <Icon v="sliders-h-square"/>
-                            <T>pronouns.alt.header</T>:
+                            <T>pronouns.alt.header</T><T>quotation.colon</T>
                         </div>
                         <div class="card-body">
                             <div class="card-title">
diff --git a/routes/terms.vue b/routes/terms.vue
index 979dcc2d..ee1a4450 100644
--- a/routes/terms.vue
+++ b/routes/terms.vue
@@ -5,7 +5,7 @@
             <T>terms.header</T>
         </h2>
 
-        <p class="small"><em><T>terms.lastUpdate</T>: 2021-11-24</em></p>
+        <p class="small"><em><T>terms.lastUpdate</T><T>quotation.colon</T> 2021-11-24</em></p>
 
         <p>
             These Terms of Service govern your access to and use of the Service provided on the website