Skip to content
Snippets Groups Projects
Commit 04744fa6 authored by Alexandre Strube's avatar Alexandre Strube
Browse files

Cleanup

parent 8a5e9eaa
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 1657 additions and 0 deletions
01-deep-learning-on-supercomputers.md 0 → 100644
+ 42
− 0
View file @ 04744fa6
---
author: Alexandre Strube
title: Deep Learning on Supercomputers
# subtitle: A primer in supercomputers`
date: May 31, 2023
---
## Communication:
- [Zoom]([TODO])
- [Slack]([TODO])
- [This document: http://go.fzj.de/TODO]([TODO])
![](images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg)
---
## Goals for this course:
- Distribute your ML workload.
- Important: This is _*NOT*_ a basic AI course - It's an showcase of Deep Learning on Supercomputers!
![](images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg)
---
## Team:
::: {.container}
:::: {.col}
![Alexandre Strube](pics/alex.jpg)
::::
:::: {.col}
![Ilya Zhukov](pics/ilya.jpg)
::::
:::: {.col}
![Jolanta Zjupa](pics/jolanta.jpg)
::::
:::
![](images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg)
---
\ No newline at end of file
README.md
+ 26
− 0
View file @ 04744fa6
---
author: Alexandre Strube
title: Getting Started with AI on Supercomputers
---
The older repo was https://gitlab.jsc.fz-juelich.de/MLDL_FZJ/juhaicu/jsc_public/sharedspace/teaching/dl_on_supercomputers The older repo was https://gitlab.jsc.fz-juelich.de/MLDL_FZJ/juhaicu/jsc_public/sharedspace/teaching/dl_on_supercomputers
This repo is specifically for the course described in [indico](https://indico3-jsc.fz-juelich.de/event/107)
---
### How to generate HTML
- You need `pandoc`. On a mac, use `brew install pandoc`.
- After that, just call `make` to create the self-contained HTML files.
---
## Contributing
Please, fork this thing! Use it! And submit merge requests!
## Authors and acknowledgment
Alexandre Otto Strube, May 2023
## Certificate
Human resources make them. Don't bother.
## License
MIT License (https://opensource.org/licenses/MIT)
\ No newline at end of file
dist 0 → 120000
+ 1
− 0
View file @ 04744fa6
public/dist
\ No newline at end of file
email-survey.md 0 → 100644
+ 23
− 0
View file @ 04744fa6
---
author: Alexandre Strube
title: Deep Learning on Supercomputers
# subtitle: A primer in supercomputers`
date: May 31, 2023
---
Hello everyone!
First of all, I would like to thank each and every one of you for the attendance to this course.
We tried a number of new things, and I hope the course was easy enough to follow, while
being difficult enough to bring you new questions! 🙇‍♂️
There is plenty of compute hours on the compute project for you to play around with
the code we provided, and to hopefully integrate some of what you learned on your own
codes! Let's make those GPUs scream! 😱
We were asked for certificates for the course. Don’t worry, we will prepare them. Meanwhile,
it would be very nice if you would give us some feedback, here: https://indico3-jsc.fz-juelich.de/event/107/surveys/13
Again, thanks for your time!
Alexandre and Sabrina
\ No newline at end of file
footer.html 0 → 100644
+ 4
− 0
View file @ 04744fa6
<div id="footer">
<h1>Mitglied der Helmholtz Gemeinschaft</h1>
<img class="fzjlogo" src="images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg" height="5%"/>
</div>
images 0 → 120000
+ 1
− 0
View file @ 04744fa6
public/images
\ No newline at end of file
index.md 0 → 100644
+ 10
− 0
View file @ 04744fa6
---
author: Alexandre Strube
title: Deep Learning on Supercomputers
# subtitle: A primer in supercomputers`
date: May 31, 2023
---
# Topics:
- [Deep Learning on Supercomputers](01-deep-learning-on-supercomputers.html)
plugin 0 → 120000
+ 1
− 0
View file @ 04744fa6
public/plugin
\ No newline at end of file
public/.DS_Store deleted 100644 → 0
+ 0
− 0
View file @ 8a5e9eaa
File deleted
public/01-deep-learning-on-supercomputers.html 0 → 100644
+ 379
− 0
View file @ 04744fa6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Alexandre Strube">
<meta name="dcterms.date" content="2023-05-31">
<title>Deep Learning on Supercomputers</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="./dist/reset.css">
<link rel="stylesheet" href="./dist/reveal.css">
<style>
.reveal .sourceCode { /* see #7635 */
overflow: visible;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="./dist/theme/sky.css" id="theme">
<style>
.container{
display: flex;
}
.col {
flex: 1;
}
.slides {
font-size: 0.75em;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
img {
max-height: 600px !important;
}
figcaption {
font-size: 0.6em !important;
font-style: italic !important;
}
.subtitle {
font-style: italic !important;
}
.date {
font-size: 0.75em !important;
}
body {
font-family: "Arial", "sans-serif"
}
section {
margin: 0;
}
.reveal .slides {
margin: 0 1vmin;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
font-family: "Arial", "sans-serif";
text-transform: Uppercase;
color: #023d6b;
}
.reveal h1 {
color: #023d6b;
font-size: 250%;
}
.reveal h2 + h3 {
text-transform: Unset;
font-size: 80%;
}
.controls {
visibility: hidden;
}
.reveal .progress {
position: absolute;
bottom: 1px;
}
.prompt {
min-width: 0;
width: 0;
visibility: hidden;
}
div.dateauthor {
padding-top: 4em;
color: white;
}
div.prompt {
width:0;
}
div#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
font-size: 0.5em; font-weight: bold; padding: 0 1vmin; height: 20vmin; background: #fff}
#footer h1 {
position: absolute;
bottom: 3.2vmin;
display: block;
padding: 0 1em;
font-size: 1.7vmin;
font-weight: bold;
text-transform: unset;
color: #023d6b;
}
#footer h2 {display: block; padding: 0.em 1em 0;}
img.fzjlogo {
position: fixed;
bottom: 0;
right: 0;
height: 24vmin; /* The height of the svg is about 3 times the height of the logo */
margin-bottom: -3vmin; /* Baseline of logo should be about 5% of short side above edge. */
}
.rendered_html img, svg {
max-height: 440px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="title-slide">
<h1 class="title">Deep Learning on Supercomputers</h1>
<p class="author">Alexandre Strube</p>
<p class="date">May 31, 2023</p>
</section>
<section id="communication" class="slide level2">
<h2>Communication:</h2>
<ul>
<li class="fragment"><a href="%5BTODO%5D">Zoom</a></li>
<li class="fragment"><a href="%5BTODO%5D">Slack</a></li>
<li class="fragment"><a href="%5BTODO%5D">This document:
http://go.fzj.de/TODO</a></li>
</ul>
<p><img
data-src="images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg" /></p>
</section>
<section id="goals-for-this-course" class="slide level2">
<h2>Goals for this course:</h2>
<ul>
<li class="fragment">Distribute your ML workload.</li>
<li class="fragment">Important: This is <em><em>NOT</em></em> a basic AI
course - It’s an showcase of Deep Learning on Supercomputers!</li>
</ul>
<p><img
data-src="images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg" /></p>
</section>
<section id="team" class="slide level2">
<h2>Team:</h2>
<div class="container">
<div class="col">
<figure>
<img data-src="pics/alex.jpg" alt="Alexandre Strube" />
<figcaption aria-hidden="true">Alexandre Strube</figcaption>
</figure>
</div>
<div class="col">
<figure>
<img data-src="pics/ilya.jpg" alt="Ilya Zhukov" />
<figcaption aria-hidden="true">Ilya Zhukov</figcaption>
</figure>
</div>
<div class="col">
<figure>
<img data-src="pics/jolanta.jpg" alt="Jolanta Zjupa" />
<figcaption aria-hidden="true">Jolanta Zjupa</figcaption>
</figure>
</div>
</div>
<p><img
data-src="images/Logo_FZ_Juelich_rgb_Schutzzone_transparent.svg" /></p>
</section>
<section class="slide level2">
</section>
</div>
</div>
<script src="./dist/reveal.js"></script>
<!-- reveal.js plugins -->
<script src="./plugin/notes/notes.js"></script>
<script src="./plugin/search/search.js"></script>
<script src="./plugin/zoom/zoom.js"></script>
<script>
// Full list of configuration options available at:
// https://revealjs.com/config/
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: true,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: 'bottom-right',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: 'faded',
// Display a presentation progress bar
progress: true,
// Display the page number of the current slide
slideNumber: false,
// 'all', 'print', or 'speaker'
showSlideNumber: 'all',
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: true,
// Start with 1 for the hash rather than 0
hashOneBasedIndex: false,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: true,
// Push each slide change to the browser history
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enable the slide overview mode
overview: true,
// Disables the default reveal.js slide layout (scaling and centering)
// so that you can use custom CSS layout
disableLayout: false,
// Vertical centering of slides
center: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Change the presentation direction to be RTL
rtl: false,
// see https://revealjs.com/vertical-slides/#navigation-mode
navigationMode: 'default',
// Randomizes the order of slides each time the presentation loads
shuffle: false,
// Turns fragments on and off globally
fragments: true,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: true,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: false,
// Flags if we should show a help overlay when the questionmark
// key is pressed
help: true,
// Flags if it should be possible to pause the presentation (blackout)
pause: true,
// Flags if speaker notes should be visible to all viewers
showNotes: false,
// Global override for autoplaying embedded media (null/true/false)
autoPlayMedia: null,
// Global override for preloading lazy-loaded iframes (null/true/false)
preloadIframes: null,
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
autoSlide: 0,
// Stop auto-sliding after user input
autoSlideStoppable: true,
// Use this method for navigation when auto-sliding
autoSlideMethod: null,
// Specify the average time in seconds that you think you will spend
// presenting each slide. This is used to show a pacing timer in the
// speaker view
defaultTiming: null,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// The display mode that will be used to show slides
display: 'block',
// Hide cursor if inactive
hideInactiveCursor: true,
// Time before the cursor is hidden (in ms)
hideCursorTime: 5000,
// Opens links in an iframe preview overlay
previewLinks: false,
// Transition style (none/fade/slide/convex/concave/zoom)
transition: 'fade',
// Transition speed (default/fast/slow)
transitionSpeed: 'default',
// Transition style for full page slide backgrounds
// (none/fade/slide/convex/concave/zoom)
backgroundTransition: 'fade',
// Number of slides away from the current that are visible
viewDistance: 3,
// Number of slides away from the current that are visible on mobile
// devices. It is advisable to set this to a lower number than
// viewDistance in order to save resources.
mobileViewDistance: 2,
// reveal.js plugins
plugins: [
RevealNotes,
RevealSearch,
RevealZoom
]
});
</script>
</body>
</html>
public/README.html 0 → 100644
+ 361
− 0
View file @ 04744fa6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Alexandre Strube">
<title>Getting Started with AI on Supercomputers</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="./dist/reset.css">
<link rel="stylesheet" href="./dist/reveal.css">
<style>
.reveal .sourceCode { /* see #7635 */
overflow: visible;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="./dist/theme/sky.css" id="theme">
<style>
.container{
display: flex;
}
.col {
flex: 1;
}
.slides {
font-size: 0.75em;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
img {
max-height: 600px !important;
}
figcaption {
font-size: 0.6em !important;
font-style: italic !important;
}
.subtitle {
font-style: italic !important;
}
.date {
font-size: 0.75em !important;
}
body {
font-family: "Arial", "sans-serif"
}
section {
margin: 0;
}
.reveal .slides {
margin: 0 1vmin;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
font-family: "Arial", "sans-serif";
text-transform: Uppercase;
color: #023d6b;
}
.reveal h1 {
color: #023d6b;
font-size: 250%;
}
.reveal h2 + h3 {
text-transform: Unset;
font-size: 80%;
}
.controls {
visibility: hidden;
}
.reveal .progress {
position: absolute;
bottom: 1px;
}
.prompt {
min-width: 0;
width: 0;
visibility: hidden;
}
div.dateauthor {
padding-top: 4em;
color: white;
}
div.prompt {
width:0;
}
div#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
font-size: 0.5em; font-weight: bold; padding: 0 1vmin; height: 20vmin; background: #fff}
#footer h1 {
position: absolute;
bottom: 3.2vmin;
display: block;
padding: 0 1em;
font-size: 1.7vmin;
font-weight: bold;
text-transform: unset;
color: #023d6b;
}
#footer h2 {display: block; padding: 0.em 1em 0;}
img.fzjlogo {
position: fixed;
bottom: 0;
right: 0;
height: 24vmin; /* The height of the svg is about 3 times the height of the logo */
margin-bottom: -3vmin; /* Baseline of logo should be about 5% of short side above edge. */
}
.rendered_html img, svg {
max-height: 440px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="title-slide">
<h1 class="title">Getting Started with AI on Supercomputers</h1>
<p class="author">Alexandre Strube</p>
</section>
<section class="slide level2">
<p>The older repo was
https://gitlab.jsc.fz-juelich.de/MLDL_FZJ/juhaicu/jsc_public/sharedspace/teaching/dl_on_supercomputers
This repo is specifically for the course described in <a
href="https://indico3-jsc.fz-juelich.de/event/107">indico</a></p>
</section>
<section class="slide level2">
<h3 id="how-to-generate-html">How to generate HTML</h3>
<ul>
<li class="fragment">You need <code>pandoc</code>. On a mac, use
<code>brew install pandoc</code>.</li>
<li class="fragment">After that, just call <code>make</code> to create
the self-contained HTML files.</li>
</ul>
</section>
<section id="contributing" class="slide level2">
<h2>Contributing</h2>
<p>Please, fork this thing! Use it! And submit merge requests!</p>
</section>
<section id="authors-and-acknowledgment" class="slide level2">
<h2>Authors and acknowledgment</h2>
<p>Alexandre Otto Strube, May 2023</p>
</section>
<section id="certificate" class="slide level2">
<h2>Certificate</h2>
<p>Human resources make them. Don’t bother.</p>
</section>
<section id="license" class="slide level2">
<h2>License</h2>
<p>MIT License (https://opensource.org/licenses/MIT)</p>
</section>
</div>
</div>
<script src="./dist/reveal.js"></script>
<!-- reveal.js plugins -->
<script src="./plugin/notes/notes.js"></script>
<script src="./plugin/search/search.js"></script>
<script src="./plugin/zoom/zoom.js"></script>
<script>
// Full list of configuration options available at:
// https://revealjs.com/config/
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: true,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: 'bottom-right',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: 'faded',
// Display a presentation progress bar
progress: true,
// Display the page number of the current slide
slideNumber: false,
// 'all', 'print', or 'speaker'
showSlideNumber: 'all',
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: true,
// Start with 1 for the hash rather than 0
hashOneBasedIndex: false,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: true,
// Push each slide change to the browser history
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enable the slide overview mode
overview: true,
// Disables the default reveal.js slide layout (scaling and centering)
// so that you can use custom CSS layout
disableLayout: false,
// Vertical centering of slides
center: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Change the presentation direction to be RTL
rtl: false,
// see https://revealjs.com/vertical-slides/#navigation-mode
navigationMode: 'default',
// Randomizes the order of slides each time the presentation loads
shuffle: false,
// Turns fragments on and off globally
fragments: true,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: true,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: false,
// Flags if we should show a help overlay when the questionmark
// key is pressed
help: true,
// Flags if it should be possible to pause the presentation (blackout)
pause: true,
// Flags if speaker notes should be visible to all viewers
showNotes: false,
// Global override for autoplaying embedded media (null/true/false)
autoPlayMedia: null,
// Global override for preloading lazy-loaded iframes (null/true/false)
preloadIframes: null,
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
autoSlide: 0,
// Stop auto-sliding after user input
autoSlideStoppable: true,
// Use this method for navigation when auto-sliding
autoSlideMethod: null,
// Specify the average time in seconds that you think you will spend
// presenting each slide. This is used to show a pacing timer in the
// speaker view
defaultTiming: null,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// The display mode that will be used to show slides
display: 'block',
// Hide cursor if inactive
hideInactiveCursor: true,
// Time before the cursor is hidden (in ms)
hideCursorTime: 5000,
// Opens links in an iframe preview overlay
previewLinks: false,
// Transition style (none/fade/slide/convex/concave/zoom)
transition: 'fade',
// Transition speed (default/fast/slow)
transitionSpeed: 'default',
// Transition style for full page slide backgrounds
// (none/fade/slide/convex/concave/zoom)
backgroundTransition: 'fade',
// Number of slides away from the current that are visible
viewDistance: 3,
// Number of slides away from the current that are visible on mobile
// devices. It is advisable to set this to a lower number than
// viewDistance in order to save resources.
mobileViewDistance: 2,
// reveal.js plugins
plugins: [
RevealNotes,
RevealSearch,
RevealZoom
]
});
</script>
</body>
</html>
public/email-survey.html 0 → 100644
+ 348
− 0
View file @ 04744fa6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Alexandre Strube">
<meta name="dcterms.date" content="2023-05-31">
<title>Deep Learning on Supercomputers</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="./dist/reset.css">
<link rel="stylesheet" href="./dist/reveal.css">
<style>
.reveal .sourceCode { /* see #7635 */
overflow: visible;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="./dist/theme/sky.css" id="theme">
<style>
.container{
display: flex;
}
.col {
flex: 1;
}
.slides {
font-size: 0.75em;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
img {
max-height: 600px !important;
}
figcaption {
font-size: 0.6em !important;
font-style: italic !important;
}
.subtitle {
font-style: italic !important;
}
.date {
font-size: 0.75em !important;
}
body {
font-family: "Arial", "sans-serif"
}
section {
margin: 0;
}
.reveal .slides {
margin: 0 1vmin;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
font-family: "Arial", "sans-serif";
text-transform: Uppercase;
color: #023d6b;
}
.reveal h1 {
color: #023d6b;
font-size: 250%;
}
.reveal h2 + h3 {
text-transform: Unset;
font-size: 80%;
}
.controls {
visibility: hidden;
}
.reveal .progress {
position: absolute;
bottom: 1px;
}
.prompt {
min-width: 0;
width: 0;
visibility: hidden;
}
div.dateauthor {
padding-top: 4em;
color: white;
}
div.prompt {
width:0;
}
div#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
font-size: 0.5em; font-weight: bold; padding: 0 1vmin; height: 20vmin; background: #fff}
#footer h1 {
position: absolute;
bottom: 3.2vmin;
display: block;
padding: 0 1em;
font-size: 1.7vmin;
font-weight: bold;
text-transform: unset;
color: #023d6b;
}
#footer h2 {display: block; padding: 0.em 1em 0;}
img.fzjlogo {
position: fixed;
bottom: 0;
right: 0;
height: 24vmin; /* The height of the svg is about 3 times the height of the logo */
margin-bottom: -3vmin; /* Baseline of logo should be about 5% of short side above edge. */
}
.rendered_html img, svg {
max-height: 440px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="title-slide">
<h1 class="title">Deep Learning on Supercomputers</h1>
<p class="author">Alexandre Strube</p>
<p class="date">May 31, 2023</p>
</section>
<section class="slide level6">
<p>Hello everyone!</p>
<p>First of all, I would like to thank each and every one of you for the
attendance to this course. We tried a number of new things, and I hope
the course was easy enough to follow, while being difficult enough to
bring you new questions! 🙇‍♂️</p>
<p>There is plenty of compute hours on the compute project for you to
play around with the code we provided, and to hopefully integrate some
of what you learned on your own codes! Let’s make those GPUs scream!
😱</p>
<p>We were asked for certificates for the course. Don’t worry, we will
prepare them. Meanwhile, it would be very nice if you would give us some
feedback, here:
https://indico3-jsc.fz-juelich.de/event/107/surveys/13</p>
<p>Again, thanks for your time!</p>
<p>Alexandre and Sabrina</p>
</section>
</div>
</div>
<script src="./dist/reveal.js"></script>
<!-- reveal.js plugins -->
<script src="./plugin/notes/notes.js"></script>
<script src="./plugin/search/search.js"></script>
<script src="./plugin/zoom/zoom.js"></script>
<script>
// Full list of configuration options available at:
// https://revealjs.com/config/
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: true,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: 'bottom-right',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: 'faded',
// Display a presentation progress bar
progress: true,
// Display the page number of the current slide
slideNumber: false,
// 'all', 'print', or 'speaker'
showSlideNumber: 'all',
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: true,
// Start with 1 for the hash rather than 0
hashOneBasedIndex: false,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: true,
// Push each slide change to the browser history
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enable the slide overview mode
overview: true,
// Disables the default reveal.js slide layout (scaling and centering)
// so that you can use custom CSS layout
disableLayout: false,
// Vertical centering of slides
center: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Change the presentation direction to be RTL
rtl: false,
// see https://revealjs.com/vertical-slides/#navigation-mode
navigationMode: 'default',
// Randomizes the order of slides each time the presentation loads
shuffle: false,
// Turns fragments on and off globally
fragments: true,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: true,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: false,
// Flags if we should show a help overlay when the questionmark
// key is pressed
help: true,
// Flags if it should be possible to pause the presentation (blackout)
pause: true,
// Flags if speaker notes should be visible to all viewers
showNotes: false,
// Global override for autoplaying embedded media (null/true/false)
autoPlayMedia: null,
// Global override for preloading lazy-loaded iframes (null/true/false)
preloadIframes: null,
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
autoSlide: 0,
// Stop auto-sliding after user input
autoSlideStoppable: true,
// Use this method for navigation when auto-sliding
autoSlideMethod: null,
// Specify the average time in seconds that you think you will spend
// presenting each slide. This is used to show a pacing timer in the
// speaker view
defaultTiming: null,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// The display mode that will be used to show slides
display: 'block',
// Hide cursor if inactive
hideInactiveCursor: true,
// Time before the cursor is hidden (in ms)
hideCursorTime: 5000,
// Opens links in an iframe preview overlay
previewLinks: false,
// Transition style (none/fade/slide/convex/concave/zoom)
transition: 'fade',
// Transition speed (default/fast/slow)
transitionSpeed: 'default',
// Transition style for full page slide backgrounds
// (none/fade/slide/convex/concave/zoom)
backgroundTransition: 'fade',
// Number of slides away from the current that are visible
viewDistance: 3,
// Number of slides away from the current that are visible on mobile
// devices. It is advisable to set this to a lower number than
// viewDistance in order to save resources.
mobileViewDistance: 2,
// reveal.js plugins
plugins: [
RevealNotes,
RevealSearch,
RevealZoom
]
});
</script>
</body>
</html>
public/images/.DS_Store deleted 100644 → 0
+ 0
− 0
View file @ 8a5e9eaa
File deleted
public/images/nomnom.jpg 0 → 100644
+ 0
− 0
View file @ 04744fa6
public/images/nomnom.jpg

56.9 KiB

public/images/paralellism-types.jpg deleted 100644 → 0
+ 0
− 0
View file @ 8a5e9eaa
public/images/paralellism-types.jpg

723 KiB

public/index.html 0 → 100644
+ 338
− 0
View file @ 04744fa6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Alexandre Strube">
<meta name="dcterms.date" content="2023-05-31">
<title>Deep Learning on Supercomputers</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="./dist/reset.css">
<link rel="stylesheet" href="./dist/reveal.css">
<style>
.reveal .sourceCode { /* see #7635 */
overflow: visible;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
<link rel="stylesheet" href="./dist/theme/sky.css" id="theme">
<style>
.container{
display: flex;
}
.col {
flex: 1;
}
.slides {
font-size: 0.75em;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
img {
max-height: 600px !important;
}
figcaption {
font-size: 0.6em !important;
font-style: italic !important;
}
.subtitle {
font-style: italic !important;
}
.date {
font-size: 0.75em !important;
}
body {
font-family: "Arial", "sans-serif"
}
section {
margin: 0;
}
.reveal .slides {
margin: 0 1vmin;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
font-family: "Arial", "sans-serif";
text-transform: Uppercase;
color: #023d6b;
}
.reveal h1 {
color: #023d6b;
font-size: 250%;
}
.reveal h2 + h3 {
text-transform: Unset;
font-size: 80%;
}
.controls {
visibility: hidden;
}
.reveal .progress {
position: absolute;
bottom: 1px;
}
.prompt {
min-width: 0;
width: 0;
visibility: hidden;
}
div.dateauthor {
padding-top: 4em;
color: white;
}
div.prompt {
width:0;
}
div#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
font-size: 0.5em; font-weight: bold; padding: 0 1vmin; height: 20vmin; background: #fff}
#footer h1 {
position: absolute;
bottom: 3.2vmin;
display: block;
padding: 0 1em;
font-size: 1.7vmin;
font-weight: bold;
text-transform: unset;
color: #023d6b;
}
#footer h2 {display: block; padding: 0.em 1em 0;}
img.fzjlogo {
position: fixed;
bottom: 0;
right: 0;
height: 24vmin; /* The height of the svg is about 3 times the height of the logo */
margin-bottom: -3vmin; /* Baseline of logo should be about 5% of short side above edge. */
}
.rendered_html img, svg {
max-height: 440px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="title-slide">
<h1 class="title">Deep Learning on Supercomputers</h1>
<p class="author">Alexandre Strube</p>
<p class="date">May 31, 2023</p>
</section>
<section id="topics" class="slide level1">
<h1>Topics:</h1>
<ul>
<li class="fragment"><a
href="01-deep-learning-on-supercomputers.html">Deep Learning on
Supercomputers</a></li>
</ul>
</section>
</div>
</div>
<script src="./dist/reveal.js"></script>
<!-- reveal.js plugins -->
<script src="./plugin/notes/notes.js"></script>
<script src="./plugin/search/search.js"></script>
<script src="./plugin/zoom/zoom.js"></script>
<script>
// Full list of configuration options available at:
// https://revealjs.com/config/
Reveal.initialize({
// Display controls in the bottom right corner
controls: true,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: true,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: 'bottom-right',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: 'faded',
// Display a presentation progress bar
progress: true,
// Display the page number of the current slide
slideNumber: false,
// 'all', 'print', or 'speaker'
showSlideNumber: 'all',
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: true,
// Start with 1 for the hash rather than 0
hashOneBasedIndex: false,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: true,
// Push each slide change to the browser history
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enable the slide overview mode
overview: true,
// Disables the default reveal.js slide layout (scaling and centering)
// so that you can use custom CSS layout
disableLayout: false,
// Vertical centering of slides
center: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Change the presentation direction to be RTL
rtl: false,
// see https://revealjs.com/vertical-slides/#navigation-mode
navigationMode: 'default',
// Randomizes the order of slides each time the presentation loads
shuffle: false,
// Turns fragments on and off globally
fragments: true,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: true,
// Flags if the presentation is running in an embedded mode,
// i.e. contained within a limited portion of the screen
embedded: false,
// Flags if we should show a help overlay when the questionmark
// key is pressed
help: true,
// Flags if it should be possible to pause the presentation (blackout)
pause: true,
// Flags if speaker notes should be visible to all viewers
showNotes: false,
// Global override for autoplaying embedded media (null/true/false)
autoPlayMedia: null,
// Global override for preloading lazy-loaded iframes (null/true/false)
preloadIframes: null,
// Number of milliseconds between automatically proceeding to the
// next slide, disabled when set to 0, this value can be overwritten
// by using a data-autoslide attribute on your slides
autoSlide: 0,
// Stop auto-sliding after user input
autoSlideStoppable: true,
// Use this method for navigation when auto-sliding
autoSlideMethod: null,
// Specify the average time in seconds that you think you will spend
// presenting each slide. This is used to show a pacing timer in the
// speaker view
defaultTiming: null,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// The display mode that will be used to show slides
display: 'block',
// Hide cursor if inactive
hideInactiveCursor: true,
// Time before the cursor is hidden (in ms)
hideCursorTime: 5000,
// Opens links in an iframe preview overlay
previewLinks: false,
// Transition style (none/fade/slide/convex/concave/zoom)
transition: 'fade',
// Transition speed (default/fast/slow)
transitionSpeed: 'default',
// Transition style for full page slide backgrounds
// (none/fade/slide/convex/concave/zoom)
backgroundTransition: 'fade',
// Number of slides away from the current that are visible
viewDistance: 3,
// Number of slides away from the current that are visible on mobile
// devices. It is advisable to set this to a lower number than
// viewDistance in order to save resources.
mobileViewDistance: 2,
// reveal.js plugins
plugins: [
RevealNotes,
RevealSearch,
RevealZoom
]
});
</script>
</body>
</html>
public/pics/sabrina.jpg deleted 100644 → 0
+ 0
− 0
View file @ 8a5e9eaa
public/pics/sabrina.jpg

37.7 KiB

public/plugin/.DS_Store deleted 100644 → 0
+ 0
− 0
View file @ 8a5e9eaa
File deleted
slides.css 0 → 100644
+ 123
− 0
View file @ 04744fa6
<style>
.container{
display: flex;
}
.col {
flex: 1;
}
.slides {
font-size: 0.75em;
}
.reveal ul {
display: block;
}
.reveal ol {
display: block;
}
img {
max-height: 600px !important;
}
figcaption {
font-size: 0.6em !important;
font-style: italic !important;
}
.subtitle {
font-style: italic !important;
}
.date {
font-size: 0.75em !important;
}
body {
font-family: "Arial", "sans-serif"
}
section {
margin: 0;
}
.reveal .slides {
margin: 0 1vmin;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4 {
font-family: "Arial", "sans-serif";
text-transform: Uppercase;
color: #023d6b;
}
.reveal h1 {
color: #023d6b;
font-size: 250%;
}
.reveal h2 + h3 {
text-transform: Unset;
font-size: 80%;
}
.controls {
visibility: hidden;
}
.reveal .progress {
position: absolute;
bottom: 1px;
}
.prompt {
min-width: 0;
width: 0;
visibility: hidden;
}
div.dateauthor {
padding-top: 4em;
color: white;
}
div.prompt {
width:0;
}
div#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
font-size: 0.5em; font-weight: bold; padding: 0 1vmin; height: 20vmin; background: #fff}
#footer h1 {
position: absolute;
bottom: 3.2vmin;
display: block;
padding: 0 1em;
font-size: 1.7vmin;
font-weight: bold;
text-transform: unset;
color: #023d6b;
}
#footer h2 {display: block; padding: 0.em 1em 0;}
img.fzjlogo {
position: fixed;
bottom: 0;
right: 0;
height: 24vmin; /* The height of the svg is about 3 times the height of the logo */
margin-bottom: -3vmin; /* Baseline of logo should be about 5% of short side above edge. */
}
.rendered_html img, svg {
max-height: 440px;
}
</style>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment