course link

darksoil-studio · Dec 27, 2024 · 2a61193 · 2a61193
1 parent 88fca35
commit 2a61193
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 32 deletions.
diff --git a/index.html b/index.html
@@ -16,9 +16,9 @@
     flex-direction: row;
     margin-top: 10px;
     align-items: center;">
-      <div style="flex: 1; display: flex; justify-content: center;">
+      <div style="flex: 1; display: flex; justify-content: right;">
         <a style="padding-left: 20px; padding-right: 20px;" href="#people">about</a>
-        <a style="padding-left: 20px; padding-right: 20px;" href="">training</a>
+        <a style="padding-left: 20px; padding-right: 20px;" href="https://darksoil.studio/hc-dev-training">training</a>
         <a style="padding-left: 20px; padding-right: 20px;" href="#connect">contact</a>
       </div>
       <div
@@ -75,6 +75,29 @@ <h1>darksoil studio</h1>
             </div>
           </rocket-columns>
         </rocket-content-area>
+
+
+        <rocket-content-area>
+          <h2 id="news" link-text="Train with us" class="area-headline">
+            Holochain developer training
+          </h2>
+          <p>Learn how to build Holochain apps in 2 weeks</p>
+          <p>February 3 - 14</p>
+          <a href="https://darksoil.studio/hc-dev-training/"><div class="button">Learn more</div></a>
+
+          <!--<rocket-columns>
+            <rocket-card>
+              <div slot="title" class="row card-title">
+                <h4>Holochain Developer Course</h4>
+              </div>
+              <p>We are now opening applications for our Holochain developer course.</p>
+              <a href="https://darksoil.studio/hc-dev-training/"><p>Check out the course page and apply!</p></a>
+            </rocket-card>
+    
+            
+          </rocket-columns>-->
+        </rocket-content-area>
+
 
         <rocket-content-area>
           <h2 id="what-we-do" link-text="what we do">what we do</h2>
@@ -92,25 +115,7 @@ <h2 id="what-we-do" link-text="what we do">what we do</h2>
             the Holochain core codebase.
           </p>
         </rocket-content-area>
-        <!--
-        <rocket-content-area>
-          <h2 id="now_building" link-text="now building" class="area-headline">
-            Learn with us! <br />
-          </h2>
-    
-          <rocket-columns>
-            <rocket-card>
-              <div slot="title" class="row card-title">
-                <h4>Holochain introductory course</h4>
-              </div>
-              <p>We are now opening applications for our Holochain introductory developer course.</p>
-              <a href="./hc-intro/"><p>Check out the course page and apply!</p></a>
-            </rocket-card>
-    
-            
-          </rocket-columns>
-        </rocket-content-area>
-        -->
+
         <rocket-content-area>
           <h2
             id="things-weve-made"

diff --git a/style.css b/style.css
@@ -212,11 +212,11 @@ h1 {
 .bg-blue > div {
   text-align: center;
 }
-
+/*
 rocket-header-scroll-menu a:nth-child(2) {
   display: none;
 }
-
+*/
 .card-title {
   row-gap: 16px;
   margin-bottom: 16px;
@@ -309,15 +309,19 @@ h4 {
 
 .button {
   display: inline-block;
-  padding: 10px 20px;
-  background-color: #0e540b;
-  color: white;
-  text-decoration: none;
-  border-radius: 4px;
-  border: none;
-  cursor: pointer;
-  text-align: center;
-
+    border: 1px solid transparent;
+    text-align: center;
+    font-weight: 600;
+    white-space: nowrap;
+    transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+    border-color: #3e63dd;
+    color: var(--vp-button-brand-text);
+    background-color: #3e63dd;
+    border-radius: 20px;
+    padding: 0 20px;
+    line-height: 38px;
+    font-size: 14px;
+
 }
 
 .black-background {