Skip to content
GitLab
Commit 80435a83 authored by Narcon Nicolas's avatar Narcon Nicolas
Browse files

ENH: add an header

parent e9f0f82a
master
No related merge requests found
Pipeline #38615 passed with stages
in 1 minute and 36 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 26 additions and 6 deletions
+26 -6
slides/index.html
+ 12
− 6
View file @ 80435a83
...@@ -20,6 +20,12 @@ ...@@ -20,6 +20,12 @@
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<div class='headerleft'>
<span style='color: blue'>pyotb: a pythonic extension of Orfeo Toolbox</p>
</div>
<div class='headerright'>
<span style='color: blue'>Nicolas Narçon</p>
</div>
<div class="slides"> <div class="slides">
<!-- I/ PREMIERE PAGE --> <!-- I/ PREMIERE PAGE -->
...@@ -37,7 +43,7 @@ ...@@ -37,7 +43,7 @@
<p> Firenze, FOSS4G - 25 Aug. 2022</p> <p> Firenze, FOSS4G - 25 Aug. 2022</p>
</section> </section>
<section data-background-image='illustrations/background.png'> <section style="top: 189px; display: block;" data-background-image='illustrations/background.png'>
<h3>Satellite image processing in Python</h3> <h3>Satellite image processing in Python</h3>
<h4>A basic example: Pansharpening</h4> <h4>A basic example: Pansharpening</h4>
<figure> <figure>
...@@ -55,14 +61,14 @@ ...@@ -55,14 +61,14 @@
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
<h3>What a Python developer goes trough</h3> <h3>What a Python developer goes trough</h3>
<h4>Searching for pansharpening</h4> <h4>Searching for pansharpening</h4>
<video data-autoplay width=70% data-src="illustrations/pansharpening_google_search_final_speedup.mp4"></video> <video data-autoplay width=75% data-src="illustrations/pansharpening_google_search_final_speedup.mp4"></video>
</section> </section>
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
<h3>What a Python developer goes trough</h3> <h3>What a Python developer goes trough</h3>
<h4>Trying the pansharpening</h4> <h4>Trying the pansharpening</h4>
<video data-autoplay width=70% data-src="illustrations/pansharpening_memory_error_rasterio_speedup.mp4"></video> <video data-autoplay width=75% data-src="illustrations/pansharpening_memory_error_rasterio_speedup.mp4"></video>
</section> </section>
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
...@@ -98,7 +104,7 @@ ...@@ -98,7 +104,7 @@
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
<h3>pyotb: remote sensing made easy</h3> <h3>pyotb: remote sensing made easy</h3>
<video data-autoplay width=70% data-src="illustrations/pansharpening_pyotb_laptop_speedup.mp4"></video> <video data-autoplay width=75% data-src="illustrations/pansharpening_pyotb_laptop_speedup.mp4"></video>
</section> </section>
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
...@@ -135,7 +141,7 @@ ...@@ -135,7 +141,7 @@
<section data-background-image='illustrations/background.png'> <section data-background-image='illustrations/background.png'>
<h3>An usecase of pyotb</h3> <h3>An usecase of pyotb</h3>
<p>Goal: labeling the bare soils<p> <p>Goal: labeling the bare soils<p>
<video data-autoplay width=70% data-src="illustrations/pyotb_usecase_speedup.mp4"></video> <video data-autoplay width=74% data-src="illustrations/pyotb_usecase_speedup.mp4"></video>
</section> </section>
...@@ -214,7 +220,7 @@ ...@@ -214,7 +220,7 @@
// Factor of the display size that should remain empty around // Factor of the display size that should remain empty around
// the content // the content
margin: 0.01, margin: 0.08,
// Bounds for smallest/largest possible scale to apply to content // Bounds for smallest/largest possible scale to apply to content
minScale: 0.2, minScale: 0.2,
......
slides/otb.css
+ 14
− 0
View file @ 80435a83
...@@ -258,6 +258,20 @@ y { ...@@ -258,6 +258,20 @@ y {
.reveal small * { .reveal small * {
vertical-align: top; } vertical-align: top; }
.reveal .headerleft {
position: absolute;
top: 0.3em;
left: 1%;
font-size: 1em;
}
.reveal .headerright {
position: absolute;
top: 0.3em;
right: 1%;
font-size: 1em;
}
/********************************************* /*********************************************
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment