Segunda adaptacion con menu a la izquierda

Mejor relleno de la front-page Agrega la locacion con un mapa
2017-08-30 19:09:03 -03:00 · 2017-08-30 19:09:03 -03:00 · 5812172bbb
commit 5812172bbb
parent e040678301
12 changed files with 146 additions and 51 deletions
--- a/2
+++ b/2
@ -0,0 +1,2 @@
+Nombre,Apellido,TipoDoc,Documento,Direccion,Pais,Ciudad,Telefono,Email,Profesión,Financiación,"Detalle Financiación"
+German,Correa,C.I,4596793-2,"Salvador Garcia Pintos 1114",Uruguay,Montevideo,091432378,german.correa.balier@gmail.com,Estudiante,no,
--- a/2021y22.csv
+++ b/2021y22.csv
@ -0,0 +1,2 @@
+Nombre,Apellido,TipoDoc,Documento,Direccion,Pais,Ciudad,Telefono,Email,Profesión,Financiación,"Detalle Financiación"
+German,Correa,C.I,4596793-2,"Salvador Garcia Pintos 1114",Uruguay,Montevideo,091432378,german.correa.balier@gmail.com,Estudiante,no,
--- a/img/afiche.jpg
+++ b/img/afiche.jpg
--- a/index.html
+++ b/index.html
@ -16,24 +16,44 @@

 <body>
  <div id="main">
-     <header id="header"></div>
+     <header id="header"></header>
     <div id="site_content" class="container">
        <div class="row">
-         
-         <div id="content" class="col-xs-12 col-sm-8">
+          <div id="content" class="col-xs-12 col-sm-8">
            <h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1> 
           
+            <div class="col-xs-12">
+              
+              <h3>El Coloquio está dirigidio a:</h3>
+              <ul>
+                <li>Investigadores</li>
+                <li>Especialistas afines</li>
+                <li>Estudiantes de grado y postgrado de matemática</li>
+                <li>Estudiantes IPA-CEIP</li>
+                <li>Docentes</li>
+                <li>Maestros</li>
+              </ul>
+              <h3>Actividades académicas:</h3>
+              <ul>
+                <li>Cursos para docentes</li>
+                <li>Cursos para estudiantes de grado y posgrado</li>
+                <li>Conferencias de investigación</li>
+                               
+              </ul>
+              <p>El evento es de carácter gratuito y se entregará certificado de participación.</p>
+              <p>
+                <strong>Organizadores: </strong>Viviana Gubitosi
+                Juliana Xavier
+                Elisa Rocha
+                Ezequiel Maderna
+                Martín Reiris
+              </p>
+              
+            </div>
+          
           
-            <h2>Comité organizador</h2>
-            <ul>
-              <li>Viviana Gubitosi</li>
-              <li>Juliana Xavier</li>
-              <li>Elisa Rocha</li>
-              <li>Ezequiel Maderna</li>
-              <li>Martín Reiris</li>
-            </ul>
          </div> 
-          <div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>     
+        <div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>     
        </div>
      </div>
      <footer id="footer">
--- a/js/app.js
+++ b/js/app.js
@ -12,7 +12,7 @@ function showmsg(msgTxt,ok){
 	$("#statusmsg").show();
 }
 $(document).ready(function(){
-	alert(window.location.pathname);
+	var ruta = window.location.pathname;
 	$("#statusmsg").hide();
 	$("#header").load("snippets/header.html"); 
 	$("#footer").load("snippets/footer.html"); 
@ -50,14 +50,15 @@ $(document).ready(function(){
 		else{
 			$("#detallefinan").hide();
 			$('#detallefinan textarea').prop('required',false);
+			$("#detallefinan textarea").value("");
 		}
 	});
 	$('#doctype').change(function(){
 		if(this.value == "C.I"){
 			$('#txtdocnro').attr('placeholder',"1234567-0");
 		}
-		if(this.value == "PSP"){
-			$('#txtdocnro').attr('placeholder',"ABA-11125-444");
+		if(this.value == "Otro"){
+			$('#txtdocnro').attr('placeholder',"Escriba su documento de identidad");
 		}
 		if(this.value == "Tipo:"){
 			$('#txtdocnro').attr('placeholder',"Seleccion un tipo de documento");
--- a/location.html
+++ b/location.html
@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <title>6to Coloquio Uruguayo de Matémática</title>
+  <meta name="description" content="website description" />
+  <meta name="keywords" content="website keywords, website keywords" />
+  <meta http-equiv="content-type" content="text/html; charset=utf8" /> 
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="style/style.css" />
+  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>  
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+  <script type="text/javascript" src="js/app.js"></script>
+</head>
+
+<body>
+  <div id="main">
+     <header id="header"></header>
+     <div id="site_content" class="container">
+        <div class="row">
+          <div id="content" class="col-xs-12 col-sm-8">
+            <h1><strong>Lugar del evento:</strong></h1> 
+            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3271.5742234352!2d-56.16905248474392!3d-34.91713308037947!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x959f81a27b71199f%3A0x4ece30db435561f!2sEdificio+Polifuncional+%22Jose+Luis+Massera%22%2C+Senda+Nelson+Landoni+631%2C+11200+Montevideo!5e0!3m2!1ses!2suy!4v1504130822964" width="500" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
+           
+
+          
+           
+          </div> 
+        <div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>     
+        </div>
+      </div>
+      <footer id="footer">
+     
+      </footer>
+  </div>
+</body>
+</html>
--- a/register.html
+++ b/register.html
@ -35,12 +35,11 @@
                <span>Documento:</span>
                
                <select class="small" name="doctype" required id="doctype">
-                  <option>Tipo:</option>
                  <option>C.I</option>
-                  <option>PSP</option>                  
+                  <option>Otro</option>                  
                </select>
                <label for="docnro" class="control-label">Nro.</label>
-                <input placeholder="Seleccione Tipo.. " type="text" id="txtdocnro" name="docnro" required>
+                <input type="text" id="txtdocnro" name="docnro" placeholder="1234567-0" required>
              </p>
              <p>
                <span>Dirección:</span>
@ -55,7 +54,7 @@
              </p> 
              <p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></p>
              <p><span>Email:</span><input placeholder="mail@example.com" class="contact" type="email" name="email" value="" required/></p>          
-              <p><span>Profesión:</span><input placeholder="Profesor" class="contact" type="text" name="profesion" required/></p>       
+              <p><span>Profesión:</span><input placeholder="Estudiante, Docente, Profesor" class="contact" type="text" name="profesion" required/></p>       
              
              <p>
                <span style="width:150px;">Precisa financiación?</span>              
--- a/register.php
+++ b/register.php
@ -2,20 +2,32 @@

 $errors         = array();      // array to hold validation errors
 $data           = array();      // array to pass back data
+$filename       = "2021y22";

 function setheaders() {
-    $fp = fopen('registro.csv', 'w');
+    $fp = fopen("2021y22.csv", 'w');
    $cabezal = array('Nombre', 'Apellido','TipoDoc','Documento',
                    'Direccion','Pais','Ciudad', 'Telefono', 'Email',
                    'Profesión','Financiación','Detalle Financiación');
+    if($fp){
    fputcsv($fp,$cabezal);
    fclose($fp);
+    }
+    else{
+        die("unable to open file");
+    }
 }

 function registrar($fila) {
-    $fp = fopen('registro.csv', 'a');
-    fputcsv($fp,$fila);
-    fclose($fp);
+    $fp = fopen("2021y22.csv", 'a');
+    if($fp){
+        fputcsv($fp,$fila);
+        fclose($fp);    
+    }
+    else{
+        die("unable to open file");
+    }
+    
 }

 // validate the variables ======================================================
@ -62,7 +74,7 @@ if (empty($_POST['email']))
 if (empty($_POST['profesion']))
    $errors['email'] = 'indique profesion';

-if( !file_exists("registro.csv"))
+if( !file_exists("2021y22.csv"))
    setheaders();        

 // return a response ===========================================================
--- a/snippets/footer.html
+++ b/snippets/footer.html
@ -1,2 +1,2 @@
-<p><a href="index.html">Home</a> | <a href="examples.html">Examples</a> | <a href="page.html">A Page</a> | <a href="another_page.html">Another Page</a> | <a href="contact.html">Contact Us</a></p>
-        <p>Copyright &copy; night_sky_2 | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">Website templates</a></p>
+<p>Creado por: <a href="wwww.cmat.edu.uy">El Centro de Matemática</a></p>
+<p style="text-transform:none;">Germán Correa - germanc@cmat.edu.uy</a></p>
--- a/snippets/header.html
+++ b/snippets/header.html
@ -2,15 +2,19 @@
      <div id="logo" class="jumbotron">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
-          <h1><a href="/"><span class="logo_init">VI</span><span class="logo_colour"> Coloquio Uruguayo de Matemática</span></a></h1>
+          <h1><a href="/"><span class="logo_init">VI</span><span class="logo_colour"> Coloquio Uruguayo<br/> de Matemática</span></a></h1>
          <h2 style="font-size:29px;"><strong>20, 21 y 22 de Diciembre</strong></h2>
        </div>
      </div>
      <nav class="navbar navbar-inverse" id="menubar">
+        <div class="container">
        <ul class="nav navbar-nav" id="menu">
          <li class="selected"><a href="/">Inicio</a></li>
          <li><a href="contact.html">Contacto</a></li>
          <li><a href="register.html">Registrarse</a></li>
+          <li><a href="location.html">Mapa</a></li>
        </ul>
+        </div>
+      </nav>
      
    
--- a/snippets/sidebar.html
+++ b/snippets/sidebar.html
@ -1,18 +1,21 @@
+  
+      <img id="afiche" style="border:4px solid #222;" class="img-responsive img-thumbnail" src="img/afiche.jpg" />
+  
 <h1>Avisos</h1>
-        <h4>Se lanza el sitio del 6to Coloquio</h4>
-        <h5>22 de Agosto, 2017</h5>
-        <p>Se crea la página de presentación del 6to Coloquio de Matemática<br /><a href="#">Leer Mas</a></p>
+        <h4>Inscripciones Abiertas</h4>
+        <h5>30 de Agosto, 2017</h5>
+        <p>Si desea participar del coloquio <a title="Formulario de registro" href="/register.html">registrese </a></p>
        <h1>Links de interés</h1>
-        <ul>
-          <li><a href="#">link 1</a></li>
-          <li><a href="#">link 2</a></li>
-          <li><a href="#">link 3</a></li>
-          <li><a href="#">link 4</a></li>
+        <ul class="interest-links">
+          <li><a target="_blank" data-toggle="tooltip" title="Centro de Matemática" href="http://www.cmat.edu.uy">CMat</a></li>
+          <li><a target="_blank" data-toggle="tooltip" title="Instituto de Matemática y Estadística Rafael Laguardia"  href="http://www.find.edu.uy/imerl">IMERL</a></li>
+          <li><a target="_blank" data-toggle="tooltip" title="Programa de Desarrollo de las Ciencias Básicas" href="http://www.pedeciba.edu.uy/matematica/indice.php">Pedeciba Matemática</a></li>
+          <li><a target="_blank" data-toogle="tooltip" title="Imaginary Uruguay" href="http://imaginary.org/es/project/imaginary-uruguay">Imaginary</a></li>
        </ul>
-        <h1>Buscar</h1>
+        <!--<h1>Chat</h1>
        <form method="post" action="#" id="search_form">
          <p>
            <input class="search" type="text" name="search_field" value="Texto de busqueda...." />
            <input name="search" type="image" style="border: 0; margin: 0 0 -9px 5px;" src="style/search.png" alt="Search" title="Search" />
          </p>
-        </form>
+        </form>-->
--- a/style/style.css
+++ b/style/style.css
@ -15,7 +15,7 @@ body{
      rgba(0, 0, 0, 0.8)
    ),
    url(background.jpg);*/
-    background-color: lightgray;
+    background-color: white;
  

 }
@ -174,9 +174,9 @@ ol li
  }
 }
 ul#menu
-{ float: right;
+{ /*float: right;
  margin-right:10px;
-  /*margin: 0px;
+  margin: 0px;
  background: black;
  padding: 4px;
  margin-top: 20px;*/
@ -215,6 +215,10 @@ ul#menu li.selected a, ul#menu li.selected a:hover, ul#menu li a:active
 ul#menu li a:hover
 { color: #FC9C04;}

+ul.interest-links li a{
+  font-weight: 800;
+}
+
@media screen and (min-width: 1200px){
  .container {
    width:970px;}
@ -224,21 +228,27 @@ ul#menu li a:hover
  overflow: hidden;*/
  margin: 0 auto 0 auto;
  /*padding: 0px 15px 0px 30px;*/
-  background: #F6F6F0 url(back.png) repeat-y;
+  /*background: #F6F6F0 url(back.png) repeat-y;*/
  border: 15px solid #FFF;*/} 

 .sidebar
 { /*float: right;
  width: 190px;*/
  padding: 0 15px 20px 15px;
-  background:#ededed;
-  border-left: 1px solid;
+  border: 1px solid;
 }
@media screen and (max-width: 640px){
  .sidebar {
    border:none;
  }
 }
+#afiche{
+  display:block;
+  margin-top:15px;
+  margin-right: auto;
+  margin-left: auto;
+  height: 250px
+}
 .sidebar ul
 { width: 178px; 
  padding: 4px 0 0 0; 
@ -276,19 +286,23 @@ ul#menu li a:hover
 { /*width: 916px;*/
  font-family: 'trebuchet ms', sans-serif;
  font-size: 90%;
-  height: 28px;
  padding: 20px 0 5px 0;
  text-align: center; 
  background: transparent;
-  color: #EEF3CD;
+  color: black;
  text-transform: uppercase;
-  letter-spacing: 0.1em;}
+  letter-spacing: 0.1em;
+  margin-top:50px;
+}
+

 #footer p
-{ padding: 0;}
+{ padding: 0;
+  color:black;
+}

 #footer a, #footer a:hover
-{ color: #EEF3CD;
+{ color: black;
  text-decoration: none;}

 #footer a:hover