From b92456c178c96b523e6273ad520a9f71a5d14e48 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Mon, 24 Apr 2023 14:59:59 +1000
Subject: [PATCH] update all SMHeaders

---
 resources/js/components/SMAttachments.vue |  5 ++-
 resources/js/components/SMHeader.vue      |  9 +++-
 resources/js/views/Contact.vue            |  7 +--
 resources/js/views/Minecraft.vue          |  9 ++--
 resources/js/views/Privacy.vue            | 39 +++++++++++------
 resources/js/views/TermsAndConditions.vue | 52 ++++++++++++-----------
 6 files changed, 75 insertions(+), 46 deletions(-)

diff --git a/resources/js/components/SMAttachments.vue b/resources/js/components/SMAttachments.vue
index fcdb962..ebb97d5 100644
--- a/resources/js/components/SMAttachments.vue
+++ b/resources/js/components/SMAttachments.vue
@@ -1,5 +1,7 @@
 <template>
-    <h3 v-if="props.attachments && props.attachments.length > 0">Files</h3>
+    <SMHeader
+        v-if="props.attachments && props.attachments.length > 0"
+        text="Files" />
     <table class="attachment-list">
         <tbody>
             <tr
@@ -46,6 +48,7 @@
 <script setup lang="ts">
 import { bytesReadable } from "../helpers/types";
 import { getFileIconImagePath } from "../helpers/utils";
+import SMHeader from "../components/SMHeader.vue";
 
 const props = defineProps({
     attachments: {
diff --git a/resources/js/components/SMHeader.vue b/resources/js/components/SMHeader.vue
index 76c9648..404ceaf 100644
--- a/resources/js/components/SMHeader.vue
+++ b/resources/js/components/SMHeader.vue
@@ -1,8 +1,8 @@
 <template>
-    <h3 :id="id" class="header">
+    <component :is="`h${props.size}`" :id="id" class="header">
         {{ props.text }}
         <span class="hash" @click.prevent="copyAnchor">#</span>
-    </h3>
+    </component>
 </template>
 
 <script setup lang="ts">
@@ -10,6 +10,11 @@ import { ref } from "vue";
 import { useToastStore } from "../store/ToastStore";
 
 const props = defineProps({
+    size: {
+        type: Number,
+        default: 3,
+        required: false,
+    },
     text: {
         type: String,
         required: true,
diff --git a/resources/js/views/Contact.vue b/resources/js/views/Contact.vue
index 0a475c3..85a13c4 100644
--- a/resources/js/views/Contact.vue
+++ b/resources/js/views/Contact.vue
@@ -2,7 +2,7 @@
     <SMMastHead title="Contact us" />
     <SMContainer>
         <div class="container-text">
-            <h3>Questions & Support</h3>
+            <SMHeader text="Questions & Support" />
             <p>
                 If you have a question or would like help with a project, you
                 can send it our way using the form on this page or be emailing
@@ -18,7 +18,7 @@
                 participants, and other individuals who share similar interests.
             </p>
             <SMSocialIcons />
-            <h3>Wanting a workshop?</h3>
+            <SMHeader text="Wanting a workshop?" />
             <p>
                 We provide both public and private workshops as well as run
                 events on behalf of your organisation. If you would like to
@@ -27,7 +27,7 @@
                     >hello@stemmechanics.com.au</a
                 >.
             </p>
-            <h3>Where are you located?</h3>
+            <SMHeader text="Where are you located?" />
             <p>
                 We do not have a physical address as our workshops are delivered
                 across Queensland. Visit the
@@ -48,6 +48,7 @@
 <script setup lang="ts">
 import SMMastHead from "../components/SMMastHead.vue";
 import SMSocialIcons from "../components/SMSocialIcons.vue";
+import SMHeader from "../components/SMHeader.vue";
 </script>
 
 <style lang="scss">
diff --git a/resources/js/views/Minecraft.vue b/resources/js/views/Minecraft.vue
index cc4e538..03e295e 100644
--- a/resources/js/views/Minecraft.vue
+++ b/resources/js/views/Minecraft.vue
@@ -1,7 +1,7 @@
 <template>
     <SMMastHead title="Minecraft Server" />
     <SMContainer narrow>
-        <h3>Connecting to our Minecraft Server</h3>
+        <SMHeader id="connect" text="Connecting to our Minecraft Server" />
         <ol>
             <li>
                 Open up your Minecraft on your computer and make sure you are
@@ -18,7 +18,7 @@
             <li>Click Done</li>
             <li>Join the Server!</li>
         </ol>
-        <h3>Java or Bedrock</h3>
+        <SMHeader text="Java or Bedrock" />
         <p>
             Regrettably, our support is exclusively for the Java edition of
             Minecraft. The reason for this is that we rely on the features
@@ -32,7 +32,7 @@
             keep in mind that the Java version is solely compatible with Windows
             or Mac operating systems.
         </p>
-        <h3>Goodbye Drustcraft</h3>
+        <SMHeader text="Goodbye Drustcraft" />
         <p>
             STEMMechanics launched the Drustcraft server three years ago and
             since then, players have had countless enjoyable experiences. Cities
@@ -47,7 +47,7 @@
             mini-games, bosses, and survival. Join us on the new STEMMechanics
             Minecraft server, where the Drustcraft community awaits.
         </p>
-        <h3>So long Cairns Minecraft</h3>
+        <SMHeader text="So long Cairns Minecraft" />
         <p>
             After seven incredible years of operation, the Cairns Minecraft
             server officially closed its virtual doors in May 2022. This
@@ -68,6 +68,7 @@
 <script setup lang="ts">
 import SMAttachments from "../components/SMAttachments.vue";
 import SMMastHead from "../components/SMMastHead.vue";
+import SMHeader from "../components/SMHeader.vue";
 
 const downloads = [
     {
diff --git a/resources/js/views/Privacy.vue b/resources/js/views/Privacy.vue
index 74c4331..f1e28fd 100644
--- a/resources/js/views/Privacy.vue
+++ b/resources/js/views/Privacy.vue
@@ -2,7 +2,9 @@
     <SMMastHead title="Privacy Policy" />
     <SMContainer narrow>
         <template #inner>
-            <h3>We take our customers' privacy & security seriously.</h3>
+            <SMHeader
+                id="serious"
+                text="We take our customers' privacy & security seriously." />
             <p>
                 At STEMMechanics, we take our customers' privacy and security
                 seriously. We are committed to protecting your privacy and
@@ -33,13 +35,18 @@
                 and Conditions, you should not use the Site.
             </p>
 
-            <h3>1. The kinds of information we collect and hold</h3>
+            <SMHeader
+                id="1"
+                text="1. The kinds of information we collect and hold" />
             <p>
                 Depending on the particular circumstances, we may collect and
                 hold a range of different information about you.
             </p>
 
-            <h4>1.1. Individually identifiable information</h4>
+            <SMHeader
+                :size="4"
+                id="1.1"
+                text="1.1. Individually identifiable information" />
             <p>
                 The types of individually identifiable information we collect
                 will depend on the purposes(s) for which we are collecting it.
@@ -71,7 +78,10 @@
                 activities applicable to you.
             </p>
 
-            <h4>1.2. Non-identifiable information</h4>
+            <SMHeader
+                :size="4"
+                id="1.2"
+                text="1.2. Non-identifiable information" />
             <p>
                 Non-identifiable information is data that has never been
                 labelled with individual identifiers or from which identifiers
@@ -103,7 +113,7 @@
                 and products we provide. This data will not be used in
                 association with any other Personal Information
             </p>
-            <h4>2. How we collect your information</h4>
+            <SMHeader id="2" text="2. How we collect your information" />
             <p>
                 We may collect your information in a number of ways, including:
             </p>
@@ -131,7 +141,7 @@
                 We may also collect information from you online. See more
                 information in clause 6.
             </p>
-            <h4>3. How we hold your Personal Information</h4>
+            <SMHeader id="3" text="3. How we hold your Personal Information" />
             <p>
                 We may store your Personal Information in hard copy or
                 electronic format, in facilities that we own and operate
@@ -171,7 +181,7 @@
                 loss or disclosure of information due to the Site being linked
                 to the Internet.
             </p>
-            <h4>4. How we use your information</h4>
+            <SMHeader id="4" text="4. How we use your information" />
             <p>
                 We may use your information for a range of different purposes,
                 including:
@@ -223,7 +233,7 @@
                 to administer and improve our education and training products
                 and services.
             </p>
-            <h4>5. When we disclose your information</h4>
+            <SMHeader id="5" text="5. When we disclose your information" />
             <p>
                 We engage a range of third parties to provide services and
                 perform business support functions for us. Some of those third
@@ -251,7 +261,7 @@
                 information securely, for example, storing in non-human readable
                 form to ensure the security of your information.
             </p>
-            <h4>6. Cookies</h4>
+            <SMHeader id="6" text="6. Cookies" />
             <p>
                 We use "cookies" when you visit our Site. It is a technology
                 that enables us to operate an efficient service and track the
@@ -288,7 +298,9 @@
                 user experience may be affected and you might not be able to
                 take advantage of certain functions of our Site.
             </p>
-            <h4>7. How to access or correct your Personal Information</h4>
+            <SMHeader
+                id="7"
+                text="7. How to access or correct your Personal Information" />
             <p>
                 Under the Privacy Act, individuals have a right to complete
                 access to their records. You may ask us in writing to provide
@@ -303,7 +315,9 @@
                     >https://www.stemmechanics.com.au/contact</router-link
                 >.
             </p>
-            <h4>8. How to make a complaint about a breach of privacy</h4>
+            <SMHeader
+                id="8"
+                text="8. How to make a complaint about a breach of privacy" />
             <p>
                 If you wish to exercise any of your rights under this Privacy
                 Policy, have any questions, comments or complaints regarding our
@@ -316,7 +330,7 @@
                 OAIC at
                 <a href="https://www.oaic.gov.au">https://www.oaic.gov.au</a>.
             </p>
-            <h4>9. Changes to this Policy</h4>
+            <SMHeader id="9" text="9. Changes to this Policy" />
             <p>
                 Please note that this Privacy Policy forms part of the Terms and
                 Conditions for use of the Site and forms part of the Agreement
@@ -338,6 +352,7 @@
 
 <script setup lang="ts">
 import SMMastHead from "../components/SMMastHead.vue";
+import SMHeader from "../components/SMHeader.vue";
 </script>
 
 <style lang="scss">
diff --git a/resources/js/views/TermsAndConditions.vue b/resources/js/views/TermsAndConditions.vue
index 51e3981..7f110dc 100644
--- a/resources/js/views/TermsAndConditions.vue
+++ b/resources/js/views/TermsAndConditions.vue
@@ -20,7 +20,9 @@
                 agrees to indemnify you and STEMMechanics for its violations of
                 these Terms.
             </p>
-            <h3>1. Eligibility, registration &amp; account</h3>
+            <SMHeader
+                id="1"
+                text="1. Eligibility, registration &amp; account" />
             <p>
                 You must be 18 years of age to use the Website. If you are under
                 18 years of age you must have the permission of your parent or
@@ -50,7 +52,7 @@
                 if you discover or otherwise suspect any security breaches
                 related to the Sites.
             </p>
-            <h3>2. Ownership of site content</h3>
+            <SMHeader id="2" text="2. Ownership of site content" />
             <p>
                 Unless otherwise indicated on our Sites, the Sites and all
                 content and materials therein, including but not limited to the
@@ -86,7 +88,7 @@
                 intellectual property rights, whether by estoppel, implication
                 or otherwise. This license is revocable at any time.
             </p>
-            <h3>3. Hyperlinks</h3>
+            <SMHeader id="3" text="3. Hyperlinks" />
             <p>
                 You are granted a limited, non-exclusive right to create a text
                 hyperlink to the Sites for non-commercial purposes, provided
@@ -119,7 +121,7 @@
                 including privacy and data gathering practices, of any site to
                 which you navigate from the Sites.
             </p>
-            <h3>4. User content</h3>
+            <SMHeader id="4" text="4. User content" />
             <p>
                 The Sites may include discussion blogs, profiles, product
                 reviews or other interactive features or areas (collectively,
@@ -223,7 +225,7 @@
                 among other things, termination or suspension of your rights to
                 use the Sites.
             </p>
-            <h3>5. Rights in user content</h3>
+            <SMHeader id="5" text="5. Rights in user content" />
             <p>
                 Except as otherwise provided herein, on the Sites or in a
                 separate agreement with us (such as the rules of a STEMMechanics
@@ -261,7 +263,7 @@
                 guidelines or policies or any applicable law, rule or
                 regulation.
             </p>
-            <h3>6. Feedback</h3>
+            <SMHeader id="6" text="6. Feedback" />
             <p>
                 Separate and apart from User Content, you have the ability to
                 submit questions, comments suggestions, reviews, ideas, plans,
@@ -279,7 +281,7 @@
                 idea might be great, but we may have already had the same or a
                 similar idea and we do not want disputes.
             </p>
-            <h3>7. User conduct</h3>
+            <SMHeader id="7" text="7. User conduct" />
             <p>
                 You agree that you will not violate any law, contract or
                 intellectual property or other third party right or commit a
@@ -364,14 +366,14 @@
                 before contacting or meeting anyone (online or offline) that is
                 unfamiliar to you.
             </p>
-            <h3>8. No third-party beneficiaries</h3>
+            <SMHeader id="8" text="8. No third-party beneficiaries" />
             <p>
                 These Terms are for the benefit of, and will be enforceable by,
                 the parties only. These Terms are not intended to confer any
                 right or benefit on any third party or to create any obligations
                 or liability of a party to any such third party.
             </p>
-            <h3>9. Indemnification</h3>
+            <SMHeader id="9" text="9. Indemnification" />
             <p>
                 To the fullest extent permitted by applicable law, you agree to
                 defend, indemnify and hold harmless STEMMechanics and our
@@ -385,7 +387,7 @@
                 provide; (d) your violation of these Terms; and (e) your
                 violation of any rights of another.
             </p>
-            <h3>10. Disclaimers</h3>
+            <SMHeader id="10" text=">10. Disclaimers" />
             <p>
                 Except as expressly provided, the Sites, Site Content, User
                 Content and services provided on or in connection with the Sites
@@ -413,7 +415,7 @@
                 is not a substitute for in-person guidance by a qualified
                 instructor.
             </p>
-            <h3>11. Liability</h3>
+            <SMHeader id="11" text="11. Liability" />
             <p>
                 To the fullest extent permitted by applicable law, in no event
                 shall the STEMMechanics parties be liable for any special,
@@ -433,13 +435,13 @@
                 access to an STEMMechanics party's records, programs or
                 services.
             </p>
-            <h3>12. Modifications to site</h3>
+            <SMHeader id="12" text="12. Modifications to site" />
             <p>
                 STEMMechanics reserves the right to modify or discontinue,
                 temporarily or permanently, the Sites or any features or
                 portions thereof without prior notice.
             </p>
-            <h3>13. Termination</h3>
+            <SMHeader id="13" text="13. Termination" />
             <p>
                 You may terminate the Terms at any time by closing your account,
                 discontinuing your use of the Sites and providing STEMMechanics
@@ -449,14 +451,14 @@
                 block or prevent your future access to and use of the Sites or
                 any portion of the Sites.
             </p>
-            <h3>14. Severability</h3>
+            <SMHeader id="14" text="14. Severability" />
             <p>
                 If any provision of these Terms shall be deemed unlawful, void
                 or for any reason unenforceable, then that provision shall be
                 deemed severable from these Terms and shall not affect the
                 validity and enforceability of any remaining provisions.
             </p>
-            <h3>15. Ordering online</h3>
+            <SMHeader id="15" text="15. Ordering online" />
             <p>
                 Upon completing your order and submitting it through the
                 checkout system, an order reference number will be issued to you
@@ -486,7 +488,7 @@
                 Digital items cannot be cancelled or edited after receiving
                 payment.
             </p>
-            <h3>16. Pricing &amp; availability</h3>
+            <SMHeader id="16" text="16. Pricing &amp; availability" />
             <p>
                 All prices are shown in Australia dollars (AUD). All items are
                 subject to availability and we reserve the right to impose
@@ -497,7 +499,7 @@
                 from those in the store or from store-advertised prices. All
                 purchases on applicable products include GST at the rate of 10%.
             </p>
-            <h3>17. Errors</h3>
+            <SMHeader id="17" text="17. Errors" />
             <p>
                 We attempt to be as accurate as possible and eliminate errors on
                 the Sites; however, we do not warrant that any product, service,
@@ -511,7 +513,7 @@
                 any amount charged. Your sole remedy in the event of such error
                 is to cancel your order and obtain a refund.
             </p>
-            <h3>18. Out of stock / pre-order items</h3>
+            <SMHeader id="18" text="18. Out of stock / pre-order items" />
             <p>
                 If the colour or size you want is not listed in the "Choose Your
                 Colour/Size" drop-down box on the Product Information page, it
@@ -527,10 +529,9 @@
                 the availability of that item. If you have items on pre-order
                 that you would like to cancel, please contact us.
             </p>
-            <h3>
-                19. Agreement to Conduct Transactions Electronically; Recording;
-                Copies
-            </h3>
+            <SMHeader
+                id="19"
+                text="19. Agreement to Conduct Transactions Electronically; Recording; Copies" />
             <p>
                 You agree that all of your transactions with or through the
                 Sites may, at our option, be conducted electronically from start
@@ -542,7 +543,7 @@
                 other contract or disclosure that we are required to provide to
                 you.
             </p>
-            <h3>20. Payment</h3>
+            <SMHeader id="20" text="20. Payment" />
             <p>
                 We currently accept Visa and Mastercard online. Only valid
                 credit cards or other payment method acceptable to us may be
@@ -556,7 +557,9 @@
                 otherwise acceptable, your order may be suspended or cancelled
                 automatically.
             </p>
-            <h3>21. Third-party sellers / on-sellers (buying &amp; selling)</h3>
+            <SMHeader
+                id="21"
+                text="21. Third-party sellers / on-sellers (buying &amp; selling)" />
             <p>
                 You may not place orders with the intention to immediately
                 on-forward the products to another person in a business
@@ -597,6 +600,7 @@
 
 <script setup lang="ts">
 import SMMastHead from "../components/SMMastHead.vue";
+import SMHeader from "../components/SMHeader.vue";
 </script>
 
 <style lang="scss">