remove API link, add side track recording (#40)

sapmentors · Jun 18, 2024 · 698c08e · 698c08e
1 parent a560f81
commit 698c08e
Show file tree

Hide file tree

Showing 67 changed files with 1,459 additions and 108 deletions.
diff --git a/docs/css/common.css b/docs/css/common.css
@@ -495,8 +495,8 @@ a:is(.active) {
 
 .recap-btn {
   display: inline-block;
-  padding-block: 1.125rem;
-  padding-inline: 2.125rem;
+  padding-block: 0.75rem;
+  padding-inline: 1rem;
   background-image: linear-gradient(45deg, var(--brand-color-alt), var(--brand-color));
   border-radius: 0.6rem;
   color: var(--white);

diff --git a/docs/css/modules/_agenda.css b/docs/css/modules/_agenda.css
@@ -167,21 +167,23 @@
 .recap-agenda-slot-materials ul {
     gap: 1.5rem;
     display: flex;
+    flex-wrap: wrap;
 }
 
 .recap-agenda-slot-materials a {
     gap: 0.5rem;
     text-decoration: none; 
     padding-block: 0.1rem;
     padding-inline: 0.25rem;
+    color: var(--brand-color-alt);
 }
 
 .recap-agenda-slot-materials a:is(:hover) {
-    color: var(--brand-color-alt);
+    color: var(--brand-color);
 }
 
 .recap-agenda-slot-materials a:is(:focus) {
-    outline-color: var(--brand-color-alt);
+    outline-color: var(--brand-color);
 }
 
 .recap-agenda-broadcast {

diff --git a/docs/images/speakers/0302473f072753018054726f7531de85f4162506.jpg b/docs/images/speakers/0302473f072753018054726f7531de85f4162506.jpg
diff --git a/docs/images/speakers/05c5ab9c2e9e9503c4d9d6f37aafc9827ab6ec3b.jpg b/docs/images/speakers/05c5ab9c2e9e9503c4d9d6f37aafc9827ab6ec3b.jpg
diff --git a/docs/images/speakers/0cc1543504f5bd4a7a1a110088ccfb5e76962104.jpg b/docs/images/speakers/0cc1543504f5bd4a7a1a110088ccfb5e76962104.jpg
diff --git a/docs/images/speakers/0d87eeb0ac31d249d6324b655abf54077f3095a4.jpg b/docs/images/speakers/0d87eeb0ac31d249d6324b655abf54077f3095a4.jpg
diff --git a/docs/images/speakers/0ed134f9b803072754ee91dbaf1c7aa4caedbea7.jpg b/docs/images/speakers/0ed134f9b803072754ee91dbaf1c7aa4caedbea7.jpg
diff --git a/docs/images/speakers/12fccdbfbaeea7b7f23e97ab52e085421b064b6e.jpg b/docs/images/speakers/12fccdbfbaeea7b7f23e97ab52e085421b064b6e.jpg
diff --git a/docs/images/speakers/15451ef726d1ce81d9ab5e1455d032efe4628ef2.jpg b/docs/images/speakers/15451ef726d1ce81d9ab5e1455d032efe4628ef2.jpg
diff --git a/docs/images/speakers/15aa24f1baa72cb5ceea698680eaba041faf0dd8.jpg b/docs/images/speakers/15aa24f1baa72cb5ceea698680eaba041faf0dd8.jpg
diff --git a/docs/images/speakers/1869fd47db4ed3732e18bd184774b98e821163c7.jpg b/docs/images/speakers/1869fd47db4ed3732e18bd184774b98e821163c7.jpg
diff --git a/docs/images/speakers/18ca81ee920671041292631dac52f805a503a06b.jpg b/docs/images/speakers/18ca81ee920671041292631dac52f805a503a06b.jpg
diff --git a/docs/images/speakers/1a788f7080368b4ccf6b4e4fe2d48f954b52a970.jpg b/docs/images/speakers/1a788f7080368b4ccf6b4e4fe2d48f954b52a970.jpg
diff --git a/docs/images/speakers/1cdb9c99e9e0f882fac29e03dc9132bc8d85fb0d.jpg b/docs/images/speakers/1cdb9c99e9e0f882fac29e03dc9132bc8d85fb0d.jpg
diff --git a/docs/images/speakers/1dec2c257fe8d4ca55ca307b5b18d8788964ba42.jpg b/docs/images/speakers/1dec2c257fe8d4ca55ca307b5b18d8788964ba42.jpg
diff --git a/docs/images/speakers/2119d7a7a79cec6fed9ac0e65b2cc6b15d1c38bf.jpg b/docs/images/speakers/2119d7a7a79cec6fed9ac0e65b2cc6b15d1c38bf.jpg
diff --git a/docs/images/speakers/232a59e76be06c0010876934708357af484c35fb.jpg b/docs/images/speakers/232a59e76be06c0010876934708357af484c35fb.jpg
diff --git a/docs/images/speakers/23a280956cad568d51726c1a48102134b2462774.jpg b/docs/images/speakers/23a280956cad568d51726c1a48102134b2462774.jpg
diff --git a/docs/images/speakers/240d390b12aa8404128bdf805aeec174d2f25976.jpg b/docs/images/speakers/240d390b12aa8404128bdf805aeec174d2f25976.jpg
diff --git a/docs/images/speakers/2dac744a3d6651f926b5b4e357000be12945921d.jpg b/docs/images/speakers/2dac744a3d6651f926b5b4e357000be12945921d.jpg
diff --git a/docs/images/speakers/3ba573c0f7c06703bc76299939d1a675cc5bae3b.jpg b/docs/images/speakers/3ba573c0f7c06703bc76299939d1a675cc5bae3b.jpg
diff --git a/docs/images/speakers/3f1fcdcdc954a6f38f7892323ca7f2d63c475ea7.jpg b/docs/images/speakers/3f1fcdcdc954a6f38f7892323ca7f2d63c475ea7.jpg
diff --git a/docs/images/speakers/4c2d222c5b757991041a0e168d046111a078fd0e.jpg b/docs/images/speakers/4c2d222c5b757991041a0e168d046111a078fd0e.jpg
diff --git a/docs/images/speakers/5030d4359c34b4ddf6fb908e62c5dd9050035a1f.jpg b/docs/images/speakers/5030d4359c34b4ddf6fb908e62c5dd9050035a1f.jpg
diff --git a/docs/images/speakers/50a08099ac3afe9ddc442e09d631d8873e4e0a50.jpg b/docs/images/speakers/50a08099ac3afe9ddc442e09d631d8873e4e0a50.jpg
diff --git a/docs/images/speakers/50f8b6cd4a7ab2be3c258b343173ba8af336a6a5.jpg b/docs/images/speakers/50f8b6cd4a7ab2be3c258b343173ba8af336a6a5.jpg
diff --git a/docs/images/speakers/5233a1a546b45c468de26c117aa31412e5907103.jpg b/docs/images/speakers/5233a1a546b45c468de26c117aa31412e5907103.jpg
diff --git a/docs/images/speakers/5b38fb066166e5590ed3b42d8995066c4d5b39f9.jpg b/docs/images/speakers/5b38fb066166e5590ed3b42d8995066c4d5b39f9.jpg
diff --git a/docs/images/speakers/5d252018c0a297501202276e306c146c5d3671d2.jpg b/docs/images/speakers/5d252018c0a297501202276e306c146c5d3671d2.jpg
diff --git a/docs/images/speakers/5fb3504971c0096bef375fe1a4b8e20a27da2d4a.jpg b/docs/images/speakers/5fb3504971c0096bef375fe1a4b8e20a27da2d4a.jpg
diff --git a/docs/images/speakers/6108f05c5b0a8555478a209a2b3de610363964b0.jpg b/docs/images/speakers/6108f05c5b0a8555478a209a2b3de610363964b0.jpg
diff --git a/docs/images/speakers/71da409cfec2afd51a18f7aa5044d60a99a21c5c.jpg b/docs/images/speakers/71da409cfec2afd51a18f7aa5044d60a99a21c5c.jpg
diff --git a/docs/images/speakers/736d0f9809a18bbd7b91b6da0b85eb19f45a4d96.jpg b/docs/images/speakers/736d0f9809a18bbd7b91b6da0b85eb19f45a4d96.jpg
diff --git a/docs/images/speakers/7611df079c4cb38523cba5b3ee31d63725d0b6e3.jpg b/docs/images/speakers/7611df079c4cb38523cba5b3ee31d63725d0b6e3.jpg
diff --git a/docs/images/speakers/76329d415644b22148733e359be01eff768dffc9.jpg b/docs/images/speakers/76329d415644b22148733e359be01eff768dffc9.jpg
diff --git a/docs/images/speakers/78dee199524cfbfb0368ee714538c889f6b58e71.jpg b/docs/images/speakers/78dee199524cfbfb0368ee714538c889f6b58e71.jpg
diff --git a/docs/images/speakers/8adc389267ad72195ce8b05f6675ca05a30d52e0.jpg b/docs/images/speakers/8adc389267ad72195ce8b05f6675ca05a30d52e0.jpg
diff --git a/docs/images/speakers/8d0197aed208852d3cf5311580e52c7679da651d.jpg b/docs/images/speakers/8d0197aed208852d3cf5311580e52c7679da651d.jpg
diff --git a/docs/images/speakers/8dd5130fefff984cb9b9d38873abd580d69e92fd.jpg b/docs/images/speakers/8dd5130fefff984cb9b9d38873abd580d69e92fd.jpg
diff --git a/docs/images/speakers/8f3524f01665bed693331dff98545a2f2869fa5c.jpg b/docs/images/speakers/8f3524f01665bed693331dff98545a2f2869fa5c.jpg
diff --git a/docs/images/speakers/93ff1c8ea42251eddf5d46fd33444bf63cb160b9.jpg b/docs/images/speakers/93ff1c8ea42251eddf5d46fd33444bf63cb160b9.jpg
diff --git a/docs/images/speakers/97672fab1339b7cea3b57497d150eff685ae12c3.jpg b/docs/images/speakers/97672fab1339b7cea3b57497d150eff685ae12c3.jpg
diff --git a/docs/images/speakers/9a55ac68291fbd13eeee70c36a0286465a530b18.jpg b/docs/images/speakers/9a55ac68291fbd13eeee70c36a0286465a530b18.jpg
diff --git a/docs/images/speakers/9acda5ef9e56afe1ad59655e670811caf597c41d.png b/docs/images/speakers/9acda5ef9e56afe1ad59655e670811caf597c41d.png
diff --git a/docs/images/speakers/a0ee149f7ca30247da0dc69a05255441ec1f75d6.jpg b/docs/images/speakers/a0ee149f7ca30247da0dc69a05255441ec1f75d6.jpg
diff --git a/docs/images/speakers/a27e83f82c50eedeed06ae1b8b4396e30e4bc650.jpg b/docs/images/speakers/a27e83f82c50eedeed06ae1b8b4396e30e4bc650.jpg
diff --git a/docs/images/speakers/ad9789a3650c005b224b595c1598b267bcea2c84.jpg b/docs/images/speakers/ad9789a3650c005b224b595c1598b267bcea2c84.jpg
diff --git a/docs/images/speakers/b35b42a06042340fdb81f20b78c1d469289897b4.jpg b/docs/images/speakers/b35b42a06042340fdb81f20b78c1d469289897b4.jpg
diff --git a/docs/images/speakers/bb01877dc8eace3a6da2f9ca42e8224e35bc36fd.jpg b/docs/images/speakers/bb01877dc8eace3a6da2f9ca42e8224e35bc36fd.jpg
diff --git a/docs/images/speakers/bc915101309c6f24d8de5950d45efc39a88ee592.jpg b/docs/images/speakers/bc915101309c6f24d8de5950d45efc39a88ee592.jpg
diff --git a/docs/images/speakers/c3c96866a0ef13bc9b92a0dbf1c1e941b8a22185.jpg b/docs/images/speakers/c3c96866a0ef13bc9b92a0dbf1c1e941b8a22185.jpg
diff --git a/docs/images/speakers/c5213642539b1b01375a73a67ba8276246bbcb93.jpg b/docs/images/speakers/c5213642539b1b01375a73a67ba8276246bbcb93.jpg
diff --git a/docs/images/speakers/d0a5f200bc27f0c411afa54e988380809dc3b676.jpg b/docs/images/speakers/d0a5f200bc27f0c411afa54e988380809dc3b676.jpg
diff --git a/docs/images/speakers/d2bd2b0c262e83366102609025c858d1523427ac.jpg b/docs/images/speakers/d2bd2b0c262e83366102609025c858d1523427ac.jpg
diff --git a/docs/images/speakers/d547b51337ed629b7a16651c732350baea97186a.jpg b/docs/images/speakers/d547b51337ed629b7a16651c732350baea97186a.jpg
diff --git a/docs/images/speakers/da18b949344bc5972f1bac9c39ebc1eb3f56daaf.jpg b/docs/images/speakers/da18b949344bc5972f1bac9c39ebc1eb3f56daaf.jpg
diff --git a/docs/images/speakers/dd33826bcf9cf335e8f1b835dd0323a13e1361ee.jpg b/docs/images/speakers/dd33826bcf9cf335e8f1b835dd0323a13e1361ee.jpg
diff --git a/docs/images/speakers/dec98397159f134be8348fcbbaad2b2c4431cbd3.jpg b/docs/images/speakers/dec98397159f134be8348fcbbaad2b2c4431cbd3.jpg
diff --git a/docs/images/speakers/decc3e9ece11d07f9804b23d4b967e077938f45f.jpg b/docs/images/speakers/decc3e9ece11d07f9804b23d4b967e077938f45f.jpg
diff --git a/docs/images/speakers/e3011244b3438699f356e70aa5e7e308ae56ce50.jpg b/docs/images/speakers/e3011244b3438699f356e70aa5e7e308ae56ce50.jpg
diff --git a/docs/images/speakers/e758135f8bb2bb364e7f7a3d4f344eaf9155653b.jpg b/docs/images/speakers/e758135f8bb2bb364e7f7a3d4f344eaf9155653b.jpg
diff --git a/docs/images/speakers/eb957224df33daf916df1e117ebaac587e966093.jpg b/docs/images/speakers/eb957224df33daf916df1e117ebaac587e966093.jpg
diff --git a/docs/images/speakers/f5a43b7e1bf2b638d04ee762c91ca479d8d92d75.jpg b/docs/images/speakers/f5a43b7e1bf2b638d04ee762c91ca479d8d92d75.jpg
diff --git a/docs/images/speakers/ff61412dd0378106b10504c0b4043148160ff02d.jpg b/docs/images/speakers/ff61412dd0378106b10504c0b4043148160ff02d.jpg
diff --git a/docs/index.html b/docs/index.html
@@ -57,6 +57,9 @@ <h1>
 
           <a href="https://broadcast.sap.com/replay/240604_recap" class="recap-btn secondary" target="_blank">Main track
             recording</a>
+
+          <a href="https://www.youtube.com/playlist?list=PLJDFklpD_2cQtnAF22FKky5gmujxDd4AY" class="recap-btn secondary" target="_blank">Side track
+            recording</a>
         </div>
 
 
@@ -270,16 +273,6 @@ <h3 @click="toggleAnswer($event)">Is there a dress code?</h3>
     <section id="agenda" ref="agenda" v-if="this.formattedLineup">
       <div class="recap-wrap">
         <h2>Agenda</h2>
-        <!-- <pre>{{this.formattedLineup}}</pre> -->
-
-        <div class="recap-agenda-broadcast">
-          <a href="https://broadcast.sap.com/go/reCAP" target="_blank"
-             title="link to the broadcast of main track in Audimax">🎥 Livestream - Audimax</a>
-
-          <a href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_MDIxNmRhYWQtZjFmMS00ZTkxLTgwNzMtYjZmNjY4YzBmMjkz%40thread.v2/0?context=%7b%22Tid%22%3a%2242f7676c-f455-423c-82f6-dc2d99791af7%22%2c%22Oid%22%3a%223d4d6882-45a1-41ce-9418-35a35744348f%22%7d"
-             target="_blank"
-             title="link to the broadcast of side track in W1/W2">🎥 Livestream - W1/W2</a>
-        </div>
 
         <div class="recap-agenda-filter">
           <div class="recap-agenda-filter-container">
@@ -384,6 +377,16 @@ <h2>Agenda</h2>
                 </div>
                 <h3 v-html="event.title"></h3>
                 <p v-html="event.description"></p>
+                <br>
+                <div class="recap-agenda-slot-materials" v-if="event.presentationLinks.length > 0">
+                  <ul>
+                    <li v-for="link in event.presentationLinks">
+                      <a :href="link.url" target="_blank" rel="noreferrer">
+                        {{link.linkType}}
+                      </a>
+                    </li>
+                  </ul>
+                </div>
               </div>
               <div class="recap-agenda-slot-separator">
                 <time class="recap-agenda-slot-time">{{event.startTime| convertTime(eventTime) |
@@ -395,44 +398,14 @@ <h3 v-html="event.title"></h3>
                     <button 
                       :id="`btn-${speaker.firstName}-${speaker.lastName}-${event.id}`"
                       @click="openSpeakerInfoModal(speaker, `btn-${speaker.firstName}-${speaker.lastName}-${event.id}`)">
-                      <img :src="`https://recap.cfapps.eu12.hana.ondemand.com${speaker.photoUrl}`" :alt="`Portrait of ${speaker.firstName} ${speaker.lastName}`">
+                      <img :src="`${speaker.photoUrl}.jpg`" :alt="`Portrait of ${speaker.firstName} ${speaker.lastName}`">
                     </button>
                     <div>
                       <span class="recap-agenda-slot-speaker-name">{{speaker.firstName}} {{speaker.lastName}}</span>
                       <span v-html="speaker.company"></span>
                     </div>
                   </li>
                 </ul>
-                <!-- <div class="recap-agenda-slot-materials" v-if="event.presentationLinks.length > 0">
-                  <ul>
-                    <li>
-                      <a href="#" target="_blank" rel="noreferrer">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
-                          <path fill="currentColor"
-                                d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2" />
-                        </svg>
-                        GitHub
-                      </a>
-                    </li>
-                    <li>
-                      <a href="#" target="_blank" rel="noreferrer">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
-                          <path fill="currentColor" d="M4 20h12v-9H4zm14-5v-2h2V4H8v5H6V2h16v13zM2 22V9h16v13zm8-6.5" />
-                        </svg>
-                        Slides
-                      </a>
-                    </li>
-                    <li>
-                      <a href="#" target="_blank" rel="noreferrer">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
-                          <path fill="currentColor"
-                                d="M10 17h9v-6h-9zm-6 3q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2h16V6H4zm0 0V6z" />
-                        </svg>
-                        Demo
-                      </a>
-                    </li>
-                  </ul>
-                </div> -->
               </div>
             </div>
           </li>
@@ -458,7 +431,6 @@ <h3 v-html="event.title"></h3>
                ref="speakerModalContent">
 
               <template v-if="this.activeSpeaker">
-                <!-- <pre>{{this.activeSpeaker}}</pre> -->
                 <h2 class="sr-only" id="speaker-dialog-title">
                   Detailed Info about
                   <template>{{this.activeSpeaker.firstName}} {{this.activeSpeaker.lastName}}
@@ -482,7 +454,7 @@ <h2 class="sr-only" id="speaker-dialog-title">
                   <figure>
                     <img
                         class="recap-agenda-modal-speaker-image"
-                        :src="`https://recap.cfapps.eu12.hana.ondemand.com${this.activeSpeaker.photoUrl}`"
+                        :src="`${this.activeSpeaker.photoUrl}.jpg`"
                         :alt="`Portrait of ${this.activeSpeaker.firstName} ${this.activeSpeaker.lastName}`" />
                   </figure>
                   <article>
@@ -759,9 +731,9 @@ <h2>
     </div>
   </footer>
 
-    <script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
-    <script src="./js/luxon.min.js"></script>
-    <script src="./js/main.js"></script>
+  <script src="./js/luxon.min.js"></script>
+  <script src="./js/agenda.js"></script>
+  <script src="./js/main.js"></script>
 </body>
 
 </html>