diff --git a/about.html b/about.html new file mode 100644 index 000000000..f56f1a1e4 --- /dev/null +++ b/about.html @@ -0,0 +1,93 @@ + + + + + + + + + About + + +
+
+

SRBusiness!

+ +
+
+
+
+
+
+

about me

+

+ I am an aspiring software engineer, enrolled at Ada Developers Academy, based in the Pacific Northwest. I'm a midwest native with a passion for learning. Please take a minute to get to know me. +

+
+
+
+
+
+ sarah beach + Baby srb + srb high five +
+
+
+
+
+
    +
  • šŸ‘©ā€šŸ’» Life-time student šŸ‘©ā€šŸ’»
    • +
  • šŸ† Ultimate player and Coach šŸ†
    • +
  • šŸš² Bike commuter šŸš²
    • +
  • šŸœ Amateur home chef šŸœ
    • +
  • šŸ… Gardener and tomatoe enthusiast šŸ…
    • +
  • šŸ’¬ Communicator / conversationalist šŸ’¬
    • +
  • šŸ“• Book monster šŸ“•
    • +
  • šŸ• PNW adventurer šŸ•
    • +
  • šŸ˜» Future cat lady šŸ˜»
    • +
+
+
+
+
+ + + diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 000000000..d649b4fd6 --- /dev/null +++ b/code-journal.html @@ -0,0 +1,117 @@ + + + + + + + + + Code Journal + + +
+
+

SRBusiness!

+ +
+
+
+
+
+
+

journal

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+
+
+
+

Title 1

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+
+
+
+
+

Title 2

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+
+
+
+
+

Title 3

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+
+ + + diff --git a/images/BabySRB_square.jpeg b/images/BabySRB_square.jpeg new file mode 100644 index 000000000..80b39c828 Binary files /dev/null and b/images/BabySRB_square.jpeg differ diff --git a/images/ClubNats_2016_SRB.jpg b/images/ClubNats_2016_SRB.jpg new file mode 100644 index 000000000..ea4e799db Binary files /dev/null and b/images/ClubNats_2016_SRB.jpg differ diff --git a/images/ClubNats_square.jpg b/images/ClubNats_square.jpg new file mode 100644 index 000000000..fa7ae382c Binary files /dev/null and b/images/ClubNats_square.jpg differ diff --git a/images/SRB_layout_2014_square.jpeg b/images/SRB_layout_2014_square.jpeg new file mode 100644 index 000000000..540eb0545 Binary files /dev/null and b/images/SRB_layout_2014_square.jpeg differ diff --git a/images/SRB_signature.png b/images/SRB_signature.png new file mode 100644 index 000000000..cf9fcc8b2 Binary files /dev/null and b/images/SRB_signature.png differ diff --git a/images/SRB_signature_white.png b/images/SRB_signature_white.png new file mode 100644 index 000000000..cf47e24af Binary files /dev/null and b/images/SRB_signature_white.png differ diff --git a/images/SRB_signature_white2.png b/images/SRB_signature_white2.png new file mode 100644 index 000000000..75936debc Binary files /dev/null and b/images/SRB_signature_white2.png differ diff --git a/images/black-grumpy-cat-512.png b/images/black-grumpy-cat-512.png new file mode 100644 index 000000000..a0e063b2d Binary files /dev/null and b/images/black-grumpy-cat-512.png differ diff --git a/images/cactus.png b/images/cactus.png new file mode 100644 index 000000000..ae083f544 Binary files /dev/null and b/images/cactus.png differ diff --git a/images/checklist.png b/images/checklist.png new file mode 100644 index 000000000..5dc7ee10b Binary files /dev/null and b/images/checklist.png differ diff --git a/images/food.png b/images/food.png new file mode 100644 index 000000000..0d3e346c6 Binary files /dev/null and b/images/food.png differ diff --git a/images/hotel.png b/images/hotel.png new file mode 100644 index 000000000..81c9ff37f Binary files /dev/null and b/images/hotel.png differ diff --git a/images/planet.png b/images/planet.png new file mode 100644 index 000000000..c0c013e03 Binary files /dev/null and b/images/planet.png differ diff --git a/images/sarah.jpg b/images/sarah.jpg new file mode 100644 index 000000000..de3421612 Binary files /dev/null and b/images/sarah.jpg differ diff --git a/images/sport.svg b/images/sport.svg new file mode 100644 index 000000000..da46cfc0e --- /dev/null +++ b/images/sport.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..1e21955fe --- /dev/null +++ b/index.html @@ -0,0 +1,100 @@ + + + + + + + + SRB + + +
+
+

SRBusiness!

+ +
+
+
+
+
+
+

home

+

+ Iā€™m SRB, an aspiring software engineer, enrolled at Ada Developers Academy, based in the Pacific Northwest. I strive to MOTO MOTO MOTO MOTO MOTO words words words words. You can find some of my work below. +

+
+
+
+
+
+
+

words about me

+

words about me 

+

+ words about me +

+ About Me +
+
+
+
+

Journal

+

Journal 

+

+ Journal +

+ Journal +
+
+
+
+

Baby software engineer hustling to learn as much as I can.

+

SRB

+

+ Experince with Ruby, HTML, CSS, Javascript, Github (Rails - coming soon!) +

+ View Portfolio +
+
+
+ +
+ + diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..3c37dc19a --- /dev/null +++ b/portfolio.html @@ -0,0 +1,134 @@ + + + + + + + + + Portfolio + + +
+
+

SRBusiness!

+ +
+
+
+
+
+
+

portfolio

+

+ I am an aspiring software engineer, enrolled at Ada Developers Academy, based in the Pacific Northwest. I am in love with learning and am diving head first into the world of web development. Please take a look at some of my work below or vist my GitHub page. +

+
+
+
+
+ cactus +

+ Cowboy Cactus +

+

+ A a complex, Hangman style, program that allow the user to guess a word and get ASCII-art as feedback. +

+
+
+ grocery +

+ Grocery Store +

+

+ Explores object-oriented design and test driven development through a simulated store order system. +

+
+
+ hotel +

+ Hotel +

+

+ Hotel booking system for the front desk. Culmination of Intro to Ruby unit with an emphasis on design. +

+
+
+ solar system +

+ Solar System +

+

+ An exploration of Ruby classes using planents in a solar system. +

+
+
+ scrabble +

+ Scrabble +

+

+ Using test driven development create a collection of Ruby classes that provide the foundation for a scrabble game. +

+
+
+ meowspace +

+ MeowSpace +

+

+ Practicing layout techniques and having DRY readable CSS code. +

+
+
+ checklist +

+ Task List +

+

+ First foray into Rail. Task list that allows user to keep track of and persist, add, edit and remove tasks. +

+
+
+
+
+ + + diff --git a/styles/aboutme.css b/styles/aboutme.css new file mode 100644 index 000000000..c25926df6 --- /dev/null +++ b/styles/aboutme.css @@ -0,0 +1,27 @@ +.box2:first-of-type{ + /*background-color: #EA4C89;*/ + background-color: var(--deepred) +} + +.box2 img { + /*max-width: 300px;*/ + max-height: 70%; + border-radius: 50%; + margin: 2%; +} + +.box2:nth-of-type(2) { + background-color: var(--grey1); +} +.box2 ul { + color: var(--grey3); + /*text-decoration: none;*/ + list-style-type: none; + /*text-align: left;*/ + padding: 0; + font-size: 2em; +} +.descriptors { + margin: 0 auto; + width: 40%; +} diff --git a/styles/journal.css b/styles/journal.css new file mode 100644 index 000000000..880cee0bb --- /dev/null +++ b/styles/journal.css @@ -0,0 +1,26 @@ +article { + text-align: left; +} + +.section-content p { + width: 70%; + font-size: 1.3em; +} + +section .box2 h3 { + text-align: center; + font-family: "proxima-nova",sans-serif; + font-size: 2em; + color: var(--deepred); +} +section:nth-child(odd){ + background-color: var(--grey1); + +} +section:nth-child(odd) p{ + color: var(--grey4); +} + +section:nth-child(even){ + background-color: var(--teal); +} diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 000000000..901da8255 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,238 @@ +/*COLORS*/ +:root { + --lightred: #de6162; + --deepred: #ED2030; + --white: #FFFFFF; + --grey1: #F9F9F9; + --grey2: #C9C9C9; + --grey3: #707070; + --grey4: #4e4e4e; + --grey5: #333333; + --teal: #5DBCD2; + --black: #171617; + --yellow: #F5C41F; + --pink: #EA4C89; +} + +/*Big broad styles*/ +html{ + font-family: "proxima-nova",sans-serif; +} + +a { + text-decoration: none; +} +main p { + font-family: "minion-pro",serif; +} + +/**********/ +/* Header */ +/**********/ +header { + background-color: var(--grey1); +} + +.flex-container { + width: 100%; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +nav ul { + display: flex; + margin: 10px 30px; + padding: 0; +} + +nav li { + list-style-type: none; + padding: 10px; +} + +header a { + color: var(--grey4); + font-size: 1.5em; +} + +header a:hover, .footer-content a:hover { + border-bottom: 0.2em solid var(--lightred); + color: var(--lightred); +} +#header-title a{ + color: var(--grey4); + margin-left: 30px; + font-size: 3em; +} + +/***** *****/ +/* Section 1 */ +/***** *****/ + +.box1 { + display: block; + width: 100%; + background-color: var(--grey1); +} + +.box1-content { + text-align: left; + padding: 30px; + margin-right: 100px; + margin-left: 100px; + position: relative; + height: auto; +} + +.box1 h2 { + display: block; + color: var(--grey2); + font-weight: 600; + font-size: 3em; + margin-top: .5em; + margin-bottom: 1em; +} + +.box1 p { + font-size: 2em; + font-weight: 400; + color: var(--grey3); +} + +p>span { + font-style: italic; + color: var(--lightred); +} + +.box1 p a { + color: var(--grey3); +} + +/***** *****/ +/* Section 2 link to portfolio site */ +/***** *****/ + +.portfolio-intro { + background: url(http://dbhurley.com/media/uploads/2014/09/clean_office_desk.jpg); + background-position: 60% 40%; +} + +.about-me-intro { + background: url('../images/ClubNats_2016_SRB.jpg'); + background-position: 95% 5%; +} + +.journal-intro { + background-color: var(--teal); +} + +.box2{ + background-repeat: no-repeat; + background-size: cover; + width: 100%; + display: table; +} + +.darken-overlay div { + width: 100%; + background-color: rgba(0, 0, 0, 0.5); +} + +.section-content { + height: 30em; + display: table-cell; + vertical-align: middle; + text-align: center; + color: var(--grey1) +} + +.section-content h4 { + font-size: 1.3em; + padding: 0; + font-weight: 100; +} + +.section-content h3 { + color: var(--deepred); + font-size: 3.2em; + font-weight: 700; +} + +.section-content p { + padding: 1em 0 1em; + width: 15em; + margin: 0 auto; + font-size: 1.7em; + font-weight: 400; + line-height: 1.5; +} + +.section-content a { + font-size: 1.1em; + border: 2px solid var(--grey1); + border-radius: 4px; + padding: 0.8em 0.6em; + color: var(--grey1); +} + +.section-content a:hover { + background-color: var(--grey1); + color: var(--grey3); +} + + +/***** *****/ +/* FOOTER */ +/***** *****/ + + +/* Media bar*/ + +footer .flex-container:first-child { + background-color: var(--black); +} + +/*icons*/ +.fa { + padding: 20px; + font-size: 30px; + width: 30px; + /*text-align: center;*/ +} + +footer .flex-container { + display: flex; + /*padding: 10%;*/ + margin-right: 30px; + justify-content: center; +} + +#mediabar a { + color: var(--grey5); +} +#mediabar a:hover { + color: var(--lightred); + border-bottom: none; +} + +/*post media bar footer*/ +footer { + background-color: black; + margin:0; +} + +.footer-content { + padding: 20px; +} +.footer-content a{ + color: var(--grey1); + font-size: 1.5em; +} + +footer p { + color: var(--grey1); + text-align: center; +} diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 000000000..a7ddfcdb3 --- /dev/null +++ b/styles/portfolio.css @@ -0,0 +1,42 @@ +/* images */ +.card-container img { + max-height: 200px; + background-color: var(--grey1); +} + +.card-container { + background-color: var(--yellow); + justify-content: space-around; + padding: 20px 0; +} + +.card-box { + height: 400px; + width: 300px; + display: flex; + margin: 0 auto; + align-items: center; + justify-content: center; + background-color: var(--grey1); + flex-direction: column; + margin: 20px 10px; + border-radius: 20px; + /*padding: 10px;*/ +} + +.card-box p { + margin: 10px 20px 10px 20px; + font-size: 1.1em; + color: var(--grey4); + text-align: center; +} + +.card-box a:hover { + border-bottom: 0.2em solid var(--lightred); + color: var(--lightred); +} +.card-box a { + color: var(--grey4); + font-size: 1.4em; + font-family: "proxima-nova",sans-serif; +}