Commits

rnmp committed 28a74be

Redesign v1

Comments (0)

Files changed (8)

_themes/bs_pype/base.html

   <script src="{{ pathto('_static/javascript/libs/modernizr-1.7.min.js', 1) }}"></script>
     
   <!-- bootstrap -->
+  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="{{ pathto('_static/' + style, 1) }}" type="text/css" />
   {% block extra %}
   <!-- Include extra css/js  -->
   {% endblock %}
 </head>
 <body>
-    <header>        
-    {% block header %}
-    {% endblock %}
-    </header>
-
-    <div class="container">
-      <br><br><br>
-      {% block content %}
-      {% endblock %}
-      <footer>
-      {% block footer %}
-      {% include "footer.html" %}
-      {% endblock %} 
-      </footer>
-    </div> <!-- /container -->
+  <div class="container">
+    <div class="row">
+      <header class="span3">
+        {% block header %}
+          {% include "header.html" %}
+        {% endblock %}
+      </header>
+      <div class="span13">
+        {% block content %} 
+        {% endblock %}
+        <footer>
+          {% block footer %}
+            {% include "footer.html" %}
+          {% endblock %} 
+        </footer>
+      </div>
+    </div>
+  </div> <!-- /container -->
   
   <script src="{{ pathto('_static/javascript/libs/jquery-1.8.2.min.js', 1) }}"></script>
   <script src="{{ pathto('_static/javascript/bootstrap/1.4.0/bootstrap-alerts.js', 1) }}"></script>

_themes/bs_pype/footer.html

-<div class="container">
-    <p class="pull-right"><small><a>&copy; Python Perú 2012</a></small></p>
-    <p><small>
-        Este sitio es generado de <a href="http://docutils.sourceforge.net/rst.html">reStructredText</a>
-        utilizando el sistema de documentación <a href="http://sphinx.pocoo.org/">Sphinx</a>.<br>
-        El código fuente esta disponible en <a href="https://bitbucket.org/pythonpe/python.pe">bitbucket</a> (o en <a href="https://github.com/pythonpe/python.pe">github</a>), puedes enviar mejoras o <a href="https://bitbucket.org/pythonpe/python.pe/issues">hacer sugerencias.</a>
-        </small></p>
-</div>
+<p class="pull-right"><small><a>&copy; Python Perú 2012</a></small></p>
+<p><small> Este sitio es generado de <a href="http://docutils.sourceforge.net/rst.html">reStructredText</a> utilizando el sistema de documentación <a href="http://sphinx.pocoo.org/">Sphinx</a>.<br> El código fuente esta disponible en <a href="https://bitbucket.org/pythonpe/python.pe">bitbucket</a> (o en <a href="https://github.com/pythonpe/python.pe">github</a>), puedes enviar mejoras o <a href="https://bitbucket.org/pythonpe/python.pe/issues">hacer sugerencias.</a> </small></p>

_themes/bs_pype/header.html

-
-    <!-- Topbar
-    ================================================== -->
-    <div class="topbar">
-      <div class="topbar-inner">
-        <div class="container">
-          <h3><a href="{{ pathto('index')}}">Python.pe</a></h3>
-          <ul class="nav">
-            <li><a href="{{ pathto('pycamp')}}">PyCamp</a>
-            <li><a href="{{ pathto('presentaciones')}}">Presentaciones</a>
-            <li><a href="{{ pathto('miembros/index')}}">Miembros</a>
-            <li><a href="{{ pathto('proyectos')}}">Proyectos</a>
-            <li><a href="{{ pathto('recetario')}}">Recetario</a>
-            <li><a href="{{ pathto('docs')}}">Docs</a>
-            <li><a href="{{ pathto('faq')}}">FAQ</a>
-          </ul>
-
-          <ul class="nav secondary-nav">
-            <li><a href="http://webchat.freenode.net/?channels=python.pe">#python.pe</a>
-          </ul>
-        </div>
-      </div>
-  </div>
-
+<a href="{{ pathto('index') }}">
+  <img src="_static/images/logo.png" />
+</a>
+<ul class="site-nav">
+  <li><a href="{{ pathto('pycamp')}}">PyCamp</a>
+  <li><a href="{{ pathto('presentaciones')}}">Presentaciones</a>
+  <li><a href="{{ pathto('miembros/index')}}">Miembros</a>
+  <li><a href="{{ pathto('proyectos')}}">Proyectos</a>
+  <li><a href="{{ pathto('recetario')}}">Recetario</a>
+  <li><a href="{{ pathto('docs')}}">Docs</a>
+  <li><a href="{{ pathto('faq')}}">FAQ</a>
+  <li><a href="http://webchat.freeode.net/?channels=python.pe">#python.pe</a>
+</ul>

_themes/bs_pype/page.html

 {% extends "base.html" %}
-{% block header %}
-{% include "header.html" %}
-{% endblock %}
 {% block content %}
 
 {{ body }}

_themes/bs_pype/static/css/bootstrap.min.css

 .container-fluid:after{clear:both;}
 .container-fluid>.sidebar{position:absolute;top:0;left:20px;width:220px;}
 .container-fluid>.content{margin-left:240px;}
-a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
+a{color:#d10000;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
 .pull-right{float:right;}
 .pull-left{float:left;}
 .hide{display:none;}
 .span-two-thirds{width:620px;}
 .row>.offset-one-third{margin-left:340px;}
 .row>.offset-two-thirds{margin-left:660px;}
-p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
-h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
+p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:15px;}p small{font-size:11px;color:#bfbfbf;}
+h1,h2,h3,h4,h5,h6{font-weight:bold;color:#232323;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
 h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
 h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
 h3,h4,h5,h6{line-height:36px;}
 .media-grid li{display:inline;}
 .media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
 .media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
+
+
+/* Custom stuff by @rnmp */
+body {
+  padding: 40px 0 50px;
+  font-family: "Open Sans", sans-serif;
+  background: url('../images/body.png') fixed repeat-x bottom;
+  border-top: 5px solid #d10000;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-transform: uppercase;
+}
+
+.site-nav {
+  margin: 30px 0 0;
+  list-style: none;
+}
+
+.site-nav > li a {
+  display: block;
+  padding: 7px 0;
+  border-top: 1px solid #ddd;
+}
+
+.headline {
+  margin-top: 20px;
+  font-size: 42px;
+  font-weight: normal;
+  line-height: 1.15;
+}

_themes/bs_pype/static/images/body.png

Added
New image

_themes/bs_pype/static/images/logo.png

Added
New image
-Comunidad de Usuarios de Python en Perú
-=======================================
+.. raw:: html
 
-.. image:: _static/images/pythonperu-logo.png
-   :width: 250px
-   :height: 174px
-
-
+  <h1 class="headline">Comunidad de Usuarios de Python en Perú</h1>
 
 Colabora con:
 -------------