Add files via upload

ApeWorX · Nov 13, 2023 · d29ddee · d29ddee
1 parent 1502c48
commit d29ddee
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 30 deletions.
diff --git a/landing-page/src/App.js b/landing-page/src/App.js
@@ -564,11 +564,11 @@ export default function App() {
             <h1>Ape Genius</h1>
             <h2>The smartest ape in the jungle</h2>
             <div className="navigator">
-              <a onClick={() => scrollTo("section-2")}>About</a>
+              <a onClick={() => scrollTo("")}>About</a>
               <a onClick={() => scrollTo("section-3")}>Examples</a>
-              <a onClick={() => scrollTo("section-4")}>Preview</a>
-              <a href="https://github.com/ApeWorX/ape-genius">Code</a>
-              <a href="https://apeworx.io/">ApeWorX</a>
+              <a onClick={() => scrollTo("section-4")}>Follow</a>
+              <a target="_blank" href="https://github.com/ApeWorX/ape-genius">Code</a>
+              <a target="_blank" href="https://apeworx.io/">ApeWorX</a>
             </div>
 
             <button
@@ -816,24 +816,26 @@ Note: This answer is creative and goes beyond the source files provided, as it i
             className="next-section"
             onClick={() => scrollTo("section-4")}
           >
-            Apply for Preview
+            Follow Updates
           </button>
         </div>
         <div className="section" id="section-4">
-          <h1>Apply for Preview Access</h1>
+          <h1>Follow Our Updates</h1>
           <h3>
-            Today the tool is only available
+            Today we host and serve Ape Genius
             <br />
-            for ApeWorX partners
+            only for ApeWorX partners
           </h3>
           <h3>
-            Apply your email below to receive
+            Follow our Telegram announcements group
             <br />
-            preview access when available:
+            and get preview access when available
           </h3>
           <div className="submit">
-            <input />
-            <button className="submit-btn">SUBMIT EMAIL</button>
+            {/* <input /> */}
+            <a target="_blank" href="https://t.me/apegenius" className="submit-btn">📣 Follow Ape Genius Announcements</a>
+            <a target="_blank" href="https://twitter.com/ApeFramework" className="submit-btn">🐦 Follow Ape on Twitter</a>
+            <a target="_blank" href="https://github.com/ApeWorX/apegenius" className="submit-btn">🍴 Fork Ape Genius Source Code</a>
           </div>
           {/* <ul>
             <li>

diff --git a/landing-page/src/styles.css b/landing-page/src/styles.css
@@ -70,17 +70,6 @@ li {
   text-shadow: #000 0px 0 10px;
 }
 
-.navigator > a {
-  font-size: 1.3em;
-  color: white;
-  padding: 20px;
-}
-
-.navigator > a:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
 .half-width {
   width: 800px;
 }
@@ -89,10 +78,6 @@ li {
   filter: drop-shadow(0 0 0.75rem #000);
 }
 
-.navigator > a:visited {
-  color: white;
-}
-
 #section-1 {
   padding: 80px;
 }
@@ -188,18 +173,26 @@ li h3 {
 #section-4 h3 {
   font-size: 1.5em;
 }
-#section-1 a {
-  text-decoration: none;
-}
+
 a {
   color: #fff;
   font-weight: bold;
+  text-decoration-line: underline;
+  text-decoration-thickness: 1px;
+  font-size: 1.3em;
+  color: white;
+  padding: 20px;
 }
 
 a:visited {
   color: #fff;
 }
 
+a:hover {
+  text-decoration-thickness: 3px;
+  cursor: pointer;
+}
+
 pre {
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
@@ -342,4 +335,14 @@ input {
 
 .submit {
   margin-top: 40px;
+  display: flex;
+  flex-direction: column;
+  max-width: 500px;
+  /* align-items: flex-start; */
+
+}
+
+.submit-btn {
+  text-align: left;
+  margin-bottom: 20px;
 }