Merge pull request #7 from Skyhawkbotics/dev

Small Tweaks to Look & Feel

Author: Synaptic149

CNAME

@@ -1,3 +1,3 @@
-# website
+# Website
 
-The Skyhwakbotics Website. For dev info, see [README-DEVS.md](README-DEVS.md)
+The Hawkbot1cs website. For dev info, see [README-DEVS.md](README-DEVS.md)

README.md

@@ -9,7 +9,7 @@
     <Hamburger bind:value={$isMenuOpen} />
 
     <div class="header">
-        <a href="{base}/" class="header--logo"><strong>Hawkbotics</strong> 20790</a>
+        <a href="{base}/" class="header--logo"><strong>Hawkbot1cs</strong> 20790</a>
 
         <div class="header--icons">
             <a href="https://www.twitter.com/SkyHawk03350366" target="_blank" rel="noreferrer"

src/assets/Hawkbotics_clear.png

@@ -8,7 +8,7 @@
 </script>
 
 <svelte:head>
-    <title>Hawkbot1cs</title>
+    <title>Home | Hawkbot1cs</title>
 </svelte:head>
 
 <section id="main" class="section hero" class:open={$isMenuOpen}>
@@ -333,10 +333,11 @@
             margin-right: 0.5rem;
 
             &--title {
-                color: $pageText;
-                font-family: "Roboto Slab", serif;
+                color: $headerLogoTextStrong;
+                font-family: "Press Start 2P", serif;
+                font-weight: 400;
+                font-style: normal;
                 font-size: 40pt;
-                font-weight: bold;
                 margin: 0;
             }
 
@@ -370,7 +371,7 @@
         }
 
         &--image {
-            width: calc(50% - 1rem);
+            height: calc(100% - 1rem);
             margin-left: 0.5rem;
         }
     }

src/assets/robot.jpeg

@@ -3,9 +3,14 @@
 
     import robot from "$assets/robot.jpeg";
 </script>
+
+<svelte:head>
+    <title>Calendar | Hawkbot1cs</title>
+</svelte:head>
+
 <p class="about--text">Part of achieving our mission is reaching as many people in our community as we can. The best way for us to do this is through community events and inviting the community to watch us and participate in our robotics tournaments. Below you will find an updated calendar of our events. Be sure to keep a close eye on it as the details may change. We hope to see you around!
 </p>
-<iframe src="https://embed.styledcalendar.com/#26Y3g6u0smOUcKuhVfpm" title="Styled Calendar" class="styled-calendar-container" style="width: 60%; height: 40%; border: none;" data-cy="calendar-embed-iframe"></iframe>
+<iframe src="https://embed.styledcalendar.com/#26Y3g6u0smOUcKuhVfpm" title="Styled Calendar" class="styled-calendar-container" style="width: 95%; height: 100%; border: none;" data-cy="calendar-embed-iframe"></iframe>
 
 
 <style lang="scss">

src/components/Header.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <svelte:head>
-    <title>Get Involved!</title>
+    <title>Get Involved! | Hawkbot1cs</title>
 </svelte:head>
 
 <p class="section-title" class:open={$isMenuOpen}>How to Join Us</p>
@@ -14,8 +14,10 @@
     <img src={robot} alt="robot" />
 
     <p class="about--text">
-      Are you a student (in 7 through 12th grade) interested in STEM, robotics, team management, or in learning how to work well as a part of an awesome team of leaders, visionaries, and friends? Then you would be perfect to join our robotics team! We are always looking for new members and would love to have you. Please contact skyhawkbotics@gmail.com for more information about our program, and we look forward to seeing you soon!
-If you are interested in mentoring our robotics team or volunteering to help promote and expand the vision and outreach of our nonprofit, we would love to have you on the team. We are always looking for technically skilled mentors who have experience in the STEM world, as well as mentors to help with the organization and management of the team. Please reach out to us at skyhawkbotics@gmail.com and we can’t wait to meet you!
+        Are you a student (in 7 through 12th grade) interested in STEM, robotics, team management, or in learning how to work well as a part of an awesome team of leaders, visionaries, and friends? Then you would be perfect to join our robotics team! We are always looking for new members and would love to have you. Please contact skyhawkbotics@gmail.com for more information about our program, and we look forward to seeing you soon!
+    </p>
+    <p class="about--text">
+        If you are interested in mentoring our robotics team or volunteering to help promote and expand the vision and outreach of our nonprofit, we would love to have you on the team. We are always looking for technically skilled mentors who have experience in the STEM world, as well as mentors to help with the organization and management of the team. Please reach out to us at skyhawkbotics@gmail.com and we can’t wait to meet you!
     </p>
 </section>
 

src/routes/+page.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <svelte:head>
-    <title>Our Work</title>
+    <title>Our Work | Hawkbot1cs</title>
 </svelte:head>
 
 <p class="section-title" class:open={$isMenuOpen}>Our Work</p>

src/routes/calendar/+page.svelte

@@ -7,3 +7,5 @@ $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
 @import "@fortawesome/fontawesome-free/scss/regular.scss";
 @import "@fortawesome/fontawesome-free/scss/solid.scss";
 @import "@fortawesome/fontawesome-free/scss/brands.scss";
+
+@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&family=Press+Start+2P&display=swap');