Code Monkey home page Code Monkey logo

sitio-web's Introduction

Sitio Web de la Comunidad de Python Colombia

Build Status MIT License Python Status PRs Welcome GitHub issues Twitter Jopmi

Este es el repositorio del sitio web de la comunidad servido por Github, y construido utilizando lektor. Se utilizó la plantilla Editorial como base.

🔀 Flujo de trabajo

Hay 2 ramas de git, develop y production.

⤴️ Develop

Es la rama por defecto y se despliega a través de gh-pages con Lektor a https://colombiapython.github.io/sitio-web-desarrollo/ (en http://develop.python.org.co)

⤴️ Production

Después de que se han ejecutado las pruebas de calidad (QA), los cambios realizados en la rama develop se unen con la rama production y son desplegados a través de gh-pages con Lektor a https://colombiapython.github.io/sitio-web-produccion/ (pronto en http://www.python.org.co)

🛠 Desarrollo local

✅ (Opcional) Entorno Virtual

Instalación

Activar virtual env

  • ⚠️️ Requiere previa instalación de Python ⚠️
python -m venv <nombre_entorno>

Activar entorno virtual

Windows

$ <nombre_entorno>\Scripts\activate

Linux

$ source <nombre_entorno>/bin/activate

✅ Instala Lektor

Usando pip:

$ pip install -U Lektor unidecode

Usando conda:

$ conda install lektor unidecode -c conda-forge

✅ Instala (reinstala) los plugins locales

$ lektor plugins reinstall

✅ Corre el servidor local

$ lektor server

⁉️ Problemas comunes

  • 🔴 Si en algun momento luego de instalar python3 y crear tu virtualenv. haces lektor server y ves este error:
RuntimeError: Click will abort further execution because Python 3 was configured to use ASCIas encoding for the environment.  Consult http://click.pocoo.org/python3/for mitigation steps.

Haz esto adentro de tu virtualenv:

export LC_ALL=en_us.UTF-8
export LANG=en_us.UTF-8
  • 🔴 Si ves jinja2.exceptions.UndefinedError: 'estimate_reading_time' is undefined significa que necesitas instalar o reinstalar los plugins de lektor. Puedes hacer esto ejecutando
$ lektor plugins reinstall

🚀 Despliegue

Gracias a Lektor Bot (Plugin de lektor conectado a Github), podemos desplegar nuestra web estática en diferentes repositorios (en la rama seleccionada en configuración - gh-pages en nuestro caso).

La configuración de dichos repositorios se encuentra en python-colombia.lektorproject

✔️ Desarrollo

$ lektor deploy

Se desplegará el contenido de la rama develop en develop.python.org.co

✔️✔️ Producción

$ lektor deploy production

Se desplegará el contenido de la rama production en python.org.co

📑 Guía de Uso

A nivel de edición contenido hay que tener en cuenta una Guía de Uso del Sitio Web ya que algunos contenidos tienen reglas especiales para poder ser agregados.


sitio-web's People

Contributors

arendondiosa avatar goanpeca avatar jfajardo avatar nahrivera7 avatar nany262 avatar nicolasroa26 avatar pyjavo avatar scot3004 avatar sorelyss avatar tamayonauta avatar wllamasr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sitio-web's Issues

Actualizar la página de comunidades con los miembros

Mira @aerendon (hasta que un parche de lektor permita varios tipos de modelo como hijos en users) todo lo puse en un solo modelo.

No es lo ideal pero es conveniente por ahora. https://github.com/ColombiaPython/sitio-web/blob/develop/models/user.ini#L144

Comove ves, un usuario puede tener miembros y son otros usuarios. La idea es usarlo para que todo lo que NO sea una persona pueda ser agregado a otros usuarios como miembro.

De esa forma podemos hacer algo como
https://develop.python.org.co/usuarios/python-bucaramanga/

La idea es mejorar la presentación y utilizar la lógica de las fechas. Es decir podemos poner antiguos miembros "cargos" y si están vigentes o no, lo que permite mostrar un poco de esa historia

Estos modelos que relacionan cosas con otros modelos son flowblocks https://www.getlektor.com/docs/content/flow/

y este en particular está descrito acá https://github.com/ColombiaPython/sitio-web/blob/develop/flowblocks/member.ini

@ColombiaPython/sitio-web ideas sobre que más se podría hacer acá?

Actualizar contenido de las comunidades y coorganizadores de las mismas

Listado de Comunidades en el sitio hasta la fecha:

  • Cientificas de Datos - (cientificas-de-datos)
  • Codies - (codies)
  • CUSOL UIS - (cusol-uis)
  • Django Girls Colombia - (django-girls-colombia)
  • jointDeveloper - (joint-developer)
  • PionerasDev - (pionerasdev)
  • PyCon Colombia - (pycon-colombia)
  • PyData Bogotá - (pydata-bogota)
  • PyLadies Bogotá - (pyladies-bogota)
  • PyLadies Colombia - (pyladies-colombia)
  • PyLadies Medellín - (pyladies-medellin)
  • Python Arauca - (python-arauca)
  • Python Argentina - (python-argentina)
  • Python Barranquilla - (python-barranquilla)
  • Python Bogotá - (python-bogota)
  • Python Bucaramanga - (python-bucaramanga)
  • Python Cali - (python-cali)
  • Python Cartagena - (python-cartagena)
  • Python Colombia - (python-colombia)
  • Python Cúcuta - (python-cucuta)
  • Python Ibagué - (python-ibague)
  • Python Manizales - (python-manizales)
  • Python Medellín - (python-medellin)
  • Python Neiva - (python-neiva)
  • Python Pasto - (python-pasto)
  • Python Pereira - (python-pereira)
  • Python Popayán - (python-popayan)
  • Python Santa Marta - (python-santa-marta)
  • Python Sincelejo - (python-sincelejo)
  • Python Tuluá - (python-tulua)
  • Python Tunja - (python-tunja)
  • Python Villavicencio - (python-villavicencio)

Definir manual de dimensiones de contenido del sitio

Los banners de cada sitio, de los blogs, deberían seguir una relación de ancho/alto y tener una resolución mínima.

Recomendaciones

  • No usar PNGs para fotos de personas o grupos.
  • Se puede usar PNGs para logos, pero deben tener el fondo transparente.
  • Para logos, SVG son preferibles.

Definir estos valores:

  • Fotos de banner de blog
  • Fotos de banner de página
  • Fotos de usuario (jpg, y un tamaño cuadrado de al menos ??? pixeles)

Codigo de conducta

@aerendon /codigo-de-conducta/ habría que adaptar el código para que los correos de contacto sean los de python colombia y no los de colombia dev

Modificar Redacción 1er parrafo de cada evento Django Girls

En los eventos que listo a continuación no coincide el 1er párrafo del evento original con el evento en esta web

Actual en la web de Python Colombia:

¡Queremos animar a más mujeres a dominar la web! Es por eso que Python Barranquilla y Django Girls Colombia estamos organizando un taller en el cual podrás construir tu propio sitio web desde cero en un día. Además, vamos a utilizar todas las herramientas que programadores profesionales utilizan diariamente. ¡Y de una manera muy sencilla!

Como debería ser correctamente:

¡Queremos animar a más mujeres a dominar la web! Es por eso que desde Django Girls Colombia y Python Barranquilla con el apoyo de Argentina en Python y Python Colombia estamos organizando un taller en el cual podrás construir tu propio sitio web desde cero en un día. Además, vamos a utilizar todas las herramientas que programadores profesionales utilizan diariamente. ¡Y de una manera muy sencilla!

Crear estructura de navegación

Usar http://pionerasdev.co/ como inspiración

  • Landing/Home

    • Foto de inicio,
    • Sobre Python Colombia + foto
    • Pie de Pagina con redes
    • *Opcional: pero no indipensable el formulario de mailchimp de suscribirse
  • Contacto

  • Blog

  • DjangoGirls

  • Comunidades

    • Listado con un mapa, por ciudad... o algo asi
      ( * Proyectos
    • Django Girls?
    • PyLadies
    • DataLadies... ) -> A Futuro
  • Eventos (Galeria?)

    • Calendario, rss, feed atom, ical?
  • Conferencia/PyCon -> Donde hablemos generalidades mas links a las paginas de 2017, 2018, 2019

  • Prensa
    -> Lista de sitios donde han hablado algo de la comunidad de python colombia
    -> Lista mas enlaces.
    -> Podcasts

  • Comunidad / Equipo / Sobre Nosotros...

  • Vision / Mision etc
  • El Equipo
  • Patrocinadores o Partners
  • Código de Conducta

https://python.org.co/django-girls
https://python.org.co/eventos/2018/02/08/django-girls-medellin
https://python.org.co/eventos/2018/02/08/meetup-python-medellin-docker

Si español es primario

https://python.org.co/django-girls
https://python.org.co/en/django-girls

Arreglar la sección de eventos de Django Girls

  • Reestructurar el contenido
  • y ajustar para diferentes tamaños
  • Hacer que el banner sea del color primario del evento para poder evitar el uso del "membrete" que dice taller de programación django girls etc...

Automatizar creación de eventos de comunidades

Hay comunidades que crean meetups, o eventos en facebook o las 2. Sería bueno tener alguna forma automática (o helper scripts) para poder hacer este proceso más automatico. Por ejemplo tener un bot que todos los días chequea el api de meetup/facebook para buscar eventos de las comunidades registradas y si algo nuevo aparece, crear un PR con los datos, y darle ping al equipo respectivo.

O lo contrario?

Crear un evento en la página, y tener un bot que genera los eventos de Facebook y Meetup basados en lo que se crea en la página

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.