Marea Coders Adalab
La web contiene dos páginas: una landing, donde se da a conocer cada una de las componentes del equipo, y una página de contacto con un formulario operando con formspree. Toda la web ha sido realizada utilizando HTML y SASS como preprocesador de CSS. Además, hemos utilizado el Starter Kit de Adalab, creado en node y gulp. Este Kit incluye un motor de plantillas HTML, el preprocesador SASS y un servidor local; además de otras herramientas, como por ejemplo Gulp para la automatización de tareas o motor de plantillas.
- HTML: Dividido en seis partials: dos de ellos refieren a cada una de las páginas (landing y contacto). También existe un partial del footer, constante en ambas páginas, y tres partials adicionales para optimizar y mejorar la legibilidad del código de la landing: header, aboutus y main.
- CSS: Dividido en partials:
- Components: Contiene únicamente el partial del hero de la página.
- Core: Contiene los partials de la hoja de reset CSS y las variables utilizadas por tratarse de código repetido.
- Layout: Contiene los partials referentes a las particiones HTML, conteniendo los estilos de cada una de ellas.
- Pages: Contiene los partials referentes a cada una de las páginas de la web.
- npm install: Para instalar las dependencias
- npm start: Para arrancar el proyecto y probarlo en desarrollo a través de la URL '//localhost:3000/#/'
- npm run docs: Para publicar el proyecto a producción
- Eleonora Dell'Amico
- Maribel López Romero
- Marta Rey Rodríguez
- Maribel Gragera Ruiz
- Alejandra Calderón Sánchez
Hecho con 💜 por Marea Coders
Marea Coders Adalab
The website has two pages: a landing, where to find all team components and descriptions, and another one of contact with a form operating with formspree. This website has been done using HTML and SASS as a CSS preprocessor. Also, we have been using the Adalab Starter Kit, created in node and gulp. This Kit includes a templates engine, preprocessor SASS and a local server; as well as other tools, as for example Gulp for tasks authomation.
- HTML: Divided in six partials, two of them referring each one of the pages (landing and contact). The other four partials refers to layout concrete parts as for example the footer (used in both pages), header, aboutus and main (corresponding to the Landing page sections).
- CSS: Divided in partials:
- Components: Contains only the hero part of the webpage.
- Core: Contains the CSS Reset Stylesheet and the variables used with repetitive style values.
- Layout: Contains the partials referred to HTML partitions, with the styles of each of them.
- Pages: Contains the partials referred to each one of the pages of the website.
- npm install: To install dependencies
- npm start: To start the project and try it in development server through URL '//localhost:3000/#/'
- npm run docs: To publish project to production
- Eleonora Dell'Amico
- Maribel López Romero
- Marta Rey Rodríguez
- Maribel Gragera Ruiz
- Alejandra Calderón Sánchez
Made with 💜 by Marea Coders