Initial website.

Author: anthonyb8

app/globals.css

@@ -15,7 +15,7 @@ body {
 }
 
 body {
-  background: linear-gradient(135deg, #537692, #1d3f58, #537692);
+  background: linear-gradient(135deg, #001b2e, #537692, #001b2e);
   font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
 }
 

app/page.module.css

@@ -3,7 +3,7 @@
   grid-template-rows: 20px 1fr 20px;
   align-items: center;
   justify-items: center;
-  min-height: 100svh;
+  min-height: calc(100svh - 100px);
   padding: 80px;
   gap: 64px;
   font-family: var(--font-geist-sans);
@@ -14,4 +14,30 @@
   flex-direction: column;
   gap: 32px;
   grid-row-start: 2;
+  width: 60%;
+}
+
+.main h1 {
+  font-size: 3rem;
+  color: white;
+}
+
+.main h3 {
+  color: grey;
+  width: 80%;
+}
+
+.button_container {
+  width: 80%;
+  display: flex;
+  justify-content: center;
+}
+
+.main button {
+  padding: 15 100;
+  border-radius: 50px;
+  font-size: 1.25rem;
+  font-weight: bold;
+  border: none;
+  color: rgba(42, 42, 42, 0.9);
 }

app/page.tsx

@@ -6,15 +6,17 @@ export default function Home() {
   return (
     <div className={styles.page}>
       <main className={styles.main}>
-        <h1>Algorithimica tradon made simple.</h1>
+        <h1>Algorithmic trading made simple.</h1>
         <h3>
           Whether you are a seasoned professional or a beginner the Midas System
-          provide s eveyrhtign uou nee to build & strategies
+          providess everything you need to build & deploy strategies.
         </h3>
         <Socialbar />
-        <a href="https://midastrader.readthedocs.io/en/latest/">
-          <button> Get Started</button>
-        </a>
+        <div className={styles.button_container}>
+          <a href="https://midastrader.readthedocs.io/en/latest/">
+            <button> Get Started</button>
+          </a>
+        </div>
       </main>
     </div>
   );

app/ui/socials.tsx

@@ -1,21 +1,20 @@
 import { FaGithub } from "react-icons/fa6";
 import { FaLinkedin } from "react-icons/fa";
-import { FaMedium } from "react-icons/fa6";
 import { SiReadthedocs } from "react-icons/si";
 import styles from "./socials.module.css";
 
 export default function Socialbar() {
   return (
     <div className={styles.icon_bar}>
-      <a href="https://github.com/anthonyb8">
+      <a href="https://github.com/midassystems">
         <FaGithub />
       </a>
-      <a href="https://www.linkedin.com/in/anthonybax">
-        <FaLinkedin />
-      </a>
-      <a href="https://medium.com/@anthonybaxter819">
+      <a href="https://midastrader.readthedocs.io/en/latest/">
         <SiReadthedocs />
       </a>
+      <a href="https://www.linkedin.com/company/midassystems">
+        <FaLinkedin />
+      </a>
     </div>
   );
 }

app/ui/top-nav.module.css

@@ -1,16 +1,24 @@
 .top_nav {
+  margin-left: 10%;
+  margin-right: 10%;
+  padding: 20px;
   margin-top: 20px;
   background-color: rgb(42, 42, 42, 0.2);
   display: flex;
   align-items: center;
   padding-right: 1%;
-  color: #f4f0e0;
+  color: white;
   height: 80px;
+  border-radius: 20px;
+}
+
+.nav_logo {
+  display: flex;
 }
 
 .top_nav img {
-  width: 50px;
-  height: 50px;
+  width: 45px;
+  height: 45px;
 }
 
 .icon_bar {

app/ui/top-nav.tsx

@@ -1,7 +1,4 @@
 import styles from "@/app/ui/top-nav.module.css";
-import { FaGithub } from "react-icons/fa6";
-import { FaLinkedin } from "react-icons/fa";
-import { FaMedium } from "react-icons/fa6";
 
 export default function TopNav() {
   return (
@@ -11,17 +8,11 @@ export default function TopNav() {
         <h1>idas</h1>
       </div>
       <nav className={styles.nav}>
-        <a href="#about" className={styles.top_nav_icons}>
-          About
-        </a>
-        <a href="#experience" className={styles.top_nav_icons}>
-          Experience
-        </a>
-        <a href="#projects" className={styles.top_nav_icons}>
-          Projects
-        </a>
-        <a href="#contact" className={styles.top_nav_icons}>
-          Contact
+        <a
+          href="https://midastrader.readthedocs.io/en/latest/"
+          className={styles.top_nav_icons}
+        >
+          Documentation
         </a>
       </nav>
     </div>