diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..f673a71b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/README.md b/README.md index d13ec021..39ef966e 100644 --- a/README.md +++ b/README.md @@ -75,7 +75,7 @@ Also notice that you can set **DEADLINES** for a card, which may help you manage When you are done, replace the link below with the link to your Trello board: -[Replace this link with the link to your board](https://trello.com/b/tTFpk77m/fsw-personal-site-project) +[Replace this link with the link to your board](https://trello.com/b/Na30LEYI/carlos-personal-lsite) ## User Stories diff --git a/Snowman.mov b/Snowman.mov new file mode 100644 index 00000000..821f0a94 Binary files /dev/null and b/Snowman.mov differ diff --git a/Text-Adventure.mov b/Text-Adventure.mov new file mode 100644 index 00000000..9c47e744 Binary files /dev/null and b/Text-Adventure.mov differ diff --git a/aboutMe.html b/aboutMe.html new file mode 100644 index 00000000..fbfc1e08 --- /dev/null +++ b/aboutMe.html @@ -0,0 +1,147 @@ + + + + + + + + + Carlos Hidalgo + + + +

About Me:

+
+
+
+
+ +
+
+ +
+
+
+
+

My name is Carlos Hidalgo and if I were to describe my true potential and motivation in 7 seconds it would be: "Growing up in Puerto Rico, there weren't many technological opportunities so I made it my mission to bring the future of coding to them." On top of that I also enjoy photography, video games, as well as helping around my community.

+

Photography Work:

+ + + + + \ No newline at end of file diff --git a/bunny.png b/bunny.png new file mode 100644 index 00000000..3d732acd Binary files /dev/null and b/bunny.png differ diff --git a/cali.jpg b/cali.jpg new file mode 100644 index 00000000..b7ba52d3 Binary files /dev/null and b/cali.jpg differ diff --git a/carlos1.jpg b/carlos1.jpg new file mode 100644 index 00000000..bd4d4842 Binary files /dev/null and b/carlos1.jpg differ diff --git a/contact.html b/contact.html new file mode 100644 index 00000000..32e01b37 --- /dev/null +++ b/contact.html @@ -0,0 +1,69 @@ + + + + + + + Carlos Hidalgo + + + + +

Contact:

+
+
+
+
+ +
+
+ Github Profile + +
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ Linkedin Profile + +
+
+
+
+ + diff --git a/css-logo.png b/css-logo.png new file mode 100644 index 00000000..09318610 Binary files /dev/null and b/css-logo.png differ diff --git a/doors.gif b/doors.gif new file mode 100644 index 00000000..f53691ff Binary files /dev/null and b/doors.gif differ diff --git a/education.html b/education.html new file mode 100644 index 00000000..43b3e735 --- /dev/null +++ b/education.html @@ -0,0 +1,55 @@ + + + + + + + Carlos Hidalgo + + + + +

Education:

+
+
+
+
+ +
+
+

+ Accruing 200+ hours of hands-on training in I.T. with a focus in + Software Development as part of a one-year career development + program that includes six months of college-level courses and + professional training followed by a six-month internship. +

+
+
+
+
+
+
+
+
+ +
+
+

+ An intensive 12-month, Google-funded software engineering + fellowship with a 9% acceptance rate (of 1500+ applicants) with a + curriculum designed by engineers from Vice, Facebook, Yahoo, + Artsy, and LinkedIn. +

+
+
+
+
+ + diff --git a/eye.gif b/eye.gif new file mode 100644 index 00000000..c5741474 Binary files /dev/null and b/eye.gif differ diff --git a/fish.jpg b/fish.jpg new file mode 100644 index 00000000..04934dde Binary files /dev/null and b/fish.jpg differ diff --git a/flag.jpg b/flag.jpg new file mode 100644 index 00000000..a5ef5a0a Binary files /dev/null and b/flag.jpg differ diff --git a/flower1.jpg b/flower1.jpg new file mode 100644 index 00000000..bfb72240 Binary files /dev/null and b/flower1.jpg differ diff --git a/flower2.jpg b/flower2.jpg new file mode 100644 index 00000000..f04d5564 Binary files /dev/null and b/flower2.jpg differ diff --git a/github-profile.png b/github-profile.png new file mode 100644 index 00000000..efbbedd6 Binary files /dev/null and b/github-profile.png differ diff --git a/github.png b/github.png new file mode 100644 index 00000000..860555e2 Binary files /dev/null and b/github.png differ diff --git a/gmail.png b/gmail.png new file mode 100644 index 00000000..f640f5d8 Binary files /dev/null and b/gmail.png differ diff --git a/html-logo.jpg b/html-logo.jpg new file mode 100644 index 00000000..92bacdc2 Binary files /dev/null and b/html-logo.jpg differ diff --git a/hudson.jpg b/hudson.jpg new file mode 100644 index 00000000..7b3e81d0 Binary files /dev/null and b/hudson.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..b0d18010 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + Carlos Hidalgo + + +
+ + + +

Welcome To My Page!

+
+
+
+
+ +
+
+

"Be yourself everyone else is already taken"

+

-Oscar Wilde

+
+
+
+
+

+ Here you will find my story, my grit, and my passion for the tech field. + Make sure to hover over any pictures you see to uncover more about me. +

+ + + diff --git a/js-logo.png b/js-logo.png new file mode 100644 index 00000000..14b9e97a Binary files /dev/null and b/js-logo.png differ diff --git a/leaf.jpg b/leaf.jpg new file mode 100644 index 00000000..0a4cbc51 Binary files /dev/null and b/leaf.jpg differ diff --git a/linkedin-profile.png b/linkedin-profile.png new file mode 100644 index 00000000..6663c915 Binary files /dev/null and b/linkedin-profile.png differ diff --git a/linkedin.png b/linkedin.png new file mode 100644 index 00000000..3fbdd623 Binary files /dev/null and b/linkedin.png differ diff --git a/logo.png b/logo.png new file mode 100644 index 00000000..82b93d9f Binary files /dev/null and b/logo.png differ diff --git a/main.css b/main.css new file mode 100644 index 00000000..0c42d49d --- /dev/null +++ b/main.css @@ -0,0 +1,178 @@ +html{ + background: rgb(238,174,202); + background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%); + background-size: 100% 100%; + -webkit-animation: GradientChanger 30s ease infinite; + -moz-animation: GradientChanger 30s ease infinite; + animation: GradientChanger 30s ease infinite; + margin: 20px 30px 20px 30px; + +} +#intro-description{ + font-size: 20px; +} +.intro{ + text-align: center; +} +#index{ + text-align: center; + font-size: 20px; +} +#badbunny-logo{ + height: 200px; + width: 200px; + display: flex; + align-content: flex-end; +} +#bunny-logo{ + display: flex; + justify-content: center; +} +#headshot1{ + height: 300px; + width: 300px; +} +#headshot2{ + height: 300px; + width: 300px; +} +.email-form{ + color: black; +} +.project-vid{ + height: 300px; + margin: 3px; +} +.project-description{ + font-size: 20px; +} +.contact-img{ + height: 200px; + width: 300px; +} +.photography-set{ + display: flex; + flex-wrap: wrap; + flex-direction: row; + list-style: none; + visibility: hidden; +} +.photography-flex{ + height: 40vh; + flex-grow: 1; +} +.photo-description{ + color: black; +} +.flex-gallery{ + height: 300px; + width: 300px; + object-fit: cover; + vertical-align: bottom; +} +.education-card-position{ + display: flex; + justify-content: center; + margin: 30px; +} + +.flip-card-position{ + display: flex; + justify-content: center; +} +.flip-card { + background-color: transparent; + width: 300px; + height: 300px; + border: 1px solid #f1f1f1; + perspective: 1000px; + } + + .flip-card-inner { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transition: transform 0.8s; + transform-style: preserve-3d; + } + + + .flip-card:hover .flip-card-inner { + transform: rotateY(180deg); + } + + .flip-card-front, .flip-card-back { + position: absolute; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + } + + + .flip-card-front { + background-color: #bbb; + color: black; + } + + .flip-card-back { + background-color: lightblue; + color: white; + transform: rotateY(180deg); + } +#p1{ + display: flex; + justify-content: center; + text-align: center; + border: 2px solid black; + width: 200px; +} +.nav { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: lightblue; + font-family: arial; + } + + .link:hover { + background-color: grey; + } + .link { + display:flex; + font-family: 'Times New Roman', Times, serif; + color: black; + font-size: 30; + text-align: center; + padding: 16px 20px; + text-decoration: none; + float: left; + } + body{ + margin: 0; + padding: 0; + } + #load{ + height: 100%; + width: 100%; + position: fixed; + z-index: 99999; + background: url("eye.gif") no-repeat center center black; } + + @-webkit-keyframes GradientChanger { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} +@-moz-keyframes GradientChanger { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} +@keyframes GradientChanger { + 0%{background-position:0% 50%} + 50%{background-position:100% 50%} + 100%{background-position:0% 50%} +} \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 00000000..0c2246bf --- /dev/null +++ b/main.js @@ -0,0 +1,21 @@ +document.onreadystatechange = function () { + var state = document.readyState; + if (state == "complete") { + setTimeout(function () { + document.querySelector("#interactive"); + + document.querySelector("#load").style.visibility = "hidden"; + }, 4000); + } +}; + +const hidePhoto = () => { + const ul = document.querySelector(".photography-set"); + const li = document.querySelector(".photography-flex"); + if (ul.style.visibility === "visible") { + ul.style.visibility = "hidden"; + } else { + ul.style.visibility = "visible"; + } +}; +document.querySelector("#hidepics").addEventListener("click", hidePhoto); \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 00000000..874def44 --- /dev/null +++ b/projects.html @@ -0,0 +1,40 @@ + + + + + + + Carlos Hidalgo + + + + +

Text-Based-Adventure-Game

+ + +

Snowman Guessing Game

+ + + + \ No newline at end of file diff --git a/pursuit-Headshot.jpg b/pursuit-Headshot.jpg new file mode 100644 index 00000000..3468294d Binary files /dev/null and b/pursuit-Headshot.jpg differ diff --git a/pursuit.png b/pursuit.png new file mode 100644 index 00000000..2bfaab11 Binary files /dev/null and b/pursuit.png differ diff --git a/react.png b/react.png new file mode 100644 index 00000000..e9a383a2 Binary files /dev/null and b/react.png differ diff --git a/redux.png b/redux.png new file mode 100644 index 00000000..73406b28 Binary files /dev/null and b/redux.png differ diff --git a/skills.html b/skills.html new file mode 100644 index 00000000..f6907738 --- /dev/null +++ b/skills.html @@ -0,0 +1,26 @@ + + + + + + + Carlos Hidalgo + + + + +

Skills:

+ + + + + + + diff --git a/sunset.jpg b/sunset.jpg new file mode 100644 index 00000000..e57e2c0e Binary files /dev/null and b/sunset.jpg differ diff --git a/underwater.jpg b/underwater.jpg new file mode 100644 index 00000000..812faa9d Binary files /dev/null and b/underwater.jpg differ diff --git a/window.jpg b/window.jpg new file mode 100644 index 00000000..5107c79f Binary files /dev/null and b/window.jpg differ diff --git a/yearup.jpg b/yearup.jpg new file mode 100644 index 00000000..c16393c1 Binary files /dev/null and b/yearup.jpg differ