workshops

Author: andimarek

themes/hugo-sustain/layouts/partials/header.html

@@ -23,5 +23,5 @@
   </div>
 </nav>
 <div class="workshops-header">
-  <a id="news-link" href="/workshops"> 🎉 <span class="home-new">New:</span> Workshops coming soon! 🎉 </a>
+  <a id="news-link" href="/workshops"> 🎉 <span class="home-new">New:</span> Workshops are available! 🎉 </a>
 </div>

themes/hugo-sustain/layouts/workshops/list.html

@@ -11,18 +11,21 @@
               <div class="block">
                 <div class="workshops-content">
                   <p>
-                    <strong>
-                      GraphQL Java will begin offering commercial workshops soon. 
-                    </strong>
-                    <br />
-                    Every workshop will teach you hands on how to design a
-                    GraphQL API and build a server in Java.
+                    Each workshop will teach you everything you need to know to develop a GraphQL server in Java.
+                   <br/> No GraphQL knowledge is required.
                   </p>
+<br/>
+                  <p><strong>We are happy to announce the first two workshops:</strong></p>
+                  <div class="workshops-schedule">
+                      <button><a target="_blank" href="https://www.eventbrite.com.au/e/introduction-into-graphql-with-java-us-time-tickets-141390196885"> 16th of April (US time) </a></button>
+                      <button><a target="_blank" href="https://www.eventbrite.com.au/e/introduction-into-graphql-with-java-europe-time-tickets-141394383407"> 23th of April (Europe time) </a></button>
+                  </div>
                 </div>
+                <br/>
                 <div class="contact-message">
                   <p>
-                    Please enter your contact details below if you are
-                    interested and we will get back to you.
+                    Please enter your contact details below if you have questions or
+                    other feedback about the workshops and we will get back to you.
                   </p>
                 </div>
                 <div class="contact-form">
@@ -82,7 +85,7 @@
                     >
                       <textarea
                         rows="6"
-                        placeholder="Specific topics you want to have covered? Other questions or feedback?"
+                        placeholder="Your message"
                         class="form-control"
                         name="message"
                         id="message"

themes/hugo-sustain/static/css/main.css

@@ -120,7 +120,8 @@ table th {
   color: #eb0195;
 }
 .container a:hover {
-  color: #b5fed9;
+  color: #1a01eb;
+  text-decoration: none;
 }
 .container p img,
 .img-responsive {
@@ -278,6 +279,33 @@ div.footer {
   font-size: 20px;
 }
 
+.workshops-schedule {
+  display: flex;
+  flex-direction: row;
+  gap: 24px;
+  justify-content: center;
+}
+
+.workshops-schedule button {
+  padding: 10px;
+  border: 1px solid #eb0195;
+  border-radius: 4px;
+  background: white;
+  font-size: 18px;
+}
+
+.workshops-schedule button a {
+  color: #333333;
+}
+
+.workshops-schedule button a:hover {
+  color: #333;
+}
+
+.workshops-schedule button:hover {
+  background: #e885c4;
+}
+
 .contact-message {
   font-size: 18px;
   margin-top: 24px;
@@ -289,10 +317,6 @@ div.footer {
   width: 60%;
 }
 
-#contact-submit {
-  border: 2px solid #eb0195;
-}
-
 .highlight pre {
   border: none;
 }