sysadm/6coloquio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Segunda adaptacion con menu a la izquierda

Browse Source 
Mejor relleno de la front-page
Agrega la locacion con un mapa
This commit is contained in:
root 2017-08-30 19:09:03 -03:00
parent e040678301
commit 5812172bbb
12 changed files with 146 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
2021y22 Normal file
View File

@ -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,

2
2021y22.csv Normal file
View File

@ -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,
1 Nombre Apellido TipoDoc Documento Direccion Pais Ciudad Telefono Email Profesión Financiación Detalle Financiación
2 German Correa C.I 4596793-2 Salvador Garcia Pintos 1114 Uruguay Montevideo 091432378 german.correa.balier@gmail.com Estudiante no

BIN
img/afiche.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

50
index.html
View File

@ -16,24 +16,44 @@
<body> <body>
<div id="main"> <div id="main">
<header id="header"></div> <header id="header"></header>
<div id="site_content" class="container"> <div id="site_content" class="container">
<div class="row"> <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>
<h1><strong>Bienvenidos al 6º Coloquio Uruguayo de Matemática 2017</strong></h1>
<div class="col-xs-12">
<h2>Comité organizador</h2> <h3>El Coloquio está dirigidio a:</h3>
<ul> <ul>
<li>Viviana Gubitosi</li> <li>Investigadores</li>
<li>Juliana Xavier</li> <li>Especialistas afines</li>
<li>Elisa Rocha</li> <li>Estudiantes de grado y postgrado de matemática</li>
<li>Ezequiel Maderna</li> <li>Estudiantes IPA-CEIP</li>
<li>Martín Reiris</li> <li>Docentes</li>
</ul> <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>
</div> </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>
</div> </div>
<footer id="footer"> <footer id="footer">

7
js/app.js
View File

@ -12,7 +12,7 @@ function showmsg(msgTxt,ok){
$("#statusmsg").show(); $("#statusmsg").show();
} }
$(document).ready(function(){ $(document).ready(function(){
alert(window.location.pathname); var ruta = window.location.pathname;
$("#statusmsg").hide(); $("#statusmsg").hide();
$("#header").load("snippets/header.html"); $("#header").load("snippets/header.html");
$("#footer").load("snippets/footer.html"); $("#footer").load("snippets/footer.html");
@ -50,14 +50,15 @@ $(document).ready(function(){
else{ else{
$("#detallefinan").hide(); $("#detallefinan").hide();
$('#detallefinan textarea').prop('required',false); $('#detallefinan textarea').prop('required',false);
$("#detallefinan textarea").value("");
} }
}); });
$('#doctype').change(function(){ $('#doctype').change(function(){
if(this.value == "C.I"){ if(this.value == "C.I"){
$('#txtdocnro').attr('placeholder',"1234567-0"); $('#txtdocnro').attr('placeholder',"1234567-0");
} }
if(this.value == "PSP"){ if(this.value == "Otro"){
$('#txtdocnro').attr('placeholder',"ABA-11125-444"); $('#txtdocnro').attr('placeholder',"Escriba su documento de identidad");
} }
if(this.value == "Tipo:"){ if(this.value == "Tipo:"){
$('#txtdocnro').attr('placeholder',"Seleccion un tipo de documento"); $('#txtdocnro').attr('placeholder',"Seleccion un tipo de documento");

38
location.html Normal file
View File

@ -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>

7
register.html
View File

@ -35,12 +35,11 @@
<span>Documento:</span> <span>Documento:</span>
<select class="small" name="doctype" required id="doctype"> <select class="small" name="doctype" required id="doctype">
<option>Tipo:</option>
<option>C.I</option> <option>C.I</option>
<option>PSP</option> <option>Otro</option>
</select> </select>
<label for="docnro" class="control-label">Nro.</label> <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>
<p> <p>
<span>Dirección:</span> <span>Dirección:</span>
@ -55,7 +54,7 @@
</p> </p>
<p><span>Teléfono:</span><input placeholder="099 123 456" class="contact" type="text" name="tel" required /></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>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> <p>
<span style="width:150px;">Precisa financiación?</span> <span style="width:150px;">Precisa financiación?</span>

22
register.php
View File

@ -2,20 +2,32 @@
$errors = array(); // array to hold validation errors $errors = array(); // array to hold validation errors
$data = array(); // array to pass back data $data = array(); // array to pass back data
$filename = "2021y22";
function setheaders() { function setheaders() {
$fp = fopen('registro.csv', 'w'); $fp = fopen("2021y22.csv", 'w');
$cabezal = array('Nombre', 'Apellido','TipoDoc','Documento', $cabezal = array('Nombre', 'Apellido','TipoDoc','Documento',
'Direccion','Pais','Ciudad', 'Telefono', 'Email', 'Direccion','Pais','Ciudad', 'Telefono', 'Email',
'Profesión','Financiación','Detalle Financiación'); 'Profesión','Financiación','Detalle Financiación');
if($fp){
fputcsv($fp,$cabezal); fputcsv($fp,$cabezal);
fclose($fp); fclose($fp);
}
else{
die("unable to open file");
}
} }
function registrar($fila) { function registrar($fila) {
$fp = fopen('registro.csv', 'a'); $fp = fopen("2021y22.csv", 'a');
fputcsv($fp,$fila); if($fp){
fclose($fp); fputcsv($fp,$fila);
fclose($fp);
}
else{
die("unable to open file");
}
} }
// validate the variables ====================================================== // validate the variables ======================================================
@ -62,7 +74,7 @@ if (empty($_POST['email']))
if (empty($_POST['profesion'])) if (empty($_POST['profesion']))
$errors['email'] = 'indique profesion'; $errors['email'] = 'indique profesion';
if( !file_exists("registro.csv")) if( !file_exists("2021y22.csv"))
setheaders(); setheaders();
// return a response =========================================================== // return a response ===========================================================

4
snippets/footer.html
View File

@ -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>Creado por: <a href="wwww.cmat.edu.uy">El Centro de Matemática</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 style="text-transform:none;">Germán Correa - germanc@cmat.edu.uy</a></p>

6
snippets/header.html
View File

@ -2,15 +2,19 @@
<div id="logo" class="jumbotron"> <div id="logo" class="jumbotron">
<div id="logo_text"> <div id="logo_text">
<!-- class="logo_colour", allows you to change the colour of the 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> <h2 style="font-size:29px;"><strong>20, 21 y 22 de Diciembre</strong></h2>
</div> </div>
</div> </div>
<nav class="navbar navbar-inverse" id="menubar"> <nav class="navbar navbar-inverse" id="menubar">
<div class="container">
<ul class="nav navbar-nav" id="menu"> <ul class="nav navbar-nav" id="menu">
<li class="selected"><a href="/">Inicio</a></li> <li class="selected"><a href="/">Inicio</a></li>
<li><a href="contact.html">Contacto</a></li> <li><a href="contact.html">Contacto</a></li>
<li><a href="register.html">Registrarse</a></li> <li><a href="register.html">Registrarse</a></li>
<li><a href="location.html">Mapa</a></li>
</ul> </ul>
</div>
</nav>

23
snippets/sidebar.html
View File

@ -1,18 +1,21 @@
<img id="afiche" style="border:4px solid #222;" class="img-responsive img-thumbnail" src="img/afiche.jpg" />
<h1>Avisos</h1> <h1>Avisos</h1>
<h4>Se lanza el sitio del 6to Coloquio</h4> <h4>Inscripciones Abiertas</h4>
<h5>22 de Agosto, 2017</h5> <h5>30 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> <p>Si desea participar del coloquio <a title="Formulario de registro" href="/register.html">registrese </a></p>
<h1>Links de interés</h1> <h1>Links de interés</h1>
<ul> <ul class="interest-links">
<li><a href="#">link 1</a></li> <li><a target="_blank" data-toggle="tooltip" title="Centro de Matemática" href="http://www.cmat.edu.uy">CMat</a></li>
<li><a href="#">link 2</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 href="#">link 3</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 href="#">link 4</a></li> <li><a target="_blank" data-toogle="tooltip" title="Imaginary Uruguay" href="http://imaginary.org/es/project/imaginary-uruguay">Imaginary</a></li>
</ul> </ul>
<h1>Buscar</h1> <!--<h1>Chat</h1>
<form method="post" action="#" id="search_form"> <form method="post" action="#" id="search_form">
<p> <p>
<input class="search" type="text" name="search_field" value="Texto de busqueda...." /> <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" /> <input name="search" type="image" style="border: 0; margin: 0 0 -9px 5px;" src="style/search.png" alt="Search" title="Search" />
</p> </p>
</form> </form>-->

36
style/style.css
View File

@ -15,7 +15,7 @@ body{
rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.8)
), ),
url(background.jpg);*/ url(background.jpg);*/
background-color: lightgray; background-color: white;
} }
@ -174,9 +174,9 @@ ol li
} }
} }
ul#menu ul#menu
{ float: right; { /*float: right;
margin-right:10px; margin-right:10px;
/*margin: 0px; margin: 0px;
background: black; background: black;
padding: 4px; padding: 4px;
margin-top: 20px;*/ 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 ul#menu li a:hover
{ color: #FC9C04;} { color: #FC9C04;}
ul.interest-links li a{
font-weight: 800;
}
@media screen and (min-width: 1200px){ @media screen and (min-width: 1200px){
.container { .container {
width:970px;} width:970px;}
@ -224,21 +228,27 @@ ul#menu li a:hover
overflow: hidden;*/ overflow: hidden;*/
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
/*padding: 0px 15px 0px 30px;*/ /*padding: 0px 15px 0px 30px;*/
background: #F6F6F0 url(back.png) repeat-y; /*background: #F6F6F0 url(back.png) repeat-y;*/
border: 15px solid #FFF;*/} border: 15px solid #FFF;*/}
.sidebar .sidebar
{ /*float: right; { /*float: right;
width: 190px;*/ width: 190px;*/
padding: 0 15px 20px 15px; padding: 0 15px 20px 15px;
background:#ededed; border: 1px solid;
border-left: 1px solid;
} }
@media screen and (max-width: 640px){ @media screen and (max-width: 640px){
.sidebar { .sidebar {
border:none; border:none;
} }
} }
#afiche{
display:block;
margin-top:15px;
margin-right: auto;
margin-left: auto;
height: 250px
}
.sidebar ul .sidebar ul
{ width: 178px; { width: 178px;
padding: 4px 0 0 0; padding: 4px 0 0 0;
@ -276,19 +286,23 @@ ul#menu li a:hover
{ /*width: 916px;*/ { /*width: 916px;*/
font-family: 'trebuchet ms', sans-serif; font-family: 'trebuchet ms', sans-serif;
font-size: 90%; font-size: 90%;
height: 28px;
padding: 20px 0 5px 0; padding: 20px 0 5px 0;
text-align: center; text-align: center;
background: transparent; background: transparent;
color: #EEF3CD; color: black;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.1em;} letter-spacing: 0.1em;
margin-top:50px;
}
#footer p #footer p
{ padding: 0;} { padding: 0;
color:black;
}
#footer a, #footer a:hover #footer a, #footer a:hover
{ color: #EEF3CD; { color: black;
text-decoration: none;} text-decoration: none;}
#footer a:hover #footer a:hover