Workshops and Keynote Speakers (#24)

* update keynote speakers and workshops
* add link icon
* update call for poster text

---------

Co-authored-by: JoeyPaintsil <paintsil610@gmail.com>

assets/css/main.css

@@ -420,6 +420,10 @@ ul.main-menu-dropdown li {
     color: white;
 }
 
+.speaker-more > a:hover, .speaker-less > a:hover {
+    text-decoration: none;
+}
+
 #speakers-line-up .speaker-less {
     color: black;
 }
@@ -514,16 +518,12 @@ ul.main-menu-dropdown li {
     width: 100%;
 }
 
-.speaker-main-box a{
-    color: black;
+.speaker-main-box h3{
+    color: black !important;
     text-align:center;
     font-weight: bolder !important;
 }
 
-.speaker-main-box a:hover{
-    color: rgb(46,98,124);
-}
-
 .speaker-main-box-blue {
     text-align: center;
     background: linear-gradient(to bottom, var(--cp-dark) 0%, var(--cp-light) 42%, #ffffff 42%, #ffffff 100%);
@@ -534,13 +534,14 @@ ul.main-menu-dropdown li {
 
 .speaker-main-box-blue a{
     color: white;
-text-align:center;
+    text-align:center;
     font-weight: bolder;
 
 }
 
 .speaker-main-box-blue a:hover{
-    color: rgb(46,98,124);
+    text-decoration: none;
+    /* color: rgb(46,98,124); */
 }
 
 /* END: Main - Speakers */
@@ -3611,6 +3612,36 @@ table.alt tfoot {
     text-decoration: underline;
 }
 
+.link_keynote::after
+{
+  content: "";
+  width: 15px;
+  height: 15px;
+  margin-left: 4px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  display: inline-block;
+}
+
+.link_workshopleader {
+    text-decoration: underline;
+}
+
+.link_workshopleader::after
+{
+  content: "";
+  width: 15px;
+  height: 15px;
+  margin-left: 4px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  display: inline-block;
+}
+
 /* videoWrapper */
 
 .videoWrapper {

index.html

@@ -349,12 +349,28 @@ <h2>Keynote Speakers</h2>
                 </div>
                 <div class="keynote" id="keynote-1" style="display: none">
                     <div class="speaker-less"><a onclick="javascript:hide(1)">-</a></div>
-                    <div class="keynote-title">KEYNOTE:<br>To be announced.</div>
+                    <div class="keynote-title">KEYNOTE:<br>"Open Source Geospatial Software: The first 40 years and beyond."</div>
                     <div class="keynote-description">
                     </div>
                     <div class="keynote-details"><a class="button" href="speakers.html#speaker-1" target="_blank">Read
                             details</a></div>
                 </div>
+
+                <div class="speaker" id="speaker-2" style="display: block">
+                    <div class="speaker-more"><a onclick="javascript:show(2)">+</a></div>
+                    <div class="speaker-img"><img src="images/speakers/Pablo Viejo.jpg"><br></div>
+                    <div class="speaker-name"><a>Pablo Viejo</a><br></div>
+                    <div class="speaker-job">Digital Solutions Developer</div>
+                    <div class="speaker-location">Bettermaps<br></div>
+                </div>
+                <div class="keynote" id="keynote-2" style="display: none">
+                    <div class="speaker-less"><a onclick="javascript:hide(2)">-</a></div>
+                    <div class="keynote-title">KEYNOTE:<br>"To be announced."</div>
+                    <div class="keynote-description">
+                    </div>
+                    <div class="keynote-details"><a class="button" href="speakers.html#speaker-2" target="_blank">Read
+                            details</a></div>
+                </div>
             </div>
 
             <!-- Workshop Leaders section moved to speaker_text.html for the preliminary version (budget-ready) -->

nav.html

@@ -17,7 +17,7 @@
         <!-- "Schedule" and "Workshop Leaders" disabled in the preliminary version (budget-ready) -->
         <li><a href="program.html">Schedule</a></li>
         <li><a href="speakers.html#keynotes">Keynote Speakers</a></li>
-        <!-- <li><a href="speakers.html#workshops">Workshop Leaders</a></li> -->
+        <li><a href="speakers.html#workshops">Workshop Leaders</a></li>
       </ul>
     </li>
     <!-- "Registration" and "Submissions" disabled in the preliminary version (budget-ready) -->