Various small website tweaks

* Add they/them as example pronouns on the Edit Profile page and make
  the examples clickable to fill them in easily.
* When viewing a photo gallery and you opt-out of explicit, have a link
  to your settings page to opt-in.
* Update the rules on the homepage and signup page.
* Add a notice on DM pages about the privacy policy and TOS.

web/templates/account/settings.html

@@ -108,7 +108,11 @@
                                 name="pronouns"
                                 maxlength="30"
                                 value="{{$User.GetProfileField "pronouns"}}">
-                            <p class="help">e.g. he/him; she/her</p>
+                            <p class="help">e.g.
+                                <a href="#" onclick="document.querySelector('#pronouns').value='he/him'; return false">he/him</a>;
+                                <a href="#" onclick="document.querySelector('#pronouns').value='she/her'; return false">she/her</a>;
+                                <a href="#" onclick="document.querySelector('#pronouns').value='they/them'; return false">they/them</a>
+                            </p>
                         </div>
                     </div>
 
@@ -238,6 +242,24 @@
                 </header>
 
                 <div class="card-content">
+                    <div class="field">
+                        <label class="label">Explicit Content Filter</label>
+                        <label class="checkbox">
+                            <input type="checkbox"
+                                name="explicit"
+                                value="true"
+                                {{if .CurrentUser.Explicit}}checked{{end}}>
+                            Show explicit content <i class="fa fa-fire has-text-danger ml-1"></i>
+                        </label>
+                        <p class="help">
+                            Check this box if you are OK seeing explicit content on this site, which may
+                            include erections or sexually charged content. These may appear on the Site
+                            Gallery as well as user profile pages.
+                        </p>
+                    </div>
+
+                    <hr>
+
                     <div class="field">
                         <label class="label">Profile Visibility</label>
                         <label class="checkbox">
@@ -287,28 +309,10 @@
 
                     <hr>
 
-                    <div class="field">
-                        <label class="label">Explicit Content Filter</label>
-                        <label class="checkbox">
-                            <input type="checkbox"
-                                name="explicit"
-                                value="true"
-                                {{if .CurrentUser.Explicit}}checked{{end}}>
-                            Show explicit content <i class="fa fa-fire has-text-danger ml-1"></i>
-                        </label>
-                        <p class="help">
-                            Check this box if you are OK seeing explicit content on this site, which may
-                            include erections or sexually charged content. These may appear on the Site
-                            Gallery as well as user profile pages.
-                        </p>
-                    </div>
-
-                    <hr>
-
                     <div class="field">
                         <label class="label mb-0">Who can send me the first <i class="fa fa-envelope"></i> Message?</label>
 
-                        <div class="has-text-warning ml-4">
+                        <div class="has-text-info ml-4">
                             <small><em>
                             Note: this refers to Direct Messages on the main website
                             (not inside the chat room).

web/templates/account/signup.html

@@ -51,6 +51,11 @@
                 sexually charged content, mark those pictures as 'explicit' when uploading them or post them only to the
                 designated explicit forums so nudists who prefer not to see don't have to.
             </li>
+            <li>
+                😡 <strong>No hate speech.</strong> We take a "zero tolerance" stance against Nazis,
+                <abbr title="Trans-Exclusionary Radical Feminists">TERFs</abbr>, transphobia, homophobia
+                or other forms of bigotry.
+            </li>
             <li>
                 🔞 You must be <strong class="has-text-danger">18 years or older</strong> to sign up for this website.
             </li>

web/templates/inbox/compose.html

@@ -53,6 +53,14 @@
                                 </p>
                             </div>
 
+                            <div class="notification is-warning is-light p-3 is-size-7">
+                                <i class="fa fa-info-circle mr-1"></i>
+                                <strong>Reminder:</strong> don't share sensitive information over Direct Messages.
+                                Please review the <a href="/privacy#direct-messages" target="_blank">Privacy Policy</a> and
+                                <a href="/tos#direct-messages" target="_blank">Terms of Service</a> as it pertains to DMs on
+                                the main website and the chat room.
+                            </div>
+
                             <div class="field has-text-centered">
                                 <button type="submit" class="button is-success">
                                     Send Message

web/templates/inbox/inbox.html

@@ -34,13 +34,21 @@
                                 {{InputCSRF}}
                                 <input type="hidden" name="to" value="{{.ReplyTo}}">
                                 <input type="hidden" name="from" value="inbox">
-                                <textarea class="textarea block" cols="80" rows="4"
+                                <textarea class="textarea" cols="80" rows="4"
                                     name="message"
                                     placeholder="Write a response"></textarea>
-                                <p class="help">
+                                <p class="help mb-3">
                                     <a href="/markdown" target="_blank">Markdown formatting</a> supported.
                                 </p>
 
+                                <div class="notification is-warning is-light p-3 is-size-7">
+                                    <i class="fa fa-info-circle mr-1"></i>
+                                    <strong>Reminder:</strong> don't share sensitive information over Direct Messages.
+                                    Please review the <a href="/privacy#direct-messages" target="_blank">Privacy Policy</a> and
+                                    <a href="/tos#direct-messages" target="_blank">Terms of Service</a> as it pertains to DMs on
+                                    the main website and the chat room.
+                                </div>
+
                                 <div class="columns is-mobile">
                                     <div class="column">
                                         <button type="submit" class="button is-success">Send Reply</button>

web/templates/index.html

@@ -74,6 +74,11 @@
                     sexually charged content, mark those pictures as 'explicit' when uploading them or post them only to the
                     designated explicit forums so nudists who prefer not to see don't have to.
                 </li>
+                <li>
+                    😡 <strong>No hate speech.</strong> We take a "zero tolerance" stance against Nazis,
+                    <abbr title="Trans-Exclusionary Radical Feminists">TERFs</abbr>, transphobia, homophobia
+                    or other forms of bigotry.
+                </li>
                 <li>
                     🔞 You must be <strong class="has-text-danger">18 years or older</strong> to sign up for this website.
                 </li>

web/templates/photo/gallery.html

@@ -173,7 +173,7 @@
                         <span>
                             Found <strong>{{.Pager.Total}}</strong> photo{{Pluralize64 .Pager.Total}} (page {{.Pager.Page}} of {{.Pager.Pages}}).
                             {{if .ExplicitCount}}
-                                {{.ExplicitCount}} explicit photo{{Pluralize64 .ExplicitCount}} hidden per your settings.
+                                {{.ExplicitCount}} explicit photo{{Pluralize64 .ExplicitCount}} hidden per your <a href="/settings#prefs">settings</a>.
                             {{end}}
                         </span>
                         {{end}}