adds pres page

diekus · May 8, 2024 · 1abcb18 · 1abcb18
1 parent 099925c
commit 1abcb18
Show file tree

Hide file tree

Showing 2 changed files with 158 additions and 0 deletions.
diff --git a/pres.html b/pres.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style/dark.css" media="(prefers-color-scheme: dark)" />
+  <link rel="stylesheet" href="style/light.css" media="(prefers-color-scheme: light)" />
+  <link rel="stylesheet" href="style/base.css" />
+  <link rel="stylesheet" href="style/temp.css" />
+  <link rel="shortcut icon" href="/image/favicon.png" type="image/x-icon">
+  <title>Diego Gonzalez Zuniga *diekus* : PWA, foldables, Web</title>
+</head>
+<body>
+  <header>
+    <h1>un s&aacute;bado <br> trece</h1>
+    <span class="profileBorder" width="200px" height="200px">
+      <img src="/image/diekus-profile.jpg" class="headshot" width="200px" height="200px">
+    </span>
+  </header>
+  <span class="socials">
+    <a href="https://toot.cafe/@diekus">
+      <img src="/image/SVG/mastodon.svg" alt="Mastodon logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://instagram.com/diekus">
+      <img src="/image/SVG/instagram.svg" alt="instagram logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://github.com/diekus">
+      <img src="/image/SVG/github.svg" alt="github logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://medium.com/@diekus">
+      <img src="/image/SVG/medium.svg" alt="Medium logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://uk.linkedin.com/in/diekus">
+      <img src="/image/SVG/linkedin.svg" alt="LinkedIn logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://reddit.com/user/diekus">
+      <img src="/image/SVG/reddit.svg" alt="reddit logo" class="social_icon" width="35px" height="35px">
+    </a>
+    <a href="https://x.com/diekus">
+      <img src="/image/SVG/x.svg" alt="X logo" class="social_icon" width="35px" height="35px">
+    </a>
+  </span>
+
+  <main>
+    <h2>events <br> >>></h2>
+
+    <iframe class="yt_embed" width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=S4h6mcn5VXlhYfAs&amp;list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    <hr>
+    <table id="event-table">
+      <caption>These are the events I've participated in the past! If you'd like to get me to speak at your event feel free to <a href="mailto:[email protected]">contact me</a>.</caption>
+      <thead>
+        <tr>
+          <th scope="col">Event</th>
+          <th scope="col">Name</th>
+          <th scope="col">Type</th>
+          <th scope="col">Location</th>
+          <th scope="col">Year</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr><td scope="row"><a href="">BlinkOn 18</a></td><td>Web Install</td><td>Lightning Talk</td><td>Online, 🌐<td>18/10/2023</td></tr>
+        <tr><td scope="row"><a href="https://2023.stateofthebrowser.com/speaker/diego-gonzalez/">State of the Browser 2023</a></td><td>The Blue PWAnet</td><td>Presentation</td><td>London, 🇬🇧<td>23/09/2023</td></tr>
+        <tr><td scope="row"><a href="">JSDay CANARIAS</a></td><td>Plegate que voy</td><td>Presentation</td><td>Tenerife, 🇪🇸<td>06/05/2022</td></tr>
+        <tr><td scope="row"><a href="https://youtu.be/dz2iigz9Qws?list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t">CityJS 2022</a></td><td>PWAs: The new frontier</td><td>Presentation</td><td>London, 🇬🇧<td>2022</td></tr>
+        <tr><td scope="row"><a href="https://www.w3.org/2021/10/TPAC/demos/pwa.html">W3C TPAC 2021 Demos</a></td><td>Integrating your PWAs to desktop environments</td><td>Presentation</td><td>Online, 🌐<td>21/10/2021</td></tr>
+        <tr><td scope="row"><a href="">PWA Summit 21</a></td><td>Web vendor panel</td><td>Panel</td><td>Online, 🌐<td>2021</td></tr>
+        <tr><td scope="row"><a href="">Web Directions CODE</a></td><td>PWAs: desktop features</td><td>Presentation</td><td>Online, 🌐<td>2021</td></tr>
+        <tr><td scope="row"><a href="https://webdirections.org/code/speakers/diego-gonzalez.php">Web Directions: Code 2021</a></td><td>Desktop PWAs: About time</td><td>Presentation</td><td>Online, 🌐<td>27/09/2021</td></tr>
+        <tr><td scope="row"><a href="https://events.codemotion.com/conferences/online/2021/online-tech-conference-spanish-edition-spring/speakers">Codemotion Spring 20</a></td><td>Y tu plataforma tambi&eacute;n</td><td>Presentation</td><td>Online, 🌐<td>21/04/2021</td></tr>
+        <tr><td scope="row"><a href="https://www.youtube.com/watch?v=xUNC8MjW_iI&list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t&t=1s">Ignite Fall 20</a></td><td>Igniting the Web Apps Story</td><td>Presentation</td><td>Online, 🌐<td>02/04/2021</td></tr>
+        <tr><td scope="row">Web Dev Meetup, MS</td><td>PWAs</td><td>Presentation</td><td>Online, 🌐<td>12/12/2020</td></tr>
+        <tr><td scope="row"><a href="https://www.youtube.com/watch?v=4W_u9_WF6nc&list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t&index=2">BlinkOn 13</a></td><td>Manifest & Store Focused Enhancements</td><td>Presentation</td><td>Online, 🌐<td>17/11/2020</td></tr>
+        <tr><td scope="row"><a href="https://gdgkrd.ru/speakers/diego_gonzalez">GDG DevFest Krasnodar</a></td><td>The story after PWA</td><td>Presentation</td><td>Krasnodar, 🇷🇺</td><td>07/12/2019</td></tr>
+        <tr><td scope="row"><a href="https://2019.viewsourceconf.org/">Samsung Developer Conference 2019</a> </td><td>Next Generation Web Apps</td><td>Presentation</td><td>San Jose, 🇺🇸</td><td>29/10/2019</td></tr>
+        <tr><td scope="row"><a href="https://www.samsungdeveloperconference.com/schedule/session/1089270">MDN View Source</a> </td><td>Samsung Internet Browser Update</td><td>Short Discussion</td><td>Amsterdam, 🇳🇱</td><td>01/10/2019</td></tr>
+        <tr><td scope="row"><a href="http://odessajs.org/2019/index.html">OdessaJS</a> </td><td>Incorporating Immersive Experiences into the Web</td><td>Presentation</td><td>Odessa, 🇺🇦</td><td>20/07/2019</td></tr>
+        <tr><td scope="row"><a href="https://www.youtube.com/watch?v=DV-W3QRHQg8">PWA Workshop</a> </td><td>PWA, the tipping point</td><td>Presentation</td><td>San Francisco, 🇺🇸</td><td>08/04/2019</td></tr>
+        <tr><td scope="row"><a href="https://2019.codefest.ru/">Codefest X</a></td><td>Immersed in the Web</td><td>Presentation</td><td>Novosibirsk, 🇷🇺</td><td>30/03/2019</td></tr>
+        <tr><td scope="row">Samsung Developer Conference</td><td>Next Generation Web Apps</td><td>Presentation</td><td>San Francisco, 🇺🇸</td><td>07/11/2018</td></tr>
+        <tr><td scope="row">HeapCon</td><td>Bridging Realities with WebXR and Web Bluetooth</td><td>Presentation</td><td>Belgrade, 🇷🇸</td><td>19/10/2018</td></tr>
+        <tr><td scope="row">GDG DevFest Ukraine</td><td>Physical and Immersed</td><td>Presentation</td><td>Lviv, 🇺🇦</td><td>13/10/2018</td></tr>
+        <tr><td scope="row">new.New Festival</td><td>Doing XR in your Web browser</td><td>Presentation</td><td>Stuttgart, 🇩🇪</td><td>08/10/2018</td></tr>
+        <tr><td scope="row">Beyond Festival</td><td>Immersive Web</td><td>Presentation</td><td>Karlsruhe, 🇩🇪</td><td>04/10/2018</td></tr>
+        <tr><td scope="row">IT Arena</td><td>Immersive Web</td><td>Presentation</td><td>Lviv, 🇺🇦</td><td>28/09/2018</td></tr>
+        <tr><td scope="row">Digility</td><td>Immersive Web</td><td>Presentation</td><td>Cologne, 🇩🇪</td><td>26/09/2018</td></tr>
+        <tr><td scope="row">techFest Romania</td><td>Effective Mobile VR</td><td>Presentation</td><td>Bucharest, 🇷🇴</td><td>20/09/2018</td></tr>
+        <tr><td scope="row">FullStackFest</td><td>WebXR, if X = how?</td><td>Presentation</td><td>Barcelona, 🇪🇸</td><td>06/09/2018</td></tr>
+        <tr><td scope="row">IEEE 5G World Forum</td><td>WebXR, if X = 5G</td><td>Presentation</td><td>Santa Clara, 🇺🇸</td><td>10/07/2018</td></tr>
+        <tr><td scope="row">Annual Summit, World VR Forum</td><td>WebXR, a modern VR approach</td><td>Presentation</td><td>Crans-Montana, 🇨🇭</td><td>07/06/2018</td></tr>
+        <tr><td scope="row">AmsterdamJS</td><td>Look ma, no hands!</td><td>Presentation</td><td>Amsterdam, 🇳🇱</td><td>31/05/2018</td></tr>
+        <tr><td scope="row">VR World 2018</td><td>WebVR, offsrping of two worlds</td><td>Presentation</td><td>London, 🇬🇧</td><td>22/05/2018</td></tr>
+        <tr><td scope="row">W3C Web5G Workshop</td><td>WebXR, if X = 5G</td><td>Presentation</td><td>London, 🇬🇧</td><td>10/05/2018</td></tr>
+        <tr><td scope="row">ImmersED 2018</td><td>Bridging experiences with WebXR</td><td>Presentation</td><td>Los Angeles, 🇺🇸</td><td>28/04/2018</td></tr>
+        <tr><td scope="row">Honors Health Research Institute</td><td>Exploring WebXR</td><td>Presentation</td><td>Phoenix, 🇺🇸</td><td>26/04/2018</td></tr>
+        <tr><td scope="row">UNLV</td><td>WebXR & Film</td><td>Workshop</td><td>Las Vegas, 🇺🇸</td><td>24/04/2018</td></tr>
+        <tr><td scope="row">Samsung Create</td><td>WebXR Workshop</td><td>Workshop</td><td>San Jose, 🇺🇸</td><td>20/04/2018</td></tr>
+        <tr><td scope="row">WebXR London</td><td>Introducing Mixed Reality & The Immersive Web</td><td>Meetup</td><td>London, 🇬🇧</td><td>11/04/2018</td></tr>
+        <tr><td scope="row">Dev Meetup</td><td>Web Inmersiva</td><td>Meetup</td><td>Barcelona, 🇪🇸</td><td>27/02/2018</td></tr>
+        <tr><td scope="row">LEG Meetup</td><td>WebVR + Archaeology + Education + Games</td><td>Meetup</td><td>London, 🇬🇧</td><td>31/01/2018</td></tr>
+        <tr><td scope="row">WebXR Paris</td><td>W3C Workshop on WebVR Authoring recap</td><td>Meetup</td><td>Paris, 🇫🇷</td><td>08/12/2017</td></tr>
+        <tr><td scope="row">W3C Workshop on WebVR Authoring</td><td>Samsung Internet lightning update</td><td>W3C Workshop</td><td>Brussels, 🇧🇪</td><td>05/12/2017</td></tr>
+        <tr><td scope="row">Talented Talks</td><td>WebVR, offspring of two worlds</td><td>Presentation</td><td>Helsinki, 🇫🇮</td><td>23/11/2017</td></tr>
+        <tr><td scope="row">YGLF</td><td>WebVR, offspring of two worlds</td><td>Presentation</td><td>Tel Aviv, 🇮🇱</td><td>31/10/2017</td></tr>
+        <tr><td scope="row">VR Days Europe</td><td>WebVR, offspring of two worlds</td><td>Presentation</td><td>Amsterdam, 🇳🇱</td><td>27/10/2017</td></tr>
+        <tr><td scope="row">Mozilla Fesitval</td><td>WebVR Workshop</td><td>Workshop</td><td>London, 🇬🇧</td><td>26/10/2017</td></tr>
+        <tr><td scope="row">Samsung Developer Conference</td><td>WebVR Codelab</td><td>Workshop</td><td>San Francisco, 🇺🇸</td><td>18/10/2017</td></tr>
+        <tr><td scope="row">JS Monthly</td><td>Progressive WebVR Apps</td><td>Meetup</td><td>London, 🇬🇧</td><td>26/09/2017</td></tr>
+        <tr><td scope="row">Global Web Tech Summit</td><td>W 3 C: What's coming coming coming!</td><td>Training</td><td>Suwon-si, 🇰🇷</td><td>19/09/2017</td></tr>
+        <tr><td scope="row">FrankenJS</td><td>Making VR Webby</td><td>Meetup</td><td>Nurenberg, 🇩🇪</td><td>04/09/2017</td></tr>
+        <tr><td scope="row">JS Monthly</td><td>WebVR: Connecting people, pandas and you</td><td>Meetup</td><td>London, 🇬🇧</td><td>22/08/2017</td></tr>
+        <tr><td scope="row">VRUK Festival</td><td>Bridging experiences with WebVR</td><td>Presentation</td><td>London, 🇬🇧</td><td>07/07/2017</td></tr>
+        <tr><td scope="row">Look Forward Fashion Tech</td><td>Tranquilitie VR</td><td>Fashion Show</td><td>Paris, 🇫🇷</td><td>28/06/2017</td></tr>
+        <tr><td scope="row">Symposium on Innovation, Biodesign, Culture and Technology</td><td>Bridging experiences with the Web</td><td>Symposium</td><td>Nanyang, 🇸🇬</td><td>20/06/2017</td></tr>
+        <tr><td scope="row">World VR Forum</td><td>Progressive WebVR Applications</td><td>Presentation</td><td>Crans-Montana, 🇨🇭</td><td>12/05/2017</td></tr>
+        <tr><td scope="row">VRX Europe</td><td>WebVR and the mass creation and distribution of virtual reality experiences</td><td>Panel</td><td>London, 🇬🇧</td><td>11/05/2017</td></tr>
+        <tr><td scope="row">VRWC</td><td>WebVR panel</td><td>Panel</td><td>Bristol, 🇬🇧</td><td>13/05/2017</td></tr>
+        <tr><td scope="row">Rave Sessions</td><td>WebVR</td><td>Workshop</td><td>London, 🇬🇧</td><td>10/04/2017</td></tr>
+        <tr><td scope="row">IEEE VR 2017</td><td>Hypertextual Reality: VR on the Web</td><td>Workshop</td><td>Los Angeles, 🇺🇸</td><td>18/03/2017</td></tr>
+        <tr><td scope="row">Web Games Day</td><td>WebVR, ¿qué es y cómo se come?</td><td>Presentation</td><td>Madrid, 🇪🇸</td><td>10/03/2017</td></tr>
+        <tr><td scope="row">MadridJS</td><td>Realidad Virtual en la Web</td><td>Presentation</td><td>Madrid, 🇪🇸</td><td>09/03/2017</td></tr>
+        <tr><td scope="row">Mobile World Progress BCN</td><td>Virtual Reality on the Web</td><td>Presentation</td><td>Barcelona, 🇪🇸</td><td>01/03/2017</td></tr>
+        <tr><td scope="row">Virtual Reality Evolution</td><td>WebVR panel</td><td>Panel</td><td>London, 🇬🇧</td><td>16/02/2017</td></tr>
+        <tr><td scope="row">Rave Sessions</td><td>Rave Sessions on WebVR</td><td>Workshop</td><td>London, 🇬🇧</td><td>13/02/2017</td></tr>
+        <tr><td scope="row">London Web Performance</td><td>PWAc-Man</td><td>lightning talk</td><td>London, 🇬🇧</td><td>06/12/2016</td></tr>
+        <tr><td scope="row">Mozilla Festival</td><td>WebVR and PWA sessions with Samsung Internet</td><td>Workshop</td><td>London, 🇬🇧</td><td>28/10/2016</td></tr>
+        <tr><td scope="row">Beyond Festival</td><td>Future of Immersive Technologies</td><td>Panel</td><td>Karlsruhe, 🇩🇪</td><td>02/10/2016</td></tr>
+        <tr><td scope="row">Digital Media Industry and Academic Forum 2016</td><td></td><td>Academic</td><td>Santorini, 🇬🇷</td><td>04/07/2016</td></tr>
+        <tr><td scope="row">International Conference for Quality of Multimedia Experience 16</td><td>Exploring the Introduction of Stereoscopic Depth in Applications to Change Perceived Quality</td><td>Academic</td><td>Lisbon, 🇵🇹</td><td>06/06/2016</td></tr>
+        <tr><td scope="row">4th International Conference on Communication, Media, Technology and Design</td><td>S3Doodle use case</td><td>Academic</td><td>Dubai, 🇦🇪</td><td>16/05/2015</td></tr>
+        <tr><td scope="row">IEEE 3DUI 2015</td><td>Hacking HTML5 Canvas to Create a Stereo 3D Renderer</td><td>Academic</td><td>Arles, 🇫🇷</td><td>23/03/2015</td></tr>
+        <tr><td scope="row">BEYOND Festival</td><td>Don't bore Alice: Stereo 3D apps</td><td>Presentation</td><td>Karlsruhe, 🇩🇪</td><td>09/10/2014</td></tr>
+        <tr><td scope="row">3D Creative Summit</td><td>Research Strand: 3D apps</td><td>Presentation</td><td>London, 🇬🇧</td><td>12/03/2014</td></tr>
+        <tr><td scope="row">7th International Conference on Ubiquitous Computing and Ambient Intelligence</td><td> </td><td>Academic</td><td>Guanacaste, 🇨🇷</td><td>03/12/2013</td></tr>
+        <tr><td scope="row">6th Latin American Conference on Human Computer Interaction</td><td> </td><td>Academic</td><td>Guanacaste, 🇨🇷</td><td>02/12/2013</td></tr>
+        <tr><td scope="row">Mozilla Festival</td><td>Stereoscopic HTML pages</td><td>Academic</td><td>London, 🇬🇧</td><td>25/10/2013</td></tr>
+        <tr><td scope="row">3D Creative Summit</td><td>S3D Web pages</td><td>Academic</td><td>London, 🇬🇧</td><td>27/03/2013</td></tr>
+        <tr><td scope="row">International Conference on Communication, Media, Technology and Design</td><td>S3D Web pages</td><td>Academic</td><td>Istanbul, 🇹🇷</td><td>10/05/2012</td></tr>
+      </tbody>
+
+    </table>
+
+  </main>
+
+  <footer>Copyright &copy; Diego Gonz&aacute;lez, diekus</footer>
+</body>
+</html>
diff --git a/style/base.css b/style/base.css
@@ -113,6 +113,18 @@ main {
     transition: transform ease-in var(--trans-anim-delay), box-shadow ease var(--trans-anim-delay);
 }
 
+#event-table {
+    grid-row: 3 / 4;
+    grid-column: 1 / -1;
+}
+
+.yt_embed{
+    grid-row: 2 / 3;
+    grid-column: 1 / -1;
+    justify-self: center;
+    margin: 2em;
+}
+
 footer {
     padding: 6rem 0.5rem 2.5rem;
     display: flex;