futurelabmx · RamiroFuentes · Nov 30, 2019 · Dec 4, 2019 · Dec 4, 2019 · Dec 5, 2019
diff --git a/.gitignore b/.gitignore
@@ -103,3 +103,5 @@ venv.bak/
 
 # mypy
 .mypy_cache/
+
+
diff --git a/info.py b/info.py
@@ -0,0 +1,41 @@
+Titulo_Random = {
+    "titulo" : "",
+    "Descripcion" : "",
+    "Categorias" : ["Ejemplo 1","Ejemplo 2","Ejemplo 3"]
+}
+
+Zaid={
+    "Nombre" :"Zaid de Anda",
+    "Descripcion" :"El spiderman",
+    "GitHub":"https://github.com/ZaidTheJedi",
+    "imagen":"https://scontent.fmex10-2.fna.fbcdn.net/v/t1.0-9/76655347_2578826362165596_5823929259139268608_o.jpg?_nc_cat=103&_nc_eui2=AeHO2xSspBZA3J8E39knOAAxI2qsCHEiLlrxFKdHgjA1XNvYwojy4crvYLdEE5im49tQGHWXBNKgNU67fQ0CPwac-tez8qcvAsMJQzxrIhSF9Q&_nc_ohc=jZBpue6HxcQAQlLYhSBDc_SkbjnjOH07XWyniZuSVLO9ACv80aVaen3GQ&_nc_ht=scontent.fmex10-2.fna&oh=96249b030edefc09f1937a60868c5d21&oe=5E76B21D"
+}
+
+Cristopher={
+    "Nombre" :"Cristopher Guapo",
+    "Descripcion" :"El hacker guapo",
+    "GitHub":"https://github.com/CristopherA96",
+    "imagen":"https://scontent-lax3-2.xx.fbcdn.net/v/t1.0-9/48389588_2021190154595694_3757159149121568768_o.jpg?_nc_cat=107&_nc_eui2=AeH4wDe3f4l0dP6X1AuTzSwGMZ6VyIrQjGUIgv_jSROFmDNt3wJJznw7UqQrGvss-oJnBRTYMPUTVaJ9b2c0DuOfvV4XZQPU8-pz0kqu6aKAXA&_nc_ohc=MC572hhhZbsAQkyofedrzcUnmLdk1tKTEwHvniyLbF3XyP-aw4h3hxBqg&_nc_ht=scontent-lax3-2.xx&oh=0d0ee3e8f1f6e61dfcbb797545338782&oe=5E7C08A9"
+}
+
+Ramiro={
+    "Nombre" :"Jose Ramiro Fuentes",
+    "Descripcion" :"El grandote",
+    "GitHub":"https://github.com/RamiroFuentes",
+    "imagen":"https://scontent-lax3-2.xx.fbcdn.net/v/t1.0-9/28958775_2098097743758607_295344947464073307_n.jpg?_nc_cat=111&_nc_eui2=AeHltZ8kCcT5DA9XjaOWeRLFCw5f02eeRQCbqDLShS_xVPwifkkcYRZsn8xcvLJi9wVPMn4cYpQy4qXaM_1nQ4qEnZmSLSQYWXckRT9c-M8uuA&_nc_ohc=BpoY8OCbbwkAQmOnmbF2DfeLfzNKciYe9cAkPszE1KqRE86Aa7ZEwDJWw&_nc_ht=scontent-lax3-2.xx&oh=72dd17f4957c24e9c140be55820d21a8&oe=5E73E424"
+}
+
+Rodolfo={
+    "Nombre" :"Rodolfo Ferro",
+    "Descripcion" :"El führer",
+    "GitHub":"https://github.com/RodolfoFerro",
+    "imagen":"https://avatars3.githubusercontent.com/u/8453749?s=460&v=4"
+}
+
+Pedro = {
+    "Nombre" :"Pedro A. Guardado",
+    "Descripcion" :"El Ausente",
+    "GitHub":"https://github.com/PAGuardado",
+    "imagen":"https://avatars1.githubusercontent.com/u/51490532?s=460&v=4"
+}
+miembros = [Rodolfo,Zaid,Cristopher,Ramiro,Pedro]
diff --git a/start.sh b/start.sh
@@ -0,0 +1 @@
+python app.py
diff --git a/static/images/landscape_white.png b/static/images/landscape_white.png
diff --git a/templates/base.html b/templates/base.html
@@ -1,62 +1,146 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-
-    <title>Hello, world!</title>
-  </head>
-  <body>
-
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
-      <a class="navbar-brand" href="#">Navbar</a>
-      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-
-      <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav mr-auto">
-          <li class="nav-item active">
-            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#">Link</a>
-          </li>
-          <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-              Dropdown
-            </a>
-            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <a class="dropdown-item" href="#">Action</a>
-              <a class="dropdown-item" href="#">Another action</a>
-              <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#">Something else here</a>
-            </div>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
-          </li>
-        </ul>
-        <form class="form-inline my-2 my-lg-0">
-          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-        </form>
-      </div>
-    </nav>
 
-    <!-- Main content -->
-    {% block content %}
-    {% endblock %}
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+  <title>DS Zoo - Future Lab</title>
+</head>
+
+<body>
+
+  <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #184a69;">
+    <!--<a class="navbar-brand" href="#">
+        <img src="../static/images/landscape_white.png" width="8%" class="d-inline-block align-top" alt="">
+    </a>-->
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item active">
+          <a class="nav-link" href="/"><b>DS Zoo</b><span class="sr-only">(current)</span></a>
+        </li>
+
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            Frameworks
+          </a>
+          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <a class="dropdown-item" href="#">TensorFlow</a>
+            <a class="dropdown-item" href="#">Caffe</a>
+            <a class="dropdown-item" href="#">Caffe2</a>
+            <a class="dropdown-item" href="#">PyTorch</a>
+            <a class="dropdown-item" href="#">MXNet</a>
+            <a class="dropdown-item" href="#">Keras</a>
+            <a class="dropdown-item" href="#">Chainer</a>
+          </div>
+        </li>
+
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            Categorias
+          </a>
+          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <a class="dropdown-item" href="#">Visión Computacional</a>
+            <a class="dropdown-item" href="#">Procesamiento de Lenguaje natural</a>
+            <a class="dropdown-item" href="#">Modelos Generativos</a>
+            <a class="dropdown-item" href="#">Aprendizaje Reforzado</a>
+            <a class="dropdown-item" href="#">Aprendizaje no Supervisado</a>
+            <a class="dropdown-item" href="#">Audio y Habla</a>
+          </div>
+        </li>
+
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+            aria-haspopup="true" aria-expanded="false">
+            Colecciones
+          </a>
+          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <div class="dropdown-divider"></div>
+            <a class="dropdown-item" href="#">Proximamente</a>
+          </div>
+        </li>
+
+        <li class="nav-item">
+          <a class="nav-link" href="#">Postular un Modelo</a>
+        </li>
+
+        <li class="nav-item">
+          <a class="nav-link" href="#">Blog</a>
+        </li>
+
+        <li class="nav-item">
+          <a class="nav-link" href="/members">Members</a>
+        </li>
+
+      </ul>
+
+      <form class="form-inline my-2 my-lg-0">
+        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button>
+      </form>
+    </div>
+  </nav>
+
+  <!-- Main content -->
+  {% block content %}
+  {% endblock %}
+
+  <footer class="page-footer color:blue background-color: #184a69; color:white;">
+      <div class='' style="text-align: center; background-color: #184a69;">
+          <div class=""
+              style="width:250px; height:150px; display: inline-block; text-align: left; color:white;">
+              <h1>Future<br>Lab</h1>
+          </div>
+          <div class=""
+              style="width:250px; height:150px; display: inline-block;  margin: 20px; text-align: left; background-color: #184a69; color:white;">
+              <p><b>Contacto</b></p>
+              <p class="" style="">
+                  Sede Marfil, Guanajuato. <br>
+                  Guanajuato,Guanajuato. México. <br>
+                  Email: [email protected] <br>
+                  Telefono: (477) 000 0000</p>
+          </div>
+          <div class="text-left"
+              style="width:250px; height:150px; display: inline-block;  margin: 20px; color:white;">
+              <p style="ccolor:white;"><b>Redes sociales</b></p>
+              <a href="https://www.facebook.com/f.lab.mx/"
+                  style="color:white;; text-decoration: none;">Facebook</a> <br>
+              <a href="https://twitter.com/futurelabmx?s=09" style="color:white; text-decoration: none;">Twitter</a> <br>
+              <a href="https://futurelab.mx/" style="color:white; text-decoration: none;">Website</a> <br>
+              <a href="https://instagram.com/futurelabmx?igshid=1akzaap3vbfyc"
+                  style="color:white;text-decoration: none;">Instagram</a> <br>
+          </div>
+          <div class="text-center" style="font-size: 12px; color:white;">
+              2019 Future Lab - Sitio web por #AlfaBuenaMaravillaEscuadronLobo
+          </div>
+      </div>
 
+
+  <!--Pie de página-->
+  </footer>
+  <!-- Optional JavaScript -->
+  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+    crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
+    crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+    crossorigin="anonymous"></script>
+</body>
 
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-  </body>
-</html>
+</html>
diff --git a/templates/categorias.html b/templates/categorias.html
@@ -0,0 +1,8 @@
+{%extends "base.html"%}
+{%block content%}
+<div class="container">
+<h1>Estructura</h1>    
+</div>
+
+
+{%endblock%}
diff --git a/templates/estructura.html b/templates/estructura.html
@@ -0,0 +1,8 @@
+{%extends "base.html"%}
+{%block content%}
+<div class="container">
+<h1>Estructura</h1>    
+</div>
+
+
+{%endblock%}
diff --git a/templates/home.html b/templates/home.html
@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="container rounded" style="margin-top:5%;margin-bottom:5%">
+    <div class="jumbotron jumbotron-fluid"
+        style="background-color: #5a7e94; border-radius:5px; text-align: center; color: white; font-family: Verdana;">
+        <div class="container">
+            <h1 class="display-4"><b>Future Zoo</b></h1>
+            <p class="lead"> ¡Estructuras de datos open source por la comunidad de la Universidad de Guanajuato! </p>
+        </div>
+        <button type="button" class="btn btn-danger"
+            style="width: auto; background-color: #cb503f; color:white; border-color: #cb503f; margin-right: .5%;">Frameworks</button>
+        <button type="button" class="btn btn-danger"
+            style="width: auto; background-color: #cb503f; color:white; border-color: #cb503f; margin-left: .5%;">Categorías</button>
+        </div>
+<!-- BARRA DE BUSQUEDA EN HOME 
+    <form class="form-inline">
+        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" style="width: auto;">
+        <button class="btn btn-outline-success my-2 my-sm-0" type="submit"
+            style="width: auto; background-color: #cb503f; color:white; border-color: #cb503f;">Search</button>
+    </form>
+-->
+    <hr>
+
+    <!-- Sección de Tarjetas-->
+    <div class="row">
+
+        <div class="row mx-auto">
+
+            <!-- Ciclo para las etiquetas-->
+            {% for i in range(1,10)%}
+            <div class="col-sm-4">
+                <div class="card shadow" style="margin:5%;">
+                    <div class="card-body text-center">
+                        <img src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_16eaf242fa0%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_16eaf242fa0%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2273.91666603088379%22%20y%3D%22104.2%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"
+                            class="card-img-top">
+                        <hr>
+                        <h5 class="card-title">Estructura {{i}}</h5>
+                        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                        <a href="#" class="btn btn-outline-primary">Framework</a>
+                        <br>
+                        <br>
+                        <a href="#" class="btn btn-outline-success" style="">Categoría</a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+
+        </div>
+    </div>
+</div>
+
+{% endblock %}
diff --git a/templates/members.html b/templates/members.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="jumbotron jumbotron-fluid">
+    <div class="container">
+        <h1 class="display-4 text-center">Miembros del equipo</h1>
+    </div>
+</div>
+
+
+<div class="container mx-auto row" style="margin-top:5%; margin-bottom:5%">
+               <!-- Ciclo para las etiquetas-->
+               {% for member in miembros%}
+               <div class="col-sm-4">
+                   <div class="card shadow" style="margin:5%;">
+                       <div class="card-body text-center">
+                           <img src="{{member["imagen"]}}"
+                               class="card-img-top">
+                           <hr>
+                           <h5 class="card-title">{{member["Nombre"]}}</h5>
+                           <p class="card-text">{{member["Descripcion"]}}</p>
+                           <a href="{{member["GitHub"]}}" class="btn btn-outline" style="background-color: rgb(153, 70, 165);color: white; "><b>Github</b></a>
+                       </div>
+                   </div>
+               </div>
+               {% endfor %}
+</div>
+{% endblock %}
diff --git a/views.py b/views.py
@@ -1,17 +1,28 @@
 from app import app
-
+from info import miembros
 from flask import render_template
 
 
 @app.route('/')
 def index():
     """Base URL for website."""
 
-    return render_template('base.html')
+    return render_template('home.html')
 
 
 @app.route('/about')
 def about():
     """URL for about section."""
 
     return render_template('about.html')
+
+@app.route('/estructura')
+def estructura():
+    """Descripcion de cada estructura"""
+
+@app.route('/members')
+def members():
+    """Apartado de miembroos"""
+    members = miembros
+
+    return render_template('members.html',miembros=members)