diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..0f17867 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,9 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +indent_size = 2 +indent_style = space +insert_final_newline = true +trim_trailing_whitespace = true diff --git a/_config.yml b/_config.yml index 72b2542..acd772f 100644 --- a/_config.yml +++ b/_config.yml @@ -58,3 +58,7 @@ plugins: # - vendor/cache/ # - vendor/gems/ # - vendor/ruby/ + +collections: + talks: + output: true \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html index 4d8c3ca..f0876f3 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,59 +1,33 @@ \ No newline at end of file + diff --git a/_includes/head.html b/_includes/head.html index aa91700..f00ee37 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,40 +1,40 @@ - - - + + + - {{ site.title }} - - - - - - - - - - - - - - - - - - - - - - - - + {{ site.title }} - - - + + + - - + + + + + + + + + - {%- feed_meta -%} - \ No newline at end of file + + + + + + + + + + + + + + + + + + {%- feed_meta -%} + diff --git a/_includes/header.html b/_includes/header.html index be9bec2..7e23529 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,21 +1,21 @@
- -
-
-
-
{{ site.description }}
-
-
-
-
- {{ site.hashtag }} -
-
+
+
+
+ +
-
- {%- include nav.html -%} +
+
- +
+ +
+ {%- include nav.html -%} +
+
diff --git a/_includes/nav.html b/_includes/nav.html index 89116a0..9fe6b3d 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -1,9 +1,9 @@ \ No newline at end of file + + diff --git a/_includes/social.html b/_includes/social.html deleted file mode 100644 index 41aa63b..0000000 --- a/_includes/social.html +++ /dev/null @@ -1 +0,0 @@ -social \ No newline at end of file diff --git a/_layouts/talk.html b/_layouts/talk.html new file mode 100644 index 0000000..6a20e0e --- /dev/null +++ b/_layouts/talk.html @@ -0,0 +1,39 @@ +--- +layout: default +--- + +
+
+

{{ page.title }}

+

{{ page.time }}

+ {% for d in page.desc %} +

{{ d }}

+ {% endfor %} +
+ {% for speaker in page.speakers %} +

{{ speaker.name }}

+
+
+
+ +
+
+
+ {% for b in speaker.bio %} +

{{ b }}

+ {% endfor %} + {% if speaker.sn.twitter %} +

{{speaker.sn.twitter}}

+ {% endif %} + {% if speaker.sn.github %} +

{{speaker.sn.github}}

+ {% endif %} + {% if speaker.sn.blog %} +

{{speaker.sn.blog}}

+ {% endif %} +
+
+ {% endfor %} +
+
+
diff --git a/_talks/slot1.md b/_talks/slot1.md new file mode 100644 index 0000000..40f7785 --- /dev/null +++ b/_talks/slot1.md @@ -0,0 +1,6 @@ +--- + +title: Recibimiento +time: 09:45 - 10:15 + +--- diff --git a/_talks/slot2.md b/_talks/slot2.md new file mode 100644 index 0000000..5fe8eeb --- /dev/null +++ b/_talks/slot2.md @@ -0,0 +1,21 @@ +--- +layout: talk +permalink: la-charla-1 + +title: Mi awesómica charla está aquí +desc: + - Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. + - No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. +time: 09:45 - 10:15 +speakers: +- name: Adrià Fontcuberta + headline: Un desarrollador a quién le gusta hacer bien las cosas + pic: adria-fontcuberta.jpg + bio: + - Si lo tuviera que explicar en inglés diría que soy "a UI engineer interested in JavaScript, CSS, lean software development, XP, clean code, and everything in between". La traducción sería algo como "un desarrollador a quién le gusta hacer bien las cosas". Vaya, que ayudo a desarrollar aplicaciones útiles, usables y agradables + sn: + twitter: afontcu_ + github: afontcu + blog: afontcu.dev + +--- \ No newline at end of file diff --git a/_talks/slot3.md b/_talks/slot3.md new file mode 100644 index 0000000..05ec0f8 --- /dev/null +++ b/_talks/slot3.md @@ -0,0 +1,30 @@ +--- +layout: talk +permalink: la-charla-2 + +title: ¡La otra charla super guay, a por ella! +desc: + - Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. + - No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. +time: 10:20 - 11:05 +speakers: +- name: Aída Albarrán + headline: Frontend Developer + pic: aida-albarran.jpg + bio: + - Soy desarrolladora de Frontend, con gran pasión por la lógica y un background muy variopinto, en el que se incluye la Psicología, los RRHH, la música y otras experiencias. El camino me llevó a convertirme en adalaber, por tanto, en desarrolladora, y lo que verdaderamente me terminó enamorando de esta profesión fue compartir varios meses de formación en Kairos con Carlos Blé, que me enseñó a trabajar con un código más mantenible, basado en patrones, principios SOLID y con el testing como amigo inseparable. + sn: + twitter: aidaispro + linkedin: aidaalbarran + github: Alienah + blog: alienah.github.com + medium: Aida_Pro_ +- name: Elena Ramírez + headline: Diseñadora y maquetadora web + pic: elena-ramirez.jpg + bio: + - Elena Ramírez es una diseñadora y maquetadora web de Sevilla. Co-fundadora del estudio de diseño Ashler Design, donde ha trabajado para clientes como Google, Telefónica o Porcelanosa, entre otras; y para fundiciones como Frere Jones Type, Sudtipos o Typerepublic, lo que le ha obligado a afilar su ojo tipográfico. Su trabajo ha sido reconocido por el Type Directors Club de Nueva York, los premios Laus, y Communications Arts entre otros. + sn: + twitter: lenatwitteada + +--- \ No newline at end of file diff --git a/_talks/slot4.md b/_talks/slot4.md new file mode 100644 index 0000000..a4724e3 --- /dev/null +++ b/_talks/slot4.md @@ -0,0 +1,6 @@ +--- + +title: Desayuno +time: xx:xx - xx:xx + +--- diff --git a/assets/css/main.css b/assets/css/main.css index 8fd30dd..445385b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -8,14 +8,14 @@ url('../fonts/bloggersans.otf') format('otf'); font-weight: normal; } - + @font-face { font-family: 'VoyageFantastique'; src: url('../fonts/voyagefantastique.woff2') format('woff2'), url('../fonts/voyagefantastique.ttf') format('ttf'); font-weight: normal; } - + :root { --title-font: 'VoyageFantastique'; --text-font: 'BloggerSans'; @@ -150,7 +150,7 @@ hr { @media (min-width: 48em) { .big-intro-inside-top { - flex-direction: row; + flex-direction: row; } } @@ -233,7 +233,7 @@ hr { margin: 0; display: flex; flex-wrap: wrap; - border: 0.24rem solid var(--dark-color); + border: 2px solid var(--dark-color); } .nav > ul > li { @@ -243,7 +243,7 @@ hr { text-align: center; background: white; color: black; - border: 0.12rem solid var(--dark-color); + border: 2px solid var(--dark-color); } .nav > ul > li > a { @@ -354,6 +354,37 @@ hr { width: 80%; } +/* SCHEDULE */ + +.schedule { + display: flex; + flex-direction: column; + padding: var(--padding-top-bottom) var(--padding-left-right); +} + +.schedule ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +.schedule li { + padding: 0 20px; + border: 2px solid black; +} + +.schedule__speaker { + display: flex; +} + +.schedule__speaker-img div { + width: 300px; +} + +.schedule__speaker-bio { + margin-left: 20px; +} + /* VENUE */ .venue { @@ -424,7 +455,7 @@ hr { margin-left: 0.8rem; top: 1rem; width: 100%; -} +} .speaker-text { margin-top: 1.4rem; @@ -582,4 +613,4 @@ hr { .big-intro .header-inner .header-inner-left .claim div a { color: var(--light-color); -} \ No newline at end of file +} diff --git a/coc.html b/coc.html index cb38ec0..83eff11 100644 --- a/coc.html +++ b/coc.html @@ -4,18 +4,18 @@ ---
-

Código de conducta

-

FrontFest es un evento en el que no se permitirá ningún tipo de abuso ni discriminación por motivos de sexo, procedencia, raza, religión, discapacidad, aspecto físico, orientación sexual e identidad. Los participantes que violen estas reglas pueden ser sancionados o expulsados del evento a discreción.

-

FrontFest intenta favorecer la comunicación y los debates constructivos en un ambiente seguro, solidario, respetable y diverso.

-

Serán consideradas conductas abusivas la siguientes:

- -

Los organizadores pedimos la colaboración de todos los asistentes, así pues si sufres algún tipo de conducta abusiva u observas que alguien puede estar siendo víctima de ella, te rogamos encarecidamente que nos lo comuniques para tomar las medidas oportunas.

-

En cualquier caso, las medidas disciplinarias dependerán siempre de la decisión de los organizadores, y en caso de llegar a producirse una expulsión, nunca existirá posibilidad de reembolso del precio de la entrada.

-
\ No newline at end of file +

Código de conducta

+

FrontFest es un evento en el que no se permitirá ningún tipo de abuso ni discriminación por motivos de sexo, procedencia, raza, religión, discapacidad, aspecto físico, orientación sexual e identidad. Los participantes que violen estas reglas pueden ser sancionados o expulsados del evento a discreción.

+

FrontFest intenta favorecer la comunicación y los debates constructivos en un ambiente seguro, solidario, respetable y diverso.

+

Serán consideradas conductas abusivas la siguientes:

+ +

Los organizadores pedimos la colaboración de todos los asistentes, así pues si sufres algún tipo de conducta abusiva u observas que alguien puede estar siendo víctima de ella, te rogamos encarecidamente que nos lo comuniques para tomar las medidas oportunas.

+

En cualquier caso, las medidas disciplinarias dependerán siempre de la decisión de los organizadores, y en caso de llegar a producirse una expulsión, nunca existirá posibilidad de reembolso del precio de la entrada.

+ diff --git a/index.html b/index.html index 57bf4b7..8f6d71b 100644 --- a/index.html +++ b/index.html @@ -5,81 +5,81 @@
- {%- include header.html -%} + {%- include header.html -%} -
-
- -
+
+
+ +
-
-
Madrid
-
15
-
febrero
-
2020
-
+
+
Madrid
+
15
+
febrero
+
2020
+
-

Qué es FrontFest

-

FrontFest es un evento anual y sin ánimo de lucro. Está organizado y gestionado por un equipo de voluntarios y voluntarias que pertenecen a la comunidad de desarrollo frontend. - Celebrado por primera vez en 2017, pretende ser un punto de encuentro a nivel nacional, principalmente en castellano, para todas aquellas personas interesadas - en las tecnologías de frontend, donde compartir experiencias y aprender acerca de las nuevas tendencias en el sector. Y por supuesto, acabar divirtiéndose en buena compañía.

-

Queremos ser inclusivos a todos los niveles. Queremos que todo el mundo se sienta cómodo, respetado e integrado, tanto quienes pertenecen a colectivos infrarrepresentados - como aquellas personas que no han accedido aún al mercado laboral y disponen de menos recursos. Queremos atraer a gente con proyección y con una amplia experiencia, pero - también dar la oportunidad a gente desconocida y que tiene mucho que aportar. Queremos poner nuestro granito de arena para mantener una comunidad sana y cohesionada.

-

Gracias a nuestros patrocinadores, podremos mantener una vez más un precio asequible para las entradas. Además, haremos lo posible por poner todas las facilidades necesarias - para que las personas con movilidad reducida o discapacidad visual, auditiva y otras puedan disfrutar del evento en igualdad de condiciones.

-

Por favor, haznos llegar cualquier sugerencia, pregunta o duda a través de nuestro email o de nuestra cuenta de Twitter.

-

¡Os esperamos!

+

Qué es FrontFest

+

FrontFest es un evento anual y sin ánimo de lucro. Está organizado y gestionado por un equipo de voluntarios y voluntarias que pertenecen a la comunidad de desarrollo frontend. + Celebrado por primera vez en 2017, pretende ser un punto de encuentro a nivel nacional, principalmente en castellano, para todas aquellas personas interesadas + en las tecnologías de frontend, donde compartir experiencias y aprender acerca de las nuevas tendencias en el sector. Y por supuesto, acabar divirtiéndose en buena compañía.

+

Queremos ser inclusivos a todos los niveles. Queremos que todo el mundo se sienta cómodo, respetado e integrado, tanto quienes pertenecen a colectivos infrarrepresentados + como aquellas personas que no han accedido aún al mercado laboral y disponen de menos recursos. Queremos atraer a gente con proyección y con una amplia experiencia, pero + también dar la oportunidad a gente desconocida y que tiene mucho que aportar. Queremos poner nuestro granito de arena para mantener una comunidad sana y cohesionada.

+

Gracias a nuestros patrocinadores, podremos mantener una vez más un precio asequible para las entradas. Además, haremos lo posible por poner todas las facilidades necesarias + para que las personas con movilidad reducida o discapacidad visual, auditiva y otras puedan disfrutar del evento en igualdad de condiciones.

+

Por favor, haznos llegar cualquier sugerencia, pregunta o duda a través de nuestro email o de nuestra cuenta de Twitter.

+

¡Os esperamos!

-

Patrocinadores

-

Platinum

-
- - - - - - -
+

Patrocinadores

+

Platinum

+
+ + + + + + +
-
-

Localización

-

FrontFest 2020 tendrá lugar en el Espacio CTO. Está situado en la Calle Albarracín 34 (distrito de San Blas-Canillejas), a escasos metros de la estación de metro de Ciudad Lineal (L5).

- -
-
-
- -
+
+

Localización

+

FrontFest 2020 tendrá lugar en el Espacio CTO. Está situado en la Calle Albarracín 34 (distrito de San Blas-Canillejas), a escasos metros de la estación de metro de Ciudad Lineal (L5).

+ +
+
+
+
+
diff --git a/pages/schedule.md b/pages/schedule.md new file mode 100644 index 0000000..3cf49dd --- /dev/null +++ b/pages/schedule.md @@ -0,0 +1,25 @@ +--- +layout: default +title: Agenda +permalink: /schedule/ +--- + +
+
    + {% for talk in site.talks %} +
  • +

    {{ talk.time }}

    +
    + {% if talk.desc %} +

    {{ talk.title }}

     + {% else %} +

    {{ talk.title }}

    + {% endif%} + {% for speaker in talk.speakers %} +

    {{ speaker.name }}

    + {% endfor %} +
    +
    • + {% endfor %} +
+
diff --git a/pages/speakers.md b/pages/speakers.md new file mode 100644 index 0000000..58fe5b3 --- /dev/null +++ b/pages/speakers.md @@ -0,0 +1,26 @@ +--- +layout: default +title: Ponentes +permalink: /speakers/ +--- + +
+

Ponentes

+ {% for talk in site.talks %} + {% for speaker in talk.speakers %} + +
+
+
+ +
+
+
+

{{ speaker.name }}

+

{{ speaker.headline }}

+
+
+ + {% endfor %} + {% endfor %} +
diff --git a/speakers.html b/speakers.html deleted file mode 100644 index 8a9f24a..0000000 --- a/speakers.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -layout: default -permalink: /speakers ---- - -
-

Ponentes

- - {% for speaker in site.data.speakers %} -
-
-
- -
-
-
-

{{ speaker.name }}

-

{{ speaker.desc }}

-
-
- {% endfor %} -
\ No newline at end of file