added presentation templates and README

IETF-Hackathon · May 21, 2024 · b47beec · b47beec
1 parent 83eeef9
commit b47beec
Show file tree

Hide file tree

Showing 3 changed files with 168 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,17 @@
-# ietf120-project-presentations
-Project results presentations at end of Hackathon.
+# IETF 120 project presentations
+
+This repo is for IETF Hackathon participants to upload project presentations. 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/ietf120-project-presentations/presentation-template.html) if it is put in the [main branch](https://github.com/IETF-Hackathon/ietf120-project-presentations/). For the HTML format, a corresponding [pdf](https://github.com/IETF-Hackathon/ietf120-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/ietf120-project-presentations/tree/pdfs-from-html).
+
+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. The contents of this repo will be used as the source for all project presentations at the end of the Hackathon and remain as a reference after the Hackathon. 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. **For portability, please upload your presentation in PDF or HTML format.**
+
+**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 a presentation. 
+
+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 120
+
+20-21 July 2024
+
+Vancouver, Canada
+
+
+---
+
+# 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