Merge pull request #181 from VolvoxCommunity/about-page-adjustments

About page adjustments

Author: BillChirico

src/Volvox.Helios.Web/Views/Home/About.cshtml

@@ -13,22 +13,22 @@
 
 
     <div class="col-12 mt-5">
-        <h4 class="text-volvox underline-left">About</h4>
+        <h4 class="caption text-volvox underline-left">About</h4>
         <p class="mb-4">
             Volvox is a community dedicated to helping others learn various technologies. We teach members by having everyone contribute to open source projects. The goal is to eventually have multiple projects ranging across different technologies so that members can learn whatever they would like. We're currently at over 100 members and are always looking for more!
         </p>
-        <h4 class="text-volvox underline-left">Projects</h4>
+        <h4 class="caption text-volvox underline-left">Projects</h4>
         <p class="mb-4">
             Volvox.Helios - Modular Discord bot written in ASP.NET Core, Entity Framework, Razor. The goal of this bot is to be the only bot you'll have to add to your Discord server. It will be managed from a web interface that will show a vast array of data and statistics. Each module has its own settings and can be enabled or disabled as the admin of the Discord server chooses.
         </p>
-        <h4 class="text-volvox underline-left">How to Join</h4>
+        <h4 class="caption text-volvox underline-left">How to Join</h4>
         <p>
             It's simple to join, just join our Discord Server! After you join please head over to the introductions channel so we can assign you the proper role. You can also message an Admin and they'll get you all setup.
         </p>
     </div>
 
-    <div class="col-12 mt-5">
-        <h4 class="text-volvox underline-left">Links</h4>
+    <div class="col-12 mt-4">
+        <h4 class="caption text-volvox underline-left">Links</h4>
         <ul class="mt-4">
             <li>
                 Repository: <a href="https://github.com/VolvoxCommunity/Volvox.Helios" target="_blank" class="volvox-link">https://github.com/VolvoxCommunity/Volvox.Helios</a>
@@ -48,33 +48,33 @@
     <div class="col-12 mt-5">
         <h3 class="text-left">Current Modules</h3>
         <hr class="mr-auto text-left ml-0">
-        <h4 class="text-volvox underline-left mt-4 mt-5">Stream Announcer</h4>
+        <h4 class="caption text-volvox underline-left mt-4 mt-5">Stream Announcer</h4>
         <p>
             Announce to a specific channel when a user starts streaming to Twitch
         </p>
-        <h4 class="text-volvox underline-left mt-4">Streamer Role</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Streamer Role</h4>
         <p>
             Using the Streamer Role Module on your server defines a role people will be assigned when they start a stream.<br>
             Makes it easy to always know when you have someone streaming on the server! <br>
             At least we know who to watch now.
         </p>
-        <h4 class="text-volvox underline-left mt-4">Poll Manager</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Poll Manager</h4>
         <p>
             Create and manage custom polls.
         </p>
-        <h4 class="text-volvox underline-left mt-4">Chat Tracker</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Chat Tracker</h4>
         <p>
             Keeps track of your Guild's chat and provides you with up-to-date analytics.
         </p>
-        <h4 class="text-volvox underline-left mt-4">Remembot</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Remembot</h4>
         <p>
             Add messages to be sent a intervals you define. Guild member always late for raids? Set a reminder message that pings them in the evening on every Tuesday. Are you manually creating sign up messages every morning? Now there's a bot for that!
         </p>
-        <h4 class="text-volvox underline-left mt-4">Dad</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Dad</h4>
         <p>
             Unleash the "dad" on your server. Messages that start with "I'm" will be met with a dad-like response.
         </p>
-        <h4 class="text-volvox underline-left mt-4">Clean Chat Module</h4>
+        <h4 class="caption text-volvox underline-left mt-4">Clean Chat Module</h4>
         <p>
             Clean Chat is a new Module that will allow you to select channels and add a message duration to them. Once a user sends a message it will be automatically deleted after the set duration. This module is great for a Looking For Group channel. You can even set the duration to zero to lock channels.
         </p>

src/Volvox.Helios.Web/Views/Home/Index.cshtml

@@ -5,7 +5,7 @@
 <header class="home-header valign mb-4">
     <div class="container">
         <div class="col-md-6 image-shadow">
-            <img src="https://volvox.tech/images/large/volvox-combination-mark.png" alt="Volvox logo" class="img-fluid" />
+            <img src="/images/large/volvox-combination-mark.png" alt="Volvox logo" class="img-fluid" />
         </div>
     </div>
 </header>

src/Volvox.Helios.Web/wwwroot/css/dark-theme.css

@@ -127,6 +127,11 @@ footer {
   color: white;
 }
 
+.caption {
+  font-weight: 400;
+  padding-bottom: 5px;
+}
+
 .volvox-link {
   color: #4cae4c;
 }