Top

top Crea la web de tu evento tecnológico
en segundos

Apoyado por

TOP (TRGCON Open Source Page) es un software desarrollado por Óscar Otero y David Bonilla, fruto de la experiencia desarrollando la web de la TRGCON durante los últimos años.

Todos los años retomamos la construcción de la web de la TRGCON como un proyecto desde cero, cuando cualquier organizador debería poder reutilizar gran parte del código generado (HTML, CSS y JavaScript) y crear las primeras versiones para nuevas ediciones con relativa sencillez, aunque posteriormente se puedan hacer ajustes y mejoras por parte de desarrolladores web.

Otro de los problemas con los que nos hemos encontrado es que un evento no tiene una página web estática en el tiempo, sino que la funcionalidad y composición de la misma varía y se adapta en el tiempo. Hasta ahora, hemos resuelto esta problemática con diferentes conjuntos de componentes con diseños variables que, una vez más, son configurados por desarrolladores web.

La TRG es un evento de Comunidad y su principal objetivo es aportar valor a la misma. Por eso, el código de la página web de cada edición se ha liberado en formato open source para que cualquiera pueda verla y utilizarla. Sin embargo, hasta ahora no conocemos ningún caso en el que el código se haya reutilizado.

Instrucciones

1. Instala Deno

TOP está construído sobre Deno, un Runtime de JavaScript similar a Node pero más moderno, rápido y seguro. Por lo que necesitas instalarlo en tu ordenador.

  • Si tienes Windows, ejecuta:

    irm https://deno.land/install.ps1 | iex
    
  • Si tienes Mac o Linux:

    curl -fsSL https://deno.land/install.sh | sh
    
  • Si ya tienes Deno instalado, asegúrate de usar la versión más reciente con:

    deno upgrade
    

2. Crea tu web!

Ejecuta el siguiente comando para crear una web con TOP:

deno run -A https://lume.land/init.ts --theme=top [nombre-carpeta]

Reemplaza [nombre-carpeta] con el nombre del directorio donde quieres crear la web. La instalación creará ese directorio por ti. También puedes omitir ese valor para crear la web en el directorio actual.

Puedes configurar los estilos editando el archivo /styles/theme.css.

3. Pruébala

Una vez creada la web, tienes tres comandos (o tasks) disponibles:

  • Si solo te interesa el contenido, puedes arrancar la web con un CMS en el que puedes editar el contenido y previsualizar los cambios:
    deno task cms
    
  • Si eres developer puedes arrancar la web en modo watcher y editar el código directament con:
    deno task serve
    
  • Si quieres construír la web final que se va a subir a producción:
    deno task build --location=https://tudominio.com
    
    La web se genera en el directorio _site. Importante ponerle el dominio en el que se va a publicar la web, para que todas las URL apunten a ese dominio.

FAQ

Question 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum.

Question 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum.

Question 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at odio venenatis, laoreet libero ut, lobortis ipsum.