From 6f9e5c3e8d9b0e6ddc82cdc20c5d3916733572c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Correa?= <german.correa.balier@gmail.com>
Date: Thu, 2 Apr 2020 13:53:29 -0300
Subject: [PATCH] =?UTF-8?q?se=20agrega=20aviso=20de=20postergaci=C3=B3n=20?=
 =?UTF-8?q?por=20razones=20sanitarias?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/app.js          |  3 ++-
 public/style/style.css    |  5 +++++
 templates/avisomodal.html | 43 +++++++++++++++++++++++++++++++++++++++
 templates/header.html     |  2 +-
 templates/layout.html     |  5 +++++
 5 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 templates/avisomodal.html

diff --git a/public/js/app.js b/public/js/app.js
index c574d9b..ba8ba42 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -12,6 +12,7 @@ function routeMenu() {
   switch (ruta) {
     case "/":
       $("li#home").addClass("active");
+       $("#avisomodal").modal('show');
       break;
     case "/programa":
       $("li#program").addClass("active");
@@ -42,7 +43,7 @@ $(document).ready(function() {
   //var margin = $(".container").css("margin-left");
   //$("#menu").css("margin-left",margin);
   var parallaxHeight = $(".parallax-mirror").height();
-  $("#header").height(parallaxHeight);
+  $("#header").height(parallaxHeight); 
   $("#contactform").submit(function(event) {
     var fail = false;
     $("#statusmsg").hide();
diff --git a/public/style/style.css b/public/style/style.css
index 4f97211..c065cae 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -568,4 +568,9 @@ p.abstract{
   margin-top:10px;
   max-width:48em;
   white-space:pre-wrap;
+}
+.avisomodal > h4.aviso-title {
+  text-decoration:underline;
+  color:black;
+  padding-bottom:15px;
 }
\ No newline at end of file
diff --git a/templates/avisomodal.html b/templates/avisomodal.html
new file mode 100644
index 0000000..a74f52c
--- /dev/null
+++ b/templates/avisomodal.html
@@ -0,0 +1,43 @@
+<div id="avisomodal" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
+                        aria-hidden="true">&times;</span></button>
+                <h3 class="modal-title"><strong>¡Aviso Importante!</strong></h3>
+            </div>
+            <div class="modal-body">
+                <div class="alert alert-danger avisomodal" role="alert">
+                <h4 class="aviso-title"><strong>Postergación CLAM2020</strong></h4>
+                 <p>
+                    Por las razones sanitarias conocidas se posterga la realización
+                    en julio del CLAM2020.
+                 </p>
+                 <p>
+                    El CLAM se realizará en fecha que será comunicada con suficiente
+                    anticipación
+                 </p>
+                 <p>
+                    Se considerán posibles nueva convocatoria a presentación de póster
+                    y formas de reformulación de las distintas sesiones temáticas.
+                 </p>
+                 <p>
+                    Todo esto será oportunamente informado a través del sitio
+                    internet del Congreso y de la página de UMALCA.
+                 </p>
+                 <p style="text-align:right;">
+                    31 de Marzo de 2020
+                    <br />
+                    <strong><i>Comité Organizador CLAM2020</i></strong>
+                     
+                     
+                 </p>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-dismiss="modal">Entendido</button>
+                
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
\ No newline at end of file
diff --git a/templates/header.html b/templates/header.html
index 41f4602..3e1ea13 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -7,7 +7,7 @@
       
     </div>
     <h2 id="when" class="subtitle">
-      20 al 24 de julio de 2020 <span style="color:#00b1d7">/</span> Montevideo, Uruguay
+      <span style="text-decoration-line: line-through;">20 al 24 de julio de 2020</span><span style="color:#00b1d7">/</span> Montevideo, Uruguay
     </h2>
   </div>
  
diff --git a/templates/layout.html b/templates/layout.html
index 6c87392..6866f03 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -53,9 +53,14 @@
 <body>
   <div id="main">
     {% include 'header.html' %}
+    {% include 'avisomodal.html' %}
      <div id="site_content" class="container">
       <div class="row">
         <div id="content" class="col-xs-12 col-sm-8">
+          <div class="alert alert-danger" role="alert"> 
+            Por las razones sanitarias conocidas: <a href="#avisopostergacion" class="alert-link" data-toggle="modal" data-target="#avisomodal">se posterga la realización
+            en julio CLAM 2020</a>
+          </div>
           {% block content %}
           {% endblock %}
         </div>