From 0f0e6ee1d6b41f64ece03fb5ffcaa7922e01c423 Mon Sep 17 00:00:00 2001 From: Karlos Date: Sat, 31 Oct 2020 05:05:29 -0500 Subject: [PATCH 1/2] feat(footer.js): se agrega footer responsive --- src/components/footer/footer.js | 62 +++++++++--- src/components/footer/footer.module.css | 125 ++++++++++++++++++++++++ src/images/widgets/lines.svg | 3 + 3 files changed, 176 insertions(+), 14 deletions(-) create mode 100644 src/components/footer/footer.module.css create mode 100644 src/images/widgets/lines.svg diff --git a/src/components/footer/footer.js b/src/components/footer/footer.js index 1021928..873595b 100644 --- a/src/components/footer/footer.js +++ b/src/components/footer/footer.js @@ -1,20 +1,54 @@ -import React from 'react' +import React from 'react'; +import { Link } from "gatsby"; +import styles from './footer.module.css'; +import escudo from "../../images/logo-escudo-ec.svg"; +//import SocialNetworks from './social-networks'; const Footer = () => ( - ); diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css new file mode 100644 index 0000000..d072d71 --- /dev/null +++ b/src/components/footer/footer.module.css @@ -0,0 +1,125 @@ +.footer { + background-color: #FEF6DD; + color: #000; + background-image: url('../../images/widgets/lines.svg'); + height: 500px; + padding: 5em 10em 0 10em; + position: relative; +} + +.footer__title { + font-size: 14px; + padding-bottom: 2em; + font-weight: 700; +} + +.footer h1 { + font-size: 64px; + font-weight: 700; +} + +.footer h2 { + font-size: 25px; + font-weight: 700; + text-align: center; +} + +.footer h3 { + font-size: 18px; + font-weight: 400; + text-align: center; +} + +.footer p { + text-align: center; + padding-bottom: 1em; +} + +.footer span { + text-decoration: underline; +} + +.footer img { + top: 9.5em; + right: 6%; + position: absolute; +} + +.flex { + display: flex; + justify-content: space-between; + padding-bottom: 5em; +} + +.col { + width: 25%; +} + +.col li { + font-size: 14px; + line-height: 24px; +} + +@media only screen and (max-width: 800px) { + .footer { + height: 550px; + padding: 3em 10em 0 2em; + } + + .footer h1 { + font-size: 54px; + padding-left: 2em; + } + + .footer img { + top: 7.5em; + right: 4em; + position: absolute; + } + + .flex { + padding-bottom: 3em; + } + + .col { + width: 50%; + } +} + +@media only screen and (max-width: 400px) { + .footer { + height: 810px; + padding: 1em 0 0 2em; + } + + .footer__title { + font-size: 14px; + padding-top: 2em; + padding-bottom: 0.5em; + font-weight: 700; + } + + .footer h1 { + font-size: 34px; + padding-top: 1.5em; + } + + .footer img { + top: 36.5em; + right: 16%; + position: absolute; + } + + .footer p { + padding: 4.5em 0 1em 0; + } + + .flex { + display: inline; + padding-bottom: 3em; + } + + .col { + width: 100%; + } +} diff --git a/src/images/widgets/lines.svg b/src/images/widgets/lines.svg new file mode 100644 index 0000000..616de74 --- /dev/null +++ b/src/images/widgets/lines.svg @@ -0,0 +1,3 @@ + + + From fd39aeb0c9c9aff8c66bff5d646ec4f148c5fc9c Mon Sep 17 00:00:00 2001 From: Karlos Date: Sat, 31 Oct 2020 05:28:18 -0500 Subject: [PATCH 2/2] docs(contibutors.json): agrego mis links --- src/data/contributors.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/data/contributors.json b/src/data/contributors.json index 4e66c39..15294ab 100644 --- a/src/data/contributors.json +++ b/src/data/contributors.json @@ -83,11 +83,11 @@ "rol": "Co-Organizador", "name": "Carlos G. Encalada B.", "photo": "https://avatars2.githubusercontent.com/u/55223838?v=4", - "github": "http://karlosencalada.dev", + "github": "https://github.com/skcode7", "website": "http://karlosencalada.dev", - "email": "http://karlosencalada.dev", - "twitter": "http://karlosencalada.dev", - "description": "Lorem ipsum dolor sit amet consectetur adipiscing elit id tempus cras orci accumsan, commodo semper sagittis consequat turpis hac malesuada felis nisi senectus est. " + "email": "mailto:admin@karlosencalada.dev", + "twitter": "https://twitter.com/karlosrocker", + "description": "Desarrollador Low Code, consultor de ERPs, entusiasta de GNU-Linux y usuario de Jamstack" }, { "rol": "Co-Organizador",