initial revision IETF 121 presentation templates

IETF-Hackathon · Oct 30, 2024 · 5b48854 · 5b48854
commit 5b48854
Show file tree

Hide file tree

Showing 3 changed files with 170 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,19 @@
+# IETF 121 project presentations
+
+This repo is intended for IETF Hackathon participants to retrieve templates for project presentations.  Since IETF 121, Hackathon presentations must be uploaded exclusively to datatracker.
+
+For convenience, presentation templates are provided in [PPTX](presentation-template.pptx) and [HTML](presentation-template.html) formats, the latter of which can be viewed [online](https://ietf-hackathon.github.io/ietf121-project-presentations/presentation-template.html) if it is put in the [main branch](https://github.com/IETF-Hackathon/ietf121-project-presentations/). For the HTML format, a corresponding [pdf](https://github.com/IETF-Hackathon/ietf121-project-presentations/blob/pdfs-from-html/presentation-template.pdf) is automatically generated from the HTML file by a [GitHub action](.github/workflows/main.yml) and put in the [pdfs-from-html branch](https://github.com/IETF-Hackathon/ietf121-project-presentations/tree/pdfs-from-html).  **Please note, you must upload the resulting PDF into the datatracker for the Hackathon results presentation slot on Sunday 14:00-16:00 local time.**
+
+The use of these templates is optional. If you do use one of these templates, please rename the file such that it clearly identifies your project, e.g., includes the name or acronym of your project. Presenters are encouraged to run their own presentations using the screen sharing functionality in Meetecho. Alternatively, the Hackathon Chairs can share your presentation and advance slides for you.
+
+**You MUST be a [member](https://github.com/orgs/IETF-Hackathon/people) of the [IETF-Hackathon](https://github.com/IETF-Hackathon) GitHub org** to add or update your HTML presentation and to generate the PDF.  Don't forget to upload the resulting PDF to the datatracker.
+
+To be added as a member, please be sure to:
+
+* include the [name](https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/personalizing-your-profile#changing-your-profile-name) by which you are known as part of your in your GitHub profile 
+* enable two-factor authentication [(2FA)](https://docs.github.com/en/github/authenticating-to-github/securing-your-account-with-two-factor-authentication-2fa)
+* send your GitHub username to [[email protected]](mailto:[email protected])
+
+**DO NOT WAIT** until just before project presentations start or your request may be lost in the chaos.
+
+For more info on the Hackathon, including the complete and most up to date agenda, please see the [Hackathon Wiki](https://wiki.ietf.org/en/meeting/120/hackathon).
diff --git a/presentation-template.html b/presentation-template.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>IETF Hackathon - [Project Name] </title>
+    <meta charset="utf-8">
+    <style>
+      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
+      div.left-column  { width: 49%; float: left; }
+      div.right-column { width: 49%; float: right; }
+
+      div.right-column ~ p { clear: both; }
+      div.right-column ~ ul { clear: both; }
+      div.my-footer {
+        border-top: 1px solid #ccc;
+        font-size: 10pt;
+        text-align: center;
+        position: fixed;
+        bottom: 0px;
+        left: 0px;
+        height: 30px;
+        width: 100%;
+      }
+
+      div.my-footer p {
+        margin-top: 10px;
+        height: 30px;
+      }
+
+      body { font-family: 'Droid Serif'; }
+      h1, h2, h3 {
+        font-family: 'Yanone Kaffeesatz';
+        font-weight: normal;
+      }
+      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
+    </style>
+  </head>
+  <body>
+    <textarea id="source">
+class: center, middle
+
+# IETF Hackathon
+
+IETF 121
+
+2-3 November 2024
+
+Dublin, Ireland
+
+
+---
+
+# Hackathon Plan
+
+<What problem were you working on?>
+ - <What drafts/RFC's were involved?>
+ - <Specific problems to solve>
+
+<How you planned to solve it?>
+
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>       
+---
+
+# What got done
+
+<What you achieved? (key results)>
+ - <New ideas - what team agreed on>
+ - <New code - links to github/gitlab/gitee/bitbucket>
+ - <New design/architecture - what was novel?>
+ - <New inter-op testing? - link to results>
+ - <Demos - links to videos>
+
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>       
+---
+
+# What we learned
+
+<Lessons learned from this hackathon>
+ - <Issues with existing drafts/RFCs>
+ - <New implementation guidance?>
+ - <New feedback to take to WG?>
+ - <New work to take to WG?>
+
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>      
+---
+
+# Example slide with an image
+
+<!-- .left[![Left-aligned image](https://upload.wikimedia.org/wikipedia/commons/b/b8/Muito_fixe.png)] --> 
+
+ <img src="https://upload.wikimedia.org/wikipedia/commons/b/b8/Muito_fixe.png" alt="Computer network" width="300" height="400">
+        - Image sizing needs to be done in HTML at this point
+
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>       
+
+---
+# Example slide with a video
+
+
+
+<!-- <iframe src="https://player.vimeo.com/video/134243897" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
+<p><a href="https://vimeo.com/134243897">BarBoF on QUIC at the IETF in Prague 22/07/2015</a> from <a href="https://vimeo.com/user42239424">William Diego</a> on <a href="https://vimeo.com">Vimeo</a>.</p> -->
+
+ `<div style="position: relative; width: 50%; height: 0; padding-bottom: 37.5%;"><iframe src="https://player.bilibili.com/player.html?aid=412760976" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>  
+---
+ # Wrap up
+  ---  
+
+
+.left-column[ 
+#### Team members:
+
+ - A.Y. Zer
+ - P.O. Mta
+
+        ]
+.right-column[ 
+#### Other links:
+
+ -
+ -
+
+        ]
+
+.left-column[ 
+#### First timers @ IETF/Hackathon:
+
+ - B.H. Kot
+ - G.T. Dew
+
+        ]
+.right-column[ 
+#### Notes and contacts:
+
+ -
+ -
+
+        ]
+
+<div class="my-footer"><p>IETF Hackathon - project name </p></div>
+
+    </textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js">
+    </script>
+    <script>
+      var slideshow = remark.create();
+    </script>
+  </body>
+</html>
diff --git a/presentation-template.pptx b/presentation-template.pptx