diff --git a/.github/PULL_REQUEST_TEMPLATE b/.github/PULL_REQUEST_TEMPLATE index 0342fd1e4..011fca475 100644 --- a/.github/PULL_REQUEST_TEMPLATE +++ b/.github/PULL_REQUEST_TEMPLATE @@ -4,10 +4,10 @@ Congratulations! You're submitting your assignment! ## Comprehension Questions Question | Answer :------------- | :------------- -Did you have to resolve any issues when running the HTML Validator? If so, what were they? | -Why is it important to consider and use semantic HTML? | -How did you decide to structure your CSS? | -What was the most challenging piece of this assignment? | -Describe one area that you gained more clarity on when completing this assignment | +Did you have to resolve any issues when running the HTML Validator? If so, what were they? | Yes, on my portfolio page the validator suggested that I add a header tag under the section tag. +Why is it important to consider and use semantic HTML? | To make your web page as accessible as possible. The overall concept of that makes sense, but I am worried I wasn't able to do that effectively. +How did you decide to structure your CSS? | A separate CSS file for each page, contained in a styles folder. +What was the most challenging piece of this assignment? | Honestly it was really difficult to just come up with idea of how I wanted my website to look. +Describe one area that you gained more clarity on when completing this assignment | EVERYTHING, I don't feel particularly comfortable with HTML/CSS so this was a nice learning opportunity and I hope that I can push myself further on the next frontend project. **Optional** | -Did you deploy to GitHub Pages? If so, what is the URL to your website? | +Did you deploy to GitHub Pages? If so, what is the URL to your website? | No I did not. diff --git a/images/AboutBG.JPG b/images/AboutBG.JPG new file mode 100644 index 000000000..562c97c88 Binary files /dev/null and b/images/AboutBG.JPG differ diff --git a/images/IndexBG.JPG b/images/IndexBG.JPG new file mode 100644 index 000000000..048c1307d Binary files /dev/null and b/images/IndexBG.JPG differ diff --git a/images/PortfolioBG.JPG b/images/PortfolioBG.JPG new file mode 100644 index 000000000..19b8754fb Binary files /dev/null and b/images/PortfolioBG.JPG differ diff --git a/pages/about.html b/pages/about.html index b4ae215c4..12e00c442 100644 --- a/pages/about.html +++ b/pages/about.html @@ -4,9 +4,48 @@ - Document + About Me + + + + +
+ + +
+ +
+

About me

+

I am a current student at Ada Developer's Academy, currently expected to graduate in July 2022. I love math, programming, and cats!

+
+

Tech Stack

+
+
    +
  • Python
    • +
  • Flask
    • +
  • SQL
    • +
  • JavaScript
    • +
  • ReactJS
    • +
+
+
+
+ + \ No newline at end of file diff --git a/pages/index.html b/pages/index.html index b4ae215c4..bd0ff7980 100644 --- a/pages/index.html +++ b/pages/index.html @@ -4,9 +4,38 @@ - Document + Main page + + + + + +
+ +
+
+

Bailey Holderman

+

Full Stack Developer....In training

+
+
+ +
+ + \ No newline at end of file diff --git a/pages/portfolio.html b/pages/portfolio.html index b4ae215c4..8214fcf37 100644 --- a/pages/portfolio.html +++ b/pages/portfolio.html @@ -4,9 +4,56 @@ - Document + Portfolio + + + + +
+ +
+ +
+

Projects

+
+

Viewing Party

+

First official python project! Practiced writing functions, introductory problem solving, nested data structures and test driven development.

+
+
+

Adagrams

+

In Collaboration with Jacy Yang

+

First paired programming project! Also done in python. Practiced function fundamentals, test driven development and play testing.

+
+
+

Swap Meet

+

Practiced defining classes, class methods and creating instances of my created classes. Continued to follow a test driven development workflow and was able to complete the optional enhancements.

+
+
+

Task List

+

A web API that keeps track of your tasks and can interact with Slack! Practiced creating a RESTful API and CRUD routes. Also created models that interacted with a database.

+
+
+

Retro Video Store

+

In Collaboration with Citlalli Zarate

+

A web API for a retro video store! Created a RESTful API, CRUD routes and created custom endpoints. Had time to attempt all of the optional enhancements

+
+
+ + \ No newline at end of file diff --git a/styles/about-style.css b/styles/about-style.css new file mode 100644 index 000000000..7cf479200 --- /dev/null +++ b/styles/about-style.css @@ -0,0 +1,99 @@ +.bio { + font-weight: 200; + font-size: 30px; +} + +.bio, .tech-info { + font-weight: 300; + background-color: rgba(211, 215, 216, 0.75); +} + +body { + font-family: 'Poppins', sans-serif; +} + +footer { + background-color: rgba(211, 215, 216); + height: 150px; +} + +footer p { + display: flex; + flex-direction: row; + justify-content: center; +} + +footer .socials { + display: flex; + flex-direction: row; + justify-content: center; + padding-top: 10px; +} + +h1 { + font-size: 90px; + margin: 0; +} + +h1, .bio, .tech-info { + padding: 30px; +} + +header { + background-color: rgb(2, 2, 15); + color: rgba(211, 215, 216); + font-size: 40px; + +} + +li { + width: 250px; + text-decoration: none; +} + +nav { + display: flex; + justify-content: flex-end; +} + +nav li a { + color: rgba(211, 215, 216); + text-decoration: none; +} + +nav li a:hover { + color: gray; + transition: all 1s ease-out; + text-decoration: none; +} + +p { + font-weight: 200; +} + +section { + display: flex; + flex-direction: column; + height: 100vh; + background-image: url("../images/AboutBG.JPG"); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + color: rgb(23, 60, 104); +} + +.site-links ul { + display: flex; + list-style-type: none; +} + +.social { + margin: 10px; +} + +.tech-info { + display: flex; + flex-direction: column; + height: 250px; + justify-content: center; +} \ No newline at end of file diff --git a/styles/index-style.css b/styles/index-style.css new file mode 100644 index 000000000..b606bacb3 --- /dev/null +++ b/styles/index-style.css @@ -0,0 +1,94 @@ +a:hover { + color: rgb(92, 93, 95); + transition: all 1s ease-out; + text-decoration: none; +} + +body { + font-family: 'Poppins', sans-serif; +} + +footer { + background-color: rgba(211, 215, 216); + height: 150px; +} + +footer p { + display: flex; + flex-direction: row; + justify-content: center; +} + +footer .socials { + display: flex; + flex-direction: row; + justify-content: center; + padding-top: 10px; +} + +h1 { + font-size: 90px; + margin: 0; +} + +header { + height: 100vh; + color: rgba(211, 215, 216); + font-size: 40px; + background-image: url("../images/IndexBG.JPG"); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; +} + +header nav { + background-color: rgb(2, 2, 15); +} + +.hero-text { + margin-left: 40px; + margin-bottom: 200px; +} + +.hero-text h1 { + font-weight: 700; +} + +.hero-text p { + font-weight: 200; +} + +.hero-section { + display: flex; + flex-direction: column; + height: 100%; + justify-content: center; +} + +li { + width: 250px; + text-decoration: none; +} + +nav { + display: flex; + justify-content: flex-end; +} + +nav li a { + color: rgba(211, 215, 216); + text-decoration: none; +} + +p { + font-weight: 200; +} + +.site-links ul { + display: flex; + list-style-type: none; +} + +.social { + margin: 10px; +} \ No newline at end of file diff --git a/styles/portfolio-style.css b/styles/portfolio-style.css new file mode 100644 index 000000000..f1c9259a5 --- /dev/null +++ b/styles/portfolio-style.css @@ -0,0 +1,94 @@ +a { + text-decoration: none; + color: rgb(0, 0, 0); +} + +a:hover { + color: gray; + transition: all 1s ease-out; + text-decoration: none; +} + +article { + padding: 10px; + margin: 10px; + background-color: rgba(211, 215, 216, 0.75); +} + +body { + font-family: 'Poppins', sans-serif; +} + +.container { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-auto-rows: 300px; + grid-gap: 30px; +} + +footer { + background-color: rgba(211, 215, 216); + height: 150px; +} + +footer p { + display: flex; + flex-direction: row; + justify-content: center; +} + +footer .socials { + display: flex; + flex-direction: row; + justify-content: center; + padding-top: 10px; +} + +h1 { + font-size: 90px; + padding-left: 10px; + color: rgba(211, 215, 216); +} + +header { + background-color: rgb(2, 2, 15); + font-size: 40px; +} + +li { + width: 250px; + text-decoration: none; +} + +nav { + display: flex; + justify-content: flex-end; +} + +nav li a { + color: rgba(211, 215, 216); + text-decoration: none; +} + +p { + font-weight: 200; +} + +section { + height: 100vh; + background-image: url("../images/PortfolioBG.JPG"); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; +} + +.site-links ul { + display: flex; + list-style-type: none; + color: white; + text-decoration: none; +} + +.social { + margin: 10px; +} \ No newline at end of file