diff --git a/.github/workflows/linters.yml b/.github/workflows/linters.yml new file mode 100644 index 0000000..3d1e48b --- /dev/null +++ b/.github/workflows/linters.yml @@ -0,0 +1,56 @@ +name: Linters + +on: pull_request + +env: + FORCE_COLOR: 1 + +jobs: + lighthouse: + name: Lighthouse + runs-on: ubuntu-22.04 + steps: + - uses: actions/checkout@v2 + - uses: actions/setup-node@v1 + with: + node-version: "12.x" + - name: Setup Lighthouse + run: npm install -g @lhci/cli@0.7.x + - name: Lighthouse Report + run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=. + webhint: + name: Webhint + runs-on: ubuntu-22.04 + steps: + - uses: actions/checkout@v2 + - uses: actions/setup-node@v1 + with: + node-version: "12.x" + - name: Setup Webhint + run: | + npm install --save-dev hint@7.x + [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc + - name: Webhint Report + run: npx hint . + stylelint: + name: Stylelint + runs-on: ubuntu-22.04 + steps: + - uses: actions/checkout@v2 + - uses: actions/setup-node@v1 + with: + node-version: "12.x" + - name: Setup Stylelint + run: | + npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x + [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json + - name: Stylelint Report + run: npx stylelint "**/*.{css,scss}" + nodechecker: + name: node_modules checker + runs-on: ubuntu-22.04 + steps: + - uses: actions/checkout@v2 + - name: Check node_modules existence + run: | + if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi diff --git a/Illustration-header.svg b/Illustration-header.svg new file mode 100644 index 0000000..bcd81fb --- /dev/null +++ b/Illustration-header.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Linkedin icon.svg b/Linkedin icon.svg new file mode 100644 index 0000000..e9b70d0 --- /dev/null +++ b/Linkedin icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/README.md b/README.md index 6357f98..d285ea2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,42 @@ -# portfolio -Professional Portfolio +![](https://img.shields.io/badge/Microverse-blueviolet) + +# Project Name + +Professional Portfolio Phase 1 Repository + +## Built With + +- HTML & CSS +- GitHub + +## Live Pull Request + +[Live Pull Request Link](https://github.com/gealsanchez/portfolio/pull/1) + +## Authors + +👤 **Author1** + +- GitHub: [@githubhandle](https://github.com/gealsanchez) +- Twitter: [@twitterhandle](https://twitter.com/gealsanchez) +- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gerson-sanchez-88309b57/) + +## 🤝 Contributing + +Contributions, issues, and feature requests are welcome! + +## Show your support + +Give a ⭐️ if you like this project! + +## Acknowledgments + +- Francis Uche +- Giorgi Bokuchava + +## 📝 License + +This project is [MIT](./MIT.md) licensed. + +_NOTE: we recommend using the [MIT license](https://github.com/gealsanchez/portfolio/blob/htmlCSS-Session-Day-3/LICENSE) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._ + diff --git a/angel list.svg b/angel list.svg new file mode 100644 index 0000000..d462b0a --- /dev/null +++ b/angel list.svg @@ -0,0 +1,3 @@ + + + diff --git a/github.svg b/github.svg new file mode 100644 index 0000000..d7a58d7 --- /dev/null +++ b/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/hamburguer.png b/hamburguer.png new file mode 100644 index 0000000..54c7539 Binary files /dev/null and b/hamburguer.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a4114af --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + + + + + + Professional Portfolio GERSON SANCHEZ + + + + + +
+
+ +
+ +

Hey There. I'm Gerson

+

I am a software developer

+

I can help you build a product, feature or + website. Take a + look of my works. If you like what you see and have a project you need coded, don’t hesitate and contact me. +

+ +
+
+ + + + + +
+ +
+ +
+ + + + diff --git a/medium.svg b/medium.svg new file mode 100644 index 0000000..8a040ce --- /dev/null +++ b/medium.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..0e75a31 --- /dev/null +++ b/styles.css @@ -0,0 +1,85 @@ +@import url('https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&family=Poppins:wght@200;300;400;500;600;800&display=swap'); + +body { margin: 0%; } + +.container { + display: flex; + flex-direction: column; + border-radius: 2%; + width: 375px; + height: 100vh; + background-color: black; +} +.icon { height: 70px; } + +.navigation { + display: flex; + justify-content: space-around; + background-color: rgb(34, 33, 33); +} + +.menu { + height: 30px; + display: flex; + align-self: center; + opacity: 0.6; +} + +.name { + margin-top: 25%; + color: orange; + font-size: 46px; + width: 70%; + height: 100px; + font-family: 'Crete Round', serif; + font-weight: lighter; + margin-bottom: 5%; +} + +.title { + font-size: 20px; + color: white; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.profile { + font-family: 'Poppins', sans-serif; + color: white; + display: flex; + width: 90%; + height: 126px; + font-size: 16px; + font-weight: 400; +} + +.divlink { + display: flex; + align-items: center; +} + +p { + color: white; + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.name, +.title, +.profile { + padding-left: 5%; + margin-bottom: 2%; +} + +.links { + margin-top: 5%; + display: flex; + justify-content: space-between; + width: 35%; + margin-left: 15%; +} + +.image { + width: 45%; + margin-left: auto; +} diff --git a/twitter.svg b/twitter.svg new file mode 100644 index 0000000..1c9451c --- /dev/null +++ b/twitter.svg @@ -0,0 +1,3 @@ + + +