From 80435a835ca92c5c57dab5a5e6573c0785d44e2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20Nar=C3=A7on?= <nicolas.narcon@inrae.fr>
Date: Thu, 25 Aug 2022 10:53:30 +0200
Subject: [PATCH] ENH: add an header
---
slides/index.html | 18 ++++++++++++------
slides/otb.css | 14 ++++++++++++++
2 files changed, 26 insertions(+), 6 deletions(-)
diff --git a/slides/index.html b/slides/index.html
index 7aa8243..32f5533 100644
--- a/slides/index.html
+++ b/slides/index.html
@@ -20,6 +20,12 @@
</head>
<body>
<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">
<!-- I/ PREMIERE PAGE -->
@@ -37,7 +43,7 @@
<p> Firenze, FOSS4G - 25 Aug. 2022</p>
</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>
<h4>A basic example: Pansharpening</h4>
<figure>
@@ -55,14 +61,14 @@
<section data-background-image='illustrations/background.png'>
<h3>What a Python developer goes trough</h3>
<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 data-background-image='illustrations/background.png'>
<h3>What a Python developer goes trough</h3>
<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 data-background-image='illustrations/background.png'>
@@ -98,7 +104,7 @@
<section data-background-image='illustrations/background.png'>
<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 data-background-image='illustrations/background.png'>
@@ -135,7 +141,7 @@
<section data-background-image='illustrations/background.png'>
<h3>An usecase of pyotb</h3>
<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>
@@ -214,7 +220,7 @@
// Factor of the display size that should remain empty around
// the content
- margin: 0.01,
+ margin: 0.08,
// Bounds for smallest/largest possible scale to apply to content
minScale: 0.2,
diff --git a/slides/otb.css b/slides/otb.css
index 07b2bf4..82bfcd0 100644
--- a/slides/otb.css
+++ b/slides/otb.css
@@ -258,6 +258,20 @@ y {
.reveal small * {
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;
+}
/*********************************************
--
GitLab