Skip to content
Browse files

Merge branch 'style' into relatoria

  • Loading branch information...
2 parents a21db23 + 44212d9 commit 54d3e62ff05f6e95de43c32fab90ce712edabc3a @arpunk committed May 4, 2012
View
2 app/views/acerca.html
@@ -15,7 +15,7 @@
<div id="social-connect" class="span3 box">
<h2><span>Conéctese</span></h2>
- <div class="box-inner">
+ <div class="box-inner center">
<a href="https://plus.google.com/108960713360575028011/posts" target=_blank><img src="/img/google-plus-new-32px.png" alt="Google+"></a>
<a href="https://github.com/fcbosque/BogoTIC" target=_blank><img src="/img/github.png" alt="GitHub"></a>
<a href="https://twitter.com/#!/fcbosque" target=_blank><img src="/img/twitter-2.png" alt="Twitter"></a>
View
6 app/views/ayuda.html
@@ -1,6 +1,6 @@
<div class="span10">
<div class="row-fluid">
- <div id="help" class="span9 box">
+ <div id="help" class="span8 box">
<h2><span>Ayuda</span></h2>
<div class="box-inner">
<h3>¿Qué es BogoTIC?</h3>
@@ -22,12 +22,12 @@
</div>
</div>
- <div id="reminder" class="span3 box">
+ <div id="reminder" class="span4 box">
<h2><span>Recuerde</span></h2>
<div class="box-inner">
<p style="text-align: justify;"><a href="http://www.bogotic.com">Foros BogoTIC</a> es <b>software libre:</b> usted puede redistribuirlo y/o modificar bajo los términos de la Licencia Pública General de GNU según lo publicado por la Free Software Foundation, ya sea la versión 3 de la Licencia, o (a su elección) cualquier versión posterior.</p>
<p>El código se encuentra hospedado en <a href="http://github.com/fcbosque/BogoTIC/">GitHub</a>.</p>
- <ul>
+ <ul class="github">
<li>
<iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=fcbosque&repo=BogoTIC&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="112px" height="20px"></iframe>
</li>
View
2 app/views/foro/index.html
@@ -47,7 +47,7 @@ <h4 style="margin: 5px 0 10px">{{nombre}} <br> <small>{{fecha}}</small></h4>
</div>
<div class="span3 box">
- <h2><span>Participe</span></h2>
+ <h2><span>Participa</span></h2>
<div class="box-inner">
<p>Actualmente tenemos un total de <strong>{{total_foros}}</strong> foro(s) abierto(s):</p>
{{{seguimientos}}}
View
2 app/views/foro/show.html
@@ -70,7 +70,7 @@
<div class="row-fluid">
<div class="span12 box">
<h2><span>Participa</span></h2>
- <div class="box-inner">
+ <div class="box-inner center">
<a class="btn btn-primary btn-large right" data-toggle="modal" href="#modal-formular-pregunta">Formula tu pregunta</a>
</div>
</div>
View
84 app/views/index.html
@@ -1,49 +1,49 @@
<div class="span10">
- <div class="span12 box">
- <h2><span>Bienvenidxs a los Foros Ciudadanos de tecnología de Bogotá</span></h2>
- <div class="box-inner">
- <div class="span6">
- <p>Foros ciudadanos para el abordaje de las TIC en Bogotá como medio para el fortalecimiento de la participación ciudadana, la interdisciplinariedad y la responsabilidad social tecnológica.</p>
- <p><a href="/acerca" class="btn-custom btn-large" rel="popover" data-content="Participa activamente" data-original-title="Unete a la causa!">Conoce más »</a></p>
- </div>
- <div id="forums-imgs" class="span5 img-right">
- <div class="carousel">
- <div class="caurosel-inner">
- <div class="active item">
- <img src="/img/slide-pic1.jpg" alt="Imagen 1" />
- <div class="carousel-caption">
- <h4>Lorem Ipsum 1</h4>
- <p>Lorem ipsum dolor sit amet ...</p>
+ <div class="row-fluid">
+ <div class="span12 box">
+ <h2><span>Bienvenidxs a los Foros Ciudadanos de tecnología de Bogotá</span></h2>
+ <div class="box-inner">
+ <div class="span8">
+ <p>Foros ciudadanos para el abordaje de las TIC en Bogotá como medio para el fortalecimiento de la participación ciudadana, la interdisciplinariedad y la responsabilidad social tecnológica.</p>
+ <p><a href="/acerca" class="btn-custom btn-large" rel="popover" data-content="Participa activamente" data-original-title="Unete a la causa!">Conoce más »</a></p>
+ </div>
+ <div class="span4">
+ <div id="forums-imgs" class="carousel slide">
+ <div class="carousel-inner">
+ <div class="item active">
+ <img src="/img/slide-pic1.jpg" alt="Imagen 1" />
+ <div class="carousel-caption">
+ <h4>Lorem Ipsum 1</h4>
+ <p>Lorem ipsum dolor sit amet ...</p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="/img/slide-pic2.jpg" alt="Imagen 1" />
- <div class="carousel-caption">
- <h4>Lorem Ipsum 2</h4>
- <p>Lorem ipsum dolor sit amet ...</p>
+ <div class="item">
+ <img src="/img/slide-pic2.jpg" alt="Imagen 1" />
+ <div class="carousel-caption">
+ <h4>Lorem Ipsum 2</h4>
+ <p>Lorem ipsum dolor sit amet ...</p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="/img/slide-pic3.jpg" alt="Imagen 1" />
- <div class="carousel-caption">
- <h4>Lorem Ipsum 3</h4>
- <p>Lorem ipsum dolor sit amet ...</p>
+ <div class="item">
+ <img src="/img/slide-pic3.jpg" alt="Imagen 1" />
+ <div class="carousel-caption">
+ <h4>Lorem Ipsum 3</h4>
+ <p>Lorem ipsum dolor sit amet ...</p>
+ </div>
</div>
- </div>
- <div class="item">
- <img src="/img/slide-pic4.jpg" alt="Imagen 1" />
- <div class="carousel-caption">
- <h4>Lorem Ipsum 4</h4>
- <p>Lorem ipsum dolor sit amet ...</p>
+ <div class="item">
+ <img src="/img/slide-pic4.jpg" alt="Imagen 1" />
+ <div class="carousel-caption">
+ <h4>Lorem Ipsum 4</h4>
+ <p>Lorem ipsum dolor sit amet ...</p>
+ </div>
</div>
+ </div>
+ <a class="carousel-control left" href="#forums-imgs" data-slide="prev">&lsaquo;</a>
+ <a class="carousel-control right" href="#forums-imgs" data-slide="next">&rsaquo;</a>
</div>
-
- <a class="carousel-control left" href="#forums-imgs" data-slide="prev">&lsaquo;</a>
- <a class="carousel-control right" href="#forums-imgs" data-slide="next">&rsaquo;</a>
+ </div>
</div>
- </div>
-
- </div>
</div>
</div>
@@ -59,7 +59,7 @@
</div>
<div class="span6 box">
- <h2><span>¿Desea participar?</span></h2>
+ <h2><span>¿Desea participar?</span></h2>
<div class="box-inner">
<form class="form-horizontal" action="/usuarios/login" method="POST">
<div class="control-group">
@@ -89,8 +89,8 @@
<div class="form-actions">
<button type="submit" class="btn-custom">Ingresar</button>
</div>
- </form>
- <a href="/usuarios/nuevo" class="btn-custom btn-large" >Crear cuenta nueva. »</a></p>
+ </form>
+ <a href="/usuarios/nuevo" class="btn-custom btn-large" >Crear cuenta nueva. »</a></p>
</div>
</div>
View
2 app/views/layout.html
@@ -76,7 +76,7 @@
}
$(document).ready(function() {
- $(".carousel").carousel({ interval: 3500 });
+ $("#forums-imgs").carousel({ interval: 3500 });
$(window).bind("scroll resize", scrollResize($("#menu"), $(".navbar-inner"), $(window)));
});
</script>
View
31 app/views/pregunta/index.html
@@ -4,6 +4,9 @@
<div class="subnav subnav-fluid">
<ul class="nav nav-pills">
<li>
+ <a href="/foros"><i class="icon-home"></i> Foros</a>
+ </li>
+ <li>
<a href="/foros/{{foro.id}}"><i class="icon-flag"></i> {{foro.nombre}}</a>
</li>
<li class="active">
@@ -16,11 +19,11 @@
<br>
<div class="row-fluid">
- <div class="span12">
+ <div class="span7">
<div class="row-fluid">
- <div class="span8">
- <div class="well">
- <h1>Preguntas más votadas</h1>
+ <div class="span12 box">
+ <h2><span>Preguntas más votadas</span></h2>
+ <div class="box-inner no-float">
<table class="table table-striped">
<thead>
<tr>
@@ -43,18 +46,22 @@
</table>
</div>
</div>
- <div class="span4">
- <div class="well">
- <h3>¿Qué se está comentando?</h3>
+ </div>
+ <div class="row-fluid">
+ <div class="span12 box">
+ <h2><span>Últimas preguntas</span></h2>
+ <div class="box-inner">
+ contenido
</div>
</div>
</div>
</div>
- </div>
-
- <div class="row-fluid">
- <div class="span12">
- <h2>Últimas preguntas</h2>
+ <div class="span5 box">
+ <h2><span>¿Qué se está comentando?</span></h2>
+ <div class="box-inner">
+ contenido
+ </div>
</div>
</div>
</div>
+
View
35 app/views/pregunta/show.html
@@ -4,6 +4,9 @@
<div class="subnav subnav-fluid">
<ul class="nav nav-pills">
<li>
+ <a href="/foros"><i class="icon-home"></i> Foros</a>
+ </li>
+ <li>
<a href="/foros/{{foro.id}}"><i class="icon-flag"></i> {{foro.nombre}}</a>
</li>
<li>
@@ -19,13 +22,20 @@
<br>
<div class="row-fluid">
- <div class="span12">
- <div class="row">
-
- <div class="span7">
+ <div class="span7">
+ <div class="row-fluid">
+ <div class="span12">
<div class="well">
<h1>{{pregunta.titulo}}</h1>
<blockquote><p>{{pregunta.contenido}}</p><small>{{pregunta.autor}}</small></blockquote>
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid">
+ <div class="span12 box">
+ <h2><span>Participa</span></h2>
+ <div class="box-inner center">
{{#botones}}
<a id="votarUp" class="btn btn-success" href="#" data-loading-text="Votando...">
<i class="icon-upload icon-white"></i>
@@ -52,16 +62,15 @@
{{/esFavorito}}
</div>
</div>
+ </div>
+ </div>
- <div class="span4">
- <div class="well">
- <h2>Estadisticas</h2>
- <p>Favs: {{pregunta.favs}}</p>
- <p>Votacion: {{pregunta.votos}} / Numero de Votantes: {{pregunta.votantes}}</p>
- </div>
- </div>
-
+ <div class="span5 box">
+ <h2><span>Estadisticas</span></h2>
+ <div class="box-inner">
+ <p>Favs: {{pregunta.favs}}</p>
+ <p>Votacion: {{pregunta.votos}} / Numero de Votantes: {{pregunta.votantes}}</p>
</div>
</div>
</div>
-</div>
+</div>
View
13 app/views/seguimiento/index.html
@@ -56,7 +56,7 @@
<li><a href="#grupos" data-toggle="tab"><i class="icon-eye-open"></i> Grupos de seguimiento</a></li>
<li><a href="#buscar" data-toggle="tab"><i class="icon-search"></i> Buscar</a></li>
</ul>
- <div class="box-inner">
+ <div class="box-inner no-float">
<div class="tab-content">
<div class="tab-pane active" id="actividad">
<ul>
@@ -73,7 +73,7 @@
</div>
<div class="tab-pane" id="buscar">
<form class="form-search">
- <input type="text" class="input-medium search-query">
+ <input type="text" class="input search-query">
<button type="submit" class="btn">Buscar</button>
</form>
</div>
@@ -82,8 +82,13 @@
</div>
{{#usuario}}
- <div class="span12">
- <a class="btn btn-primary btn-large" data-toggle="modal" data-target="#crearGrupo" href="#crearGrupo"><i class="icon-pencil icon-white"></i> Crear nuevo grupo</a>
+ <div class="row-fluid">
+ <div class="span12 box">
+ <h2><span>Participa</span></h2>
+ <div class="box-inner center">
+ <a class="btn btn-primary btn-large" data-toggle="modal" data-target="#crearGrupo" href="#crearGrupo"><i class="icon-pencil icon-white"></i> Crear nuevo grupo</a>
+ </div>
+ </div>
</div>
<div id="crearGrupo" class="modal hide fade">
View
58 public/css/main.css
@@ -10,7 +10,7 @@ body {
}
-/* Override a los elementos small de bootstrap */
+/* Override al elementos bootstrap */
h1 small,
h2 small,
h3 small,
@@ -20,8 +20,20 @@ h6 small {
font-size: 0.7em;
}
+.nav-list [class^="icon-"] {
+ margin-right: 0;
+}
+
.nav-list > li > a {
- padding: 3px;
+ padding: 3px 0;
+}
+
+.nav-tabs > li > a {
+ border-radius: 0;
+}
+
+.search-query {
+ border-radius: 3px;
}
/* fin de ovverride */
@@ -249,6 +261,8 @@ h6 small {
/* Estilo custom para .sidebar */
.sidebar-custom {
background-color: #f5f5f5;
+ -webkit-border-radius: 0 0 3px 3px;
+ border-radius: 0 0 3px 3px;
}
.sidebar-custom h3 {
@@ -259,6 +273,8 @@ h6 small {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
padding: 5px 0;
width: 100%;
+ -webkit-border-radius: 3px 3px 0 0;
+ border-radius: 3px 3px 0 0;
}
.sidebar-custom h3 > a {
@@ -270,23 +286,17 @@ h6 small {
background-color: #ecf5f8;
border: 1px solid #c6e0e7;
margin: 43px 5px 5px;
- padding: 5px;
-}
-
-/* Estilo para carousel de imagenes de foros */
-.img-right {
- float: right;
-}
-
-.carousel {
- float: right;
- width: 400px;
+ padding: 5px 1px;
+ -webkit-border-radius: 0 0 3px 3px;
+ border-radius: 0 0 3px 3px;
}
/* Estilo para .box */
.box {
background-color: #f5f5f5;
margin-bottom: 30px;
+ -webkit-border-radius: 0 0 3px 3px;
+ border-radius: 0 0 3px 3px;
}
.box-inner {
float:left;
@@ -310,10 +320,12 @@ h6 small {
background-color: #a5ad2b;
float: left;
color: #ffffff;
- font-size: 25px;
+ font-size: 24px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
padding: 2px 0;
width:100%;
+ -webkit-border-radius: 3px 3px 0 0;
+ border-radius: 3px 3px 0 0;
}
.box h2 > span {
@@ -324,6 +336,12 @@ h6 small {
float: none;
}
+.center {
+ padding: 15px 0;
+ width: 100%;
+ text-align: center;
+}
+
/* Estilos para thumbnails de la lista de foros anteriores */
.text {
@@ -342,9 +360,21 @@ h6 small {
margin-bottom: 15px;
}
+/* Estilos para enlaces de github */
+.github {
+ list-style: none;
+ margin: 0 0 5px;
+ text-align: center;
+}
+
+.github li {
+ display: inline;
+}
+
/* Estilos para .footer */
.footer {
clear: both;
border-top: 1px solid #e5e5e5;
padding: 10px 0;
+ margin-top: 20px;
}
View
2 tests/ForoModel-test.js
@@ -26,7 +26,7 @@ vows.describe('app/models/ForoModel').addBatch({
"revisando la clase": {
"y modelos anexos": {
topic: new ForoModel(),
- "debe tener los 4 modelos anexos": function (clase) {
+ "debe tener los 4 modelos anexos [Participante, Sponsor, Alianza, Pregunta]": function (clase) {
assert.isFunction(clase.Participante);
assert.isFunction(clase.Patrocinador);
assert.isFunction(clase.Alianza);
View
2 tests/SeguimientoModel-test.js
@@ -43,7 +43,7 @@ vows.describe('app/models/SeguimientoModel').addBatch({
"revisando las clases": {
"y los modelos anexos": {
topic: new SeguimientoModel(),
- "debe tener los 4 modelos anexos": function (clase) {
+ "debe tener los 4 modelos anexos [Pregunta, Respuesta, Consulta, Informe]": function (clase) {
assert.isFunction(clase.Pregunta);
assert.isFunction(clase.Respuesta);
assert.isFunction(clase.Consulta);

0 comments on commit 54d3e62

Please sign in to comment.
Something went wrong with that request. Please try again.