Update fonts and content

Fernandez-Lab-WSU · Jul 4, 2024 · 18bd048 · 18bd048
1 parent e940f9a
commit 18bd048
Show file tree

Hide file tree

Showing 15 changed files with 183 additions and 118 deletions.
diff --git a/custom.scss b/custom.scss
@@ -1,20 +1,16 @@
 /*-- scss:defaults --*/
 
-@font-face {
-  font-family: "Khula";
-  src: url("https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&display=swap");
-}
-
 // fonts
 
 $font-family-sans-serif: 'Khula', sans-serif !default;
 $font-family-monospace: "Fira Mono", monospace !default;
 $presentation-title-slide-text-align: "left";
 $code-block-font-size: 0.5em;
 $code-color: #5f5f5f;
-$presentation-font-smaller: 10px !default;
+$presentation-font-smaller: 20px !default;
 $presentation-line-height: 1.5em !default;
-$font-size-root: 10px !default;
+$font-size-root: 35px !default;
+$font-weight-normal: 300;
 
 
 
@@ -29,7 +25,7 @@ $selection-bg: #FAA381 !default;
 $presentation-heading-font: 'Work Sans', sans-serif !default;
 $presentation-heading-color: #399E5A !default;
 $presentation-heading-font-weight: 300 !default;
-$presentation-h1-font-size:	0.5em !default;
+$presentation-h1-font-size:	1.5em !default;
 $presentation-h2-font-size:	1.3em !default;
 $presentation-h3-font-size:	1.2em !default;
 $presentation-h4-font-size:	1.1em !default;
@@ -52,12 +48,13 @@ $presentation-h4-font-size:	1.1em !default;
   border-left: 10px solid;
 }
 
-.reveal .footer {
-  font-size: 0.5em !important;
+.footer > p {
+  font-size: 15px !important;
 }
 
 #vcenter {
   vertical-align: middle !important;
+  text-align: justify;
 }
 
 .small-text {
@@ -107,7 +104,23 @@ $presentation-h4-font-size:	1.1em !default;
   width: 850px;
 }
 
-.p{
-   font-weight: 200 !important;
+body {
+  font-weight: $font-weight-normal;
+  font-size: $font-size-root;
+  font-family: $font-family-sans-serif;
+}
+
+//Tuve que cambiar esto de forma manual 
+p {
+  font-size: $font-size-root;
+  font-family: $font-family-sans-serif;
+  font-weight: $font-weight-normal;
+}
+
+ul, ol {
+  font-weight: $font-weight-normal;
+  font-size: $font-size-root;
+  font-family: $font-family-sans-serif;
+  text-align: justify;
 }
 
diff --git a/img/anna.png b/img/anna.png
diff --git a/img/blog-docker.png b/img/blog-docker.png
diff --git a/img/dengue.png b/img/dengue.png
diff --git a/img/paper_luis.png b/img/paper_luis.png
diff --git a/img/reprohack.png b/img/reprohack.png
diff --git a/img/sessioninfo.png b/img/sessioninfo.png
diff --git a/img/shakespeare.jpg b/img/shakespeare.jpg
diff --git a/img/successors.png b/img/successors.png
diff --git a/img/tab1.png b/img/tab1.png
diff --git a/img/tab2.png b/img/tab2.png
diff --git a/img/tab3.png b/img/tab3.png
diff --git a/slides.html b/slides.html
@@ -356,10 +356,16 @@ <h2>Welcome!</h2>
 <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png"></a><br>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
 </div>
 </section>
-<section id="covid-19" class="slide level2">
-<h2>COVID-19</h2>
-
-<img data-src="img/puzzle.jpg" class="r-stretch"></section>
+<section id="disclaimer" class="slide level2">
+<h2>Disclaimer ⚠️</h2>
+<div class="columns">
+<div id="vcenter" class="column" style="width:60%;">
+<p><img data-src="img/bettersoftware.png"></p>
+</div><div id="vcenter" class="column" style="width:40%;">
+<p>This talk is about research software development</p>
+</div>
+</div>
+</section>
 <section id="eco-epidemiology-of-zoonotic-diseases-lab" class="slide level2">
 <h2>Eco-epidemiology of Zoonotic Diseases Lab</h2>
 <h4 id="washington-state-university">Washington State University</h4>
@@ -374,7 +380,7 @@ <h4 id="washington-state-university">Washington State University</h4>
 <p><a href="https://labs.wsu.edu/eco-epi-lab/">Lab’s WebPage</a></p>
 </div>
 </section>
-<section id="covid-19-1" class="slide level2">
+<section id="covid-19" class="slide level2">
 <h2>COVID-19</h2>
 <h4 id="human-behavioral-component-starts-being-recognized">Human behavioral component starts being recognized</h4>
 <div class="columns">
@@ -391,7 +397,7 @@ <h4 id="human-behavioral-component-starts-being-recognized">Human behavioral com
 <p>Image Source: <a href="https://www.clarin.com/ciudades/dia-semana-subte-porteno-viaja-lleno_0_HJjVc0rdW.html">Clarin newspaper</a></p>
 </div>
 </section>
-<section id="covid-19-2" class="slide level2">
+<section id="covid-19-1" class="slide level2">
 <h2>COVID-19</h2>
 <h4 id="human-behavioral-component-starts-being-recognized-1">Human behavioral component starts being recognized</h4>
 <p><strong>Social, Preventive, and Obligatory isolation established by the Argentine government</strong></p>
@@ -493,15 +499,19 @@ <h4 id="from-quadkeys-to-raster-images-2">From QuadKeys to raster images</h4>
 <p>Image source: <code>quadkeyr</code> documentation</p>
 </div>
 </section>
-<section id="why-to-create-an-r-package" class="slide level2">
-<h2>Why to create an R package</h2>
-<h4 id="when-is-a-good-idea-to-create-a-software-package-as-part-of-a-research">When is a good idea to create a software package as part of a research?</h4>
+<section id="why-create-a-software-package" class="slide level2">
+<h2>Why create a software package?</h2>
 <ul>
-<li class="fragment">Makes easier to reuse the functions.</li>
-<li class="fragment">Better code quality (i.e.&nbsp;tests, documentation)</li>
+<li class="fragment">Makes it easier to reuse functions.</li>
+<li class="fragment">Improves code quality (i.g. tests, documentation).</li>
 <li class="fragment">Ensures computational reproducibility.</li>
 </ul>
 </section>
+<section id="section" class="slide level2">
+<h2></h2>
+<p><img data-src="img/CultureShift.jpg"> :::footer</p>
+<p>:::</p>
+</section>
 <section id="r-package-quadkeyr" class="slide level2">
 <h2>R package: <code>quadkeyr</code></h2>
 <div class="columns">
@@ -534,28 +544,29 @@ <h2>rOpenSci peer-review</h2>
 </div>
 </div>
 </section>
-<section id="section" class="slide level2">
+<section id="section-1" class="slide level2">
 <h2></h2>
 
 <img data-src="img/quadkeyr_joss.png" class="r-stretch"><div class="footer">
 <p><a href="https://joss.theoj.org/papers/10.21105/joss.06500"><code>JOSS</code> article</a></p>
 </div>
 </section>
-<section id="variable" class="slide level2">
-<h2>Variable</h2>
-<p><code>percent_change</code></p>
-</section>
+<section id="section-2" class="slide level2">
+<h2></h2>
+
+<img data-src="img/recognition.png" class="r-stretch"></section>
 <section id="example" class="slide level2">
 <h2>Example</h2>
 <ul>
 <li class="fragment">We were not going to see the consequences of decisions immediately.</li>
 <li class="fragment">Non-permitted behaviors would be possible to detect.</li>
 </ul>
-</section>
-<section id="conclusion" class="slide level2">
-<h2>Conclusion</h2>
-<p>We managed to generate the raster to visualize citizen mobility on a map</p>
 </section></section>
+<section id="raster-images-produced-with-quadkeyr-allow-to-visualize-citizen-mobility-on-a-map" class="title-slide slide level1 center" data-background-color="#E5E4E2">
+<h1>Raster images produced with <code>quadkeyr</code> allow to visualize citizen mobility on a map</h1>
+
+</section>
+
 <section>
 <section id="dashboard" class="title-slide slide level1 center" data-background-color="#E5E4E2">
 <h1>Dashboard</h1>
@@ -565,19 +576,22 @@ <h1>Dashboard</h1>
 <h2>GeoCovidAR</h2>
 <p>Integrate city mobility information with daily reported COVID-19 cases</p>
 </section>
-<section id="tab-1" class="slide level2">
-<h2>Tab 1</h2>
-<p>General exploration</p>
-</section>
+<section id="tab-1-general-exploration" class="slide level2">
+<h2>Tab 1: General exploration</h2>
+
+<img data-src="img/tab1.png" class="r-stretch"></section>
+<section id="tab-2-departments" class="slide level2">
+<h2>Tab 2: Departments</h2>
+
+<img data-src="img/tab2.png" class="r-stretch"></section>
 <section id="tab-2" class="slide level2">
 <h2>Tab 2</h2>
-<p>Compare departments</p>
 <p>You can download a report</p>
 </section>
-<section id="tab-3" class="slide level2">
-<h2>Tab 3</h2>
-<p>Generalidades</p>
-</section>
+<section id="tab-3-average-of" class="slide level2">
+<h2>Tab 3: Average of</h2>
+
+<img data-src="img/tab3.png" class="r-stretch"></section>
 <section id="conclusions" class="slide level2">
 <h2>Conclusions</h2>
 <ul>
@@ -609,38 +623,19 @@ <h2>Overview</h2>
 <p><strong>Website</strong>. - Quarto Website.</p>
 <p><strong>Database</strong>. - PostgreSQL database.</p>
 </section>
-<section id="who-i-am" class="slide level2">
-<h2>Who I am?</h2>
-<h4 id="contact">Contact</h4>
-<div class="columns">
-<div id="vcenter" class="column" style="width:40%;">
-<div class="cell" data-layout-align="center">
-<div class="cell-output-display">
-<div class="quarto-figure quarto-figure-center">
-<figure>
-<p><img data-src="https://res.cloudinary.com/flor/image/upload/w_1000,ar_1:1,c_fill,g_auto,e_art:hokusai/v1683580772/IMG_20220607_130734112_mu4fpd.jpg" width="250"></p>
-</figure>
-</div>
-</div>
-</div>
-</div><div id="vcenter" class="column" style="width:60%;">
-<p>🐦 <strong>Twitter</strong><br>
-<a href="http://twitter.com/cantoflor_87"><span class="citation" data-cites="cantoflor_87">@cantoflor_87</span></a><br></p>
-<p>📢 <strong>Mastodon</strong></p>
-<p><a href="https://techhub.social/@florencia"><span class="citation" data-cites="florencia">@florencia</span><span class="citation" data-cites="techhub.social">@techhub.social</span></a></p>
-<p>🌐 <strong>LinkedIn</strong></p>
-<p><a href="https://www.linkedin.com/in/florenciadandrea/">https://www.linkedin.com/in/florenciadandrea/</a></p>
-</div>
-</div>
-</section>
-<section id="conclusion-1" class="slide level2">
-<h2>Conclusion</h2>
+<section id="conclusions-1" class="slide level2">
+<h2>Conclusions</h2>
+<p>The spatial distribution of cases is essential to understand the dynamics of transmission.</p>
 <ul>
-<li class="fragment">Monitoring system</li>
-<li class="fragment">Integration ecological components (hosts there are distribution and contacts) with the complexity of the human behavior. This determines the spatial distribution of cases and is essential to understand the dynamics of transmission.</li>
-<li class="fragment">Flexible tool adaptable to future scenarios</li>
+<li class="fragment"><code>quadkeyr</code> allows for converting Facebook mobility data into raster images.</li>
+<li class="fragment"><code>GeoCovidAR</code> enables the integration of ecological components with the complexity of human behavior.</li>
 </ul>
 </section>
+<section id="conclusions-2" class="slide level2">
+<h2>Conclusions</h2>
+<p><code>quadkeyr</code> and <code>GeoCovidAR</code> are flexible tools adaptable to different scenarios</p>
+<p><img data-src="img/dengue.png"> :::footer <a href="https://www.batimes.com.ar/news/argentina/dengue-fever-cases-in-argentina-up-2153-so-far-in-2024.phtml">Complete article here!</a> :::</p>
+</section>
 <section id="funding" class="slide level2">
 <h2>Funding</h2>
 <div class="quarto-layout-panel">
@@ -662,11 +657,38 @@ <h2>Funding</h2>
 </div>
 </div>
 <div class="footer">
-<p>grant # NU38FT000009-01-00 Its contents are solely the responsibility of the authors and do not necessarily represent the official views of the Centers for Disease Control and Prevention.</p>
+<p>Its contents are solely the responsibility of the authors and do not necessarily represent the official views of the Centers for Disease Control and Prevention.</p>
+</div>
+</section>
+<section id="who-i-am" class="slide level2">
+<h2>Who I am?</h2>
+<h4 id="contact">Contact</h4>
+<div class="columns">
+<div id="vcenter" class="column" style="width:40%;">
+<div class="cell" data-layout-align="center">
+<div class="cell-output-display">
+<div class="quarto-figure quarto-figure-center">
+<figure>
+<p><img data-src="https://res.cloudinary.com/flor/image/upload/w_1000,ar_1:1,c_fill,g_auto,e_art:hokusai/v1683580772/IMG_20220607_130734112_mu4fpd.jpg" width="250"></p>
+</figure>
+</div>
+</div>
+</div>
+</div><div id="vcenter" class="column" style="width:60%;">
+<p>🐦 <strong>Twitter</strong><br>
+<a href="http://twitter.com/cantoflor_87"><span class="citation" data-cites="cantoflor_87">@cantoflor_87</span></a><br></p>
+<p>📢 <strong>Mastodon</strong></p>
+<p><a href="https://techhub.social/@florencia"><span class="citation" data-cites="florencia">@florencia</span><span class="citation" data-cites="techhub.social">@techhub.social</span></a></p>
+<p>🌐 <strong>LinkedIn</strong></p>
+<p><a href="https://www.linkedin.com/in/florenciadandrea/">https://www.linkedin.com/in/florenciadandrea/</a></p>
+</div>
 </div>
 </section></section>
 <section id="thank-you" class="title-slide slide level1 center">
 <h1>Thank you!</h1>
+<div class="footer">
+<p><a href="https://fernandez-lab-wsu.github.io/geocovid-slides/slides.html">https://fernandez-lab-wsu.github.io/geocovid-slides/slides.html</a></p>
+</div>
 
 <img src="img/wsu-logo.png" class="slide-logo r-stretch"><div class="footer footer-default">