Merge pull request #131 from atbrakhi/fosdem_2024

Fosdem 2024 slides

slides/2024-02-fosdem.md

@@ -0,0 +1,199 @@
+---
+layout: slides-new.html
+title: Servo @ Fosdem 2024
+---
+<!-- .slide: class="cover" -->
+
+<img src="/img/servo-color-negative-no-container-600.png" style="margin: 2em;" alt="Servo logo" />
+
+<h4 style="line-height: 1.4">
+  The
+  <span style="color: #4fc066;">embeddable</span>,
+  <span style="color: #209e9b;">independent</span>,
+  <span style="color: #f03278;">memory-safe</span>,
+  <span style="color: #f68243;">modular</span>,
+  <span style="color: #faae30;">parallel</span>
+  web rendering engine
+  <br>
+</h4>
+<div style="font-size: 60%; margin-top: 4em;">
+
+Rakhi Sharma (She/her) <atbrakhi@igalia.com>
+
+</div>
+-----
+
+<img src="/img/2024-02-fosdem-servo.jpg" alt="What is the status of servo? Is it alive? Is it dead?" />
+
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## Servo's Journey So Far
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+
+2012: Started at Mozilla
+
+2020: Mozilla's layoff impacting the Servo team
+
+2020: Joined Linux Foundation
+
+2022: Talks about restarting starting, but how?
+
+2023: Team formed and restarted at Igalia
+
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## Servo in 2023
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+
+Restarted the Project/ Maintainence
+
+Layout Engine, CSS2 Support
+
+Built internal WPT and Servo demos
+
+Embedding
+
+-----
+
+<img src="/img/2024-02-fosdem-servo-embedding.jpg" alt="Can we embed servo?" />
+
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## Minibrowser
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+
+[Initial mini-browser #29930](https://github.com/servo/servo/issues/29930), [Embedding #30049](https://github.com/servo/servo/issues/30049)
+<img src="/img/2024-02-fosdem-minibrowser.png" alt="Servo minibrowser" />
+
+
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## NLNet <> Tauri <> Servo
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+
+[[meta] embedding #30593](https://github.com/servo/servo/issues/30593)
+<figure class=_fig id=_wry_demo_fig>
+<iframe src="/img/blog/embedding-2024-01/demo-with-decorations-too.html" id=_wry_demo></iframe>
+</figure>
+
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## Future Roadmap
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+Project maintenance and outreach
+
+CSS Support
+
+Embedding Api
+
+Initial Android support
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## Dioxus (Stylo-Blitz)
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+Use stylo to Render HTML and CSS
+<img src="/img/2024-02-fosdem-dioxus.png" alt="stylo-dioxus" />
+-----
+<!-- .slide: style="text-align: left;" -->
+
+## I want to embed Servo in my project, What should i do?
+<div style="width: 50px; height: 10px; background: #488bd1; margin-bottom: 20px;"></div>
+
+Reach out to us on zulip: https://servo.zulipchat.com
+
+Or open a issue/discussion on Gtihub: https://github.com/servo/servo/
+-----
+<!-- .slide: class="last" -->
+
+## Thanks
+<div style="font-size: 60%; margin-bottom: 4em;">
+
+Rakhi Sharma (She/her) <atbrakhi@igalia.com>
+
+<img src="/img/2024-02-fosdem-slides.png" alt="link to slides" style="width:200px; height:200px; margin-bottom: 4em;"/>
+
+</div>
+
+<style>
+    /* guaranteed minimum width for first paragraph after a float */
+    .
+_floatmin {
+        display: block;
+        width: 13em;
+        overflow: hidden;
+    }
+    ._none {
+        display: none;
+    }
+    ._fig:not(#specificity) {
+        width: 33em;
+        max-width: 100%;
+        margin: 1em auto;
+    }
+    ._fig > ._flex {
+        display: flex;
+    }
+    ._fig._min {
+        width: min-content;
+    }
+    ._fig table {
+        text-align: initial;
+    }
+    ._fig figcaption._notes {
+        text-align: left;
+        width: max-content;
+        max-width: 100%;
+    }
+    ._figl:not(#specificity),
+    ._figr:not(#specificity) {
+        margin: 0 1em 1em;
+    }
+    ._figl {
+        float: left;
+    }
+    ._figr {
+        float: right;
+    }
+    ._figl > iframe,
+    ._figr > iframe,
+    ._figl > a > img,
+    ._figr > a > img {
+        width: 17em;
+        max-width: max-content;
+    }
+    ._figl._default > iframe,
+    ._figr._default > iframe,
+    ._figl._default > a > img,
+    ._figr._default > a > img {
+        width: auto;
+        max-width: 100%;
+    }
+    ._runin {
+        margin-bottom: 1em;
+    }
+    ._runin > p,
+    ._runin > h2 {
+        display: inline;
+    }
+    ._correction {
+        max-width: 33em;
+        margin: 1em auto;
+        border-bottom: 1px solid;
+        padding-bottom: 1em;
+    }
+    #_wry_demo_fig:not(#specificity) {
+        width: 100%;
+    }
+    #_wry_demo {
+        margin: 0 auto;
+        display: block;
+        height: min(calc(100vh - 9em), 400px);
+        width: 100%;
+    }
+</style>