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

36
index.html
View File

@ -16,22 +16,42 @@
<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">
<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>
<li>Viviana Gubitosi</li>
<li>Juliana Xavier</li>
<li>Elisa Rocha</li>
<li>Ezequiel Maderna</li>
<li>Martín Reiris</li>
<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>
</div>
<div id="sidebar" class="sidebar col-xs-12 col-sm-4"></div>
</div>

7
js/app.js
View File

@ -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");

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

18
register.php
View File

@ -2,21 +2,33 @@
$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');
$fp = fopen("2021y22.csv", 'a');
if($fp){
fputcsv($fp,$fila);
fclose($fp);
}
else{
die("unable to open file");
}
}
// validate the variables ======================================================
$data['nombre'] = $_POST['nombre'];
@ -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 ===========================================================

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

6
snippets/header.html
View File

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

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

36
style/style.css
View File

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