menu:
  - text: Documentación
    url: "#install"
    highlight: false
  - text: Repositorio
    url: "https://github.com/tarugoconf/top"
    highlight: false
blocks:
  - type: hero
    title: Top
    intro: "![top](/top.svg)\r\nCrea la web de tu evento tecnológico<br> en segundos\r\n"
  - type: logos
    title: Apoyado por
    size: small
    items:
      - alt: TRG
        img: /files/logo-duotone.svg
        url: "https://trgcon.com/"
        description: TRGCON
      - alt: SCPNA
        img: /files/SCPNA.svg
        url: "https://pamplonaswcraft.com/"
        description: Pamplona Software Crafters
      - alt: T3chFest
        img: /files/t3chfest.svg
        url: "https://t3chfest.es/"
        description: T3chFest
      - img: /files/morcillaconf.png
        url: "https://morcillaconf.es/"
        description: MorcillaConf
  - type: text
    theme: is-light width-box box-fill
    columns: false
    text: "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](https://trgcon.com/) durante los últimos años.\r\n\r\nTodos 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.\r\n\r\nOtro 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.\r\n\r\nLa 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."
  - type: video
    src: /files/video-trg24.mp4
    mode: video
  - type: text
    title: Instrucciones
    id: instructions
    theme: is-secondary width-full box-fill
    columns: false
    text: "## 1. Instala Deno\r\n\r\nTOP está construído sobre [Deno](https://deno.com/), un *Runtime* de *JavaScript* similar a Node pero más moderno, rápido y seguro. Por lo que necesitas instalarlo en tu ordenador.\r\n\r\n- Si tienes **Windows**, ejecuta:\r\n  ```\r\n  irm https://deno.land/install.ps1 | iex\r\n  ```\r\n\r\n- Si tienes **Mac o Linux**:\r\n\r\n  ```\r\n  curl -fsSL https://deno.land/install.sh | sh\r\n  ```\r\n\r\n- **Si ya tienes Deno instalado**, asegúrate de usar la versión más reciente con:\r\n  ```\r\n  deno upgrade\r\n  ```\r\n\r\n## 2. Crea tu web!\r\n\r\nEjecuta el siguiente comando para crear una web con TOP:\r\n\r\n```\r\ndeno run -A https://lume.land/init.ts --theme=top [nombre-carpeta]\r\n```\r\n\r\nReemplaza `[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.\r\n\r\nPuedes configurar los estilos editando el archivo `/styles/theme.css`.\r\n\r\n## 3. Pruébala\r\n\r\nUna vez creada la web, tienes tres comandos (o *tasks*) disponibles:\r\n\r\n- Si solo te interesa el contenido, puedes arrancar la web con un CMS en el que puedes editar el contenido y previsualizar los cambios:\r\n  ```\r\n  deno task cms\r\n  ```\r\n- Si eres *developer* puedes arrancar la web en modo *watcher* y editar el código directament con:\r\n  ```\r\n  deno task serve\r\n  ```\r\n- Si quieres construír la web final que se va a subir a producción:\r\n  ```\r\n  deno task build --location=https://tudominio.com\r\n  ```\r\n  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.\r\n"
  - type: faq
    title: FAQ
    theme: is-light width-box box-fill
    questions:
      - question: Question 1
        answer: >-
          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: Question 2
        answer: >-
          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: Question 3
        answer: >-
          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.
metas:
  image: ""
url: /