diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..c2658d7 --- /dev/null +++ b/.dockerignore @@ -0,0 +1 @@ +node_modules/ diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..dc4662b --- /dev/null +++ b/Dockerfile @@ -0,0 +1,14 @@ +FROM node:12 + +WORKDIR /app + +COPY package-lock.json package-lock.json +COPY package.json package.json + +RUN npm ci + +COPY ./ /app + +EXPOSE 3000 + +CMD npx gulp dev diff --git a/README.md b/README.md index 6a26ae1..d14b181 100644 --- a/README.md +++ b/README.md @@ -33,6 +33,22 @@ Para utilizar esta plantilla, tu computadora necesita: - **Nota:** Modifica sólo los archivos en la carpeta `src/` +### Desarrollo con Docker + +Para hacer y probar cambios locales en el contenido, estilos, imagenes, etc. puedes usar un contenedor docker. + +- `docker build . -t frenalacurva:dev` +- `docker run --rm -it --init -p 3000:3000 -v $PWD/src/:/app/src frenalacurva:dev` +- Tu sitio está visible en el URL: http://localhost:3000 + + +#### Usar docker-compose (1.20+) + +- `docker-compose up` +- Tu sitio está visible en el URL: http://localhost:3000 + +> Si necesitas cambiar algun archivo fuera de `./src` solo vuelve a ejectuar ambos comandos. + ### Deployment en gh-pages: - Una vez hayas concluido el desarrollo, deberás cambiar la carpeta `dist/` que se generó por `docs/`:
diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..44517f7 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,12 @@ +version: "3.7" + +services: + webapp: + image: frenalacurva:dev + build: + context: ./ + dockerfile: Dockerfile + ports: + - 3000:3000 + volumes: + - "$PWD/src/:/app/src:rw" diff --git a/src/assets/img/illustrations/COVID-19_Outbreak_Cases_in_Mexico.wikipedia.svg b/src/assets/img/illustrations/COVID-19_Outbreak_Cases_in_Mexico.wikipedia.svg new file mode 100644 index 0000000..c1d30c0 --- /dev/null +++ b/src/assets/img/illustrations/COVID-19_Outbreak_Cases_in_Mexico.wikipedia.svg @@ -0,0 +1,911 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/img/logos/animal_politico.svg b/src/assets/img/logos/animal_politico.svg new file mode 100644 index 0000000..5c5e62a --- /dev/null +++ b/src/assets/img/logos/animal_politico.svg @@ -0,0 +1,17 @@ + + logo + + + + + + + + + + + + + + + diff --git a/src/assets/img/logos/gob_mx.svg b/src/assets/img/logos/gob_mx.svg new file mode 100644 index 0000000..e43df25 --- /dev/null +++ b/src/assets/img/logos/gob_mx.svg @@ -0,0 +1 @@ +Logo_128x50 \ No newline at end of file diff --git a/src/pages/index.html b/src/pages/index.html index 677b498..7a9e64a 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -36,22 +36,16 @@

Guía de iniciativas ciudadanas frente al cor - + {{!> brands}} - +{{> start}} {{> iniciativas}} - - +{{!> getstarted}} +{{!> features}} {{> twitter}} {{> animal}} - - - - - - - - - - +{{!> more}} +{{!> clients}} +{{!> email}} +{{!> loginmodal}} diff --git a/src/partials/start.html b/src/partials/start.html index 14f07cd..e18d22c 100644 --- a/src/partials/start.html +++ b/src/partials/start.html @@ -1,20 +1,23 @@ -
-
-
-
-
    -

  • Cuidarse

    • -

  • Aprender

    • -

  • Compartir

    • -
  • -

    Entra en nuestra plataforma y actúa ahora:
    Aprende, comparte consejos e iniciativas y cuídate.

    -
    - - ACTÚA - -
    • -
-
-
-
-
\ No newline at end of file +
+
+

Información Verificada

+
+
+ + Logotipo de Animal Político + +
+
+ + Mapa del coronavirus en México +

Mapa en tiempo real

+ +
+
+ + Logotipo del Gobierno de México + +
+
+
+