From 693a126852622f5b58b0020103207879792c9aa5 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Wed, 25 Sep 2019 16:11:12 -0400 Subject: [PATCH 01/27] Instagram: added content to index.html --- instagram/index.html | 83 +++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 82 insertions(+), 1 deletion(-) diff --git a/instagram/index.html b/instagram/index.html index 4884712..23f6fd5 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,82 @@ - + + + + + + Instagram + + + +
+
+ +

About Us

+ +

The Team

+ +
+

Kevin Systrom (CEO, co-founder)

+ +

Kevin Systrom (@kevin) + is the CEO and co-founder of Instagram, a community of more than 1 billion + who capture and share the world's moments on the service. He is responsible + for the company's overall vision and strategy as well as day-to-day operations.

+ +

Since the beginning, Kevin has focused on simplicity and + inspiring creativity through solving problems with thoughtful product design. + As a result, Instagram has become the home for visual storytelling for + everyone from celebrities, newsrooms and brands, to teens, musicians and + anyone with a creative passion.

+ +

Prior to founding Instagram, Kevin was part of the startup Odeo, which later + became Twitter, and spent two years at Google working on products like Gmail + and Google Reader. He graduated from Stanford University with a BS in + Management Science & Engineering and serves on the boards of Walmart and KCRW.

+
+ +
+

Mike Krieger (CTO, co-founder)

+ +

Mike Krieger (@mikeyk) is the CTO and + co-founder of Instagram, a global community of more than 1 billion. As the + head of engineering, Mike focuses on building products that bring out the + creativity in all of us.

+ +

A native of Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems from + Stanford University. Prior to founding Instagram, he worked at Meebo as a + user experience designer and front-end engineer.

+ +
+
+ + +
+ + + From a2dcc94dac2322bf81da8b02a594363c8e5fe1ff Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Wed, 25 Sep 2019 16:14:06 -0400 Subject: [PATCH 02/27] Instagram: fixed nav links to actually be anchor tags --- instagram/index.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/instagram/index.html b/instagram/index.html index 23f6fd5..e9d7ba9 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -56,9 +56,9 @@

About

@@ -68,10 +68,10 @@

Legal

From 40d1d174ce5f5c8b1600d88576a368606bac0c91 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 13:31:10 -0400 Subject: [PATCH 03/27] Instagram: created the css for the page and linked it in the HTML --- instagram/index.html | 1 + instagram/styles.css | 71 +++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 71 insertions(+), 1 deletion(-) diff --git a/instagram/index.html b/instagram/index.html index e9d7ba9..d532045 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -4,6 +4,7 @@ Instagram + diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..e47a9f9 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,70 @@ -/* Add your CSS here */ +*, *::before, *::after { + box-sizing: border-box; +} + +body { + padding: 0; + margin: 0; +} +main { + background-color: #efeaea; + padding: 10px; + display: flex; + flex-direction: row-reverse; + font-family: sans-serif; +} + +h1 { + font-weight: normal; + font-size: 2rem; +} +h2 { + font-weight: normal; +} + +article { + width: 80%; + border: thin solid lightgray; + background-color: white; + padding: 0 30px 100px 30px; +} + + +p { + margin: 10px 0 10px 0; +} + +aside { + width: 20%; + border: thin solid lightgray; + background-color: white; + padding: 0; +} + +aside h2 { + color: gray; + margin-left: 20px; + text-transform: uppercase; + font-size: 1rem; +} + +aside a { + text-decoration: none; + display: flex; + height: 3rem; + color: black; + padding-left: 25px; + align-items: center; +} + +aside a:hover { + border-left: medium solid black; + font-weight: bold; +} + +ul { + padding: 0; +} +li { + list-style: none; +} From 8a46dc73e973e27f0f95376f036f520430d26b36 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 13:57:13 -0400 Subject: [PATCH 04/27] added content to index.html --- amazon/index.html | 48 ++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) diff --git a/amazon/index.html b/amazon/index.html index 4884712..ba161b4 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,47 @@ - + + + + + + Amazon + + + + +
+ +
+

Computer & Technology Books

+ +

Browse a wide selection of programming guides, + Android resources, and Java books.

+
+ +
+ +

Shop by category

+ + +
+
+ + + + From ebb7abe9cf2e6bc1b719bc7bcf2067b723be6111 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:04:00 -0400 Subject: [PATCH 05/27] formatted the header with font sizes and color --- amazon/styles.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..f92ddec 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,18 @@ -/* Add your CSS here */ +*, *::after, *::before { + box-sizing: border-box; +} + +main { + font-family: sans-serif; + padding: 10px; +} + +h1 { + color: #ff6a00; + margin-bottom: 1rem; +} + +p { + color: gray; + font-size: .8rem; +} From ef7bceb77386668b27cc70ac395928241b6772a6 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:14:05 -0400 Subject: [PATCH 06/27] formatted the list of categories --- amazon/styles.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/amazon/styles.css b/amazon/styles.css index f92ddec..16a687e 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -16,3 +16,26 @@ p { color: gray; font-size: .8rem; } + +h2 { + margin-top: 2rem; + border-bottom: thin solid lightgray; + padding-bottom: 1rem; +} + +ul { + display: flex; + flex-wrap: wrap; + padding: 0; +} + +li { + list-style: none; + width: 25%; + margin-bottom: 2rem; + text-align: center; +} +li a { + display: block; + text-decoration: none; +} From 13012401ed46e9441d7454d21fa306bb9fca7f25 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:18:39 -0400 Subject: [PATCH 07/27] quick fix categories in amazon to be bold --- amazon/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/amazon/styles.css b/amazon/styles.css index 16a687e..7151013 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -38,4 +38,5 @@ li { li a { display: block; text-decoration: none; + font-weight: bold; } From 56e2ccbe2a49dd0864b822945428be2a715dc906 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:43:48 -0400 Subject: [PATCH 08/27] added content to index.html --- stevens-college/index.html | 31 ++++++++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..e3152d8 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,30 @@ - + + + + + + Stevens College + + + + +
+

Computer Software Engineering Technology

+ + Placeholder for a vimeo embed + + +
+ +

Computers have become a major factor in the development and + operation of the modern industry. From providing means of communications, + to operating machines, to facilitating international commerce, to systems + animation, computers and their related software programs makes + things possible.

+ + + From 95202a739774fe0266e1e61ae7d0c2b381340a93 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:47:55 -0400 Subject: [PATCH 09/27] put the paragraph inside main --- stevens-college/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index e3152d8..47a6f08 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -18,13 +18,13 @@

Computer Software Engineering Technology

  • Faculty
  • Tool List
    • - -

    Computers have become a major factor in the development and - operation of the modern industry. From providing means of communications, - to operating machines, to facilitating international commerce, to systems - animation, computers and their related software programs makes - things possible.

    +

    Computers have become a major factor in the development and + operation of the modern industry. From providing means of communications, + to operating machines, to facilitating international commerce, to systems + animation, computers and their related software programs makes + things possible.

    + From ebbbc01d001075d9040c4817a73660e06650f1ed Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 14:53:43 -0400 Subject: [PATCH 10/27] replaced the placeholder image with a better one --- stevens-college/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 47a6f08..f8a8bf9 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -11,7 +11,7 @@

    Computer Software Engineering Technology

    - Placeholder for a vimeo embed + Placeholder for a vimeo embed
    • Schedule
      • From d1acdf35ee460eaf825284e67bc8b96d2640c217 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 15:11:22 -0400 Subject: [PATCH 11/27] styled the page --- stevens-college/styles.css | 50 +++++++++++++++++++++++++++++++++++++- 1 file changed, 49 insertions(+), 1 deletion(-) diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..0941c79 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,49 @@ -/* Add your CSS here */ +body { + margin: 0; + background-color: #f3f3f3; +} +main { + width: 430px; + font-family: sans-serif; + padding: 10px; +} + +h1 { + margin-top: 0; + font-size: 2.5rem; + text-transform: uppercase; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; +} + +ul { + display: flex; + padding-left: 0; + justify-content: space-around; + margin: 2rem 0 2rem 0; +} + +li { + list-style: none; +} + +li a { + display: flex; + color: white; + text-decoration: none; + text-transform: uppercase; + background-color: #c50000; + border: thin solid #c50000; + height: 2rem; + width: 7rem; + align-items: center; + justify-content: center; +} +li a:hover { + background-color: white; + color: #c50000; +} From ab72a7be5b649448416454fffb679b442cab4892 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 15:14:11 -0400 Subject: [PATCH 12/27] changed the buttons to a more pleasant red color --- stevens-college/styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/stevens-college/styles.css b/stevens-college/styles.css index 0941c79..6ad789f 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -36,8 +36,8 @@ li a { color: white; text-decoration: none; text-transform: uppercase; - background-color: #c50000; - border: thin solid #c50000; + background-color: #a5002e; + border: thin solid #a5002e; height: 2rem; width: 7rem; align-items: center; @@ -45,5 +45,5 @@ li a { } li a:hover { background-color: white; - color: #c50000; + color: #a5002e; } From d197f1eba60b586c1a6abfbe9a923489d54afbd2 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 15:17:41 -0400 Subject: [PATCH 13/27] centered the stevens college page in the window --- stevens-college/styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/stevens-college/styles.css b/stevens-college/styles.css index 6ad789f..62fc623 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -6,6 +6,8 @@ main { width: 430px; font-family: sans-serif; padding: 10px; + margin-left: auto; + margin-right: auto; } h1 { From 54bb41d2d23981192c44322c24b19bc54d0a680e Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 15:37:19 -0400 Subject: [PATCH 14/27] added all the content to index.html except for the form --- airbnb/index.html | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..5211a3d 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,34 @@ - + + + + + + Airbnb + + + + + +
      +

      Book unique homes and experiences.

      +
      + +
      + +
      + +
      +

      Explore Airbnb

      + + +
      + + + From e00d150eac337330e181c9e85a90acfb19fb9fc2 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 15:54:48 -0400 Subject: [PATCH 15/27] added a form to index.html --- airbnb/index.html | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/airbnb/index.html b/airbnb/index.html index 5211a3d..5bd8751 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -15,6 +15,27 @@

      Book unique homes and experiences.

      +
      + + +
      + +
      + + +
      + +
      + + +
      + +
      + + +
      + +
      From 0f1dc974262c47dffc4a8403bcc689044f3a4500 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 16:07:37 -0400 Subject: [PATCH 16/27] made index.html for semantic and added values for the text boxes --- airbnb/index.html | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 5bd8751..efa8390 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -15,27 +15,21 @@

      Book unique homes and experiences.

      -
      - - -
      + + -
      +
      - -
      + -
      - -
      + +
      -
      - - -
      + + - +
      From 13b5524bd0961918e405a91dbc4c43a093a8cf45 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Thu, 26 Sep 2019 16:15:07 -0400 Subject: [PATCH 17/27] put checkin/checkout inputs in sections and got them to be side by side --- airbnb/index.html | 14 +++++++++----- airbnb/styles.css | 36 +++++++++++++++++++++++++++++++++++- 2 files changed, 44 insertions(+), 6 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index efa8390..1a3792e 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -19,11 +19,15 @@

      Book unique homes and experiences.

      - - - - - +
      + + +
      + +
      + + +
      diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..ce2e395 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,35 @@ -/* Add your CSS here */ +body { + font-family: sans-serif; +} + +header { + display: flex; + align-items: center; + background-color: gray; + height: 6rem; +} + +h1{ + color: white; + margin-left: 10px; +} + +label { + display: block; + margin-top: 2rem; + text-transform: uppercase; + color: gray; +} + +input { + display: block; + width: 100%; + height: 2rem; +} + +form > section { + display: flex; +} +section > section { + width: 50%; +} From 98c4586b3f6808e27648f981ccc05cd423bb0df4 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Fri, 27 Sep 2019 13:57:42 -0400 Subject: [PATCH 18/27] added content to index.html --- github/index.html | 51 ++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/github/index.html b/github/index.html index 4884712..061e3fc 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,50 @@ - + + + + + + GitHub + + + + +
      +

      Come help us make collaboration even better

      +

      At GitHub we build the tools that make collaborating and + writing software easier for everyone. We've built a company we + truly love working for, and we think you will too.

      +
      + + + +
      + +
      + +
      +

      A diverse and inclusive workplace

      +

      At GitHub, we think that a diverse company is a strong company, and + we work hard to foster a supportive and welcoming workplace. Learn + more about our commitment to diversity and inclusion and see our + current demographic data.

      +
      + +
      +

      Work happier

      +

      Build amazing things with autonomy, self-direction, and a healthy + work-life balance. We offer flexible work schedules for all of + our employees and unlimited PTO. We also believe that if a job allows for it, + you should work wherever you're happiest.

      +
      + + + From 559ffba1dc20e6380071d0fc285f85c66d738ad0 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Fri, 27 Sep 2019 14:14:55 -0400 Subject: [PATCH 19/27] styled the header and links section --- github/styles.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 57 insertions(+), 1 deletion(-) diff --git a/github/styles.css b/github/styles.css index b9ad8b6..1fe4237 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,57 @@ -/* Add your CSS here */ +*, *::after, *::before { + box-sizing: border-box; +} + +body { + font-family: sans-serif; +} + +h1 { + text-align: center; + margin-top: 8rem; + font-size: 3rem; + width: 60%; + margin-left: auto; + margin-right: auto; +} + +li { + display: inline; + list-style: none; +} +ul { + padding-left: 0; +} + +a { + text-decoration: none; +} + +header p { + width: 70%; + font-size: 1.5rem; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +nav nav { + position: absolute; +} + +.links li{ + display: block; + width: 30%; + text-align: center; +} +.links ul{ + display: flex; + width: 50%; + margin-left: auto; + margin-right: auto; + justify-content: space-around; +} + +.links a { + font-size: 1.2rem; +} From 3bbb93b878efa295c71e145913b4e0810af26852 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Fri, 27 Sep 2019 14:47:42 -0400 Subject: [PATCH 20/27] placed articles in two columns without the images. --- github/index.html | 1 + github/styles.css | 16 +++++++++++++--- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/github/index.html b/github/index.html index 061e3fc..057a184 100644 --- a/github/index.html +++ b/github/index.html @@ -30,6 +30,7 @@

      Come help us make collaboration even better

    +

    A diverse and inclusive workplace

    At GitHub, we think that a diverse company is a strong company, and diff --git a/github/styles.css b/github/styles.css index 1fe4237..6199dc6 100644 --- a/github/styles.css +++ b/github/styles.css @@ -35,8 +35,9 @@ header p { text-align: center; } -nav nav { +nav { position: absolute; + top: 0; } .links li{ @@ -47,11 +48,20 @@ nav nav { .links ul{ display: flex; width: 50%; - margin-left: auto; - margin-right: auto; + margin: 3rem auto 4rem auto; justify-content: space-around; } .links a { font-size: 1.2rem; } + +.diversity { + width: 50%; + float: left; +} + +.happy { + width: 50%; + float: left; +} From 3edd6b2e57f05a5ed7e9cd72147314a45d3356b9 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 10:14:26 -0400 Subject: [PATCH 21/27] added placeholder attributes to the form inputs --- airbnb/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 1a3792e..f6642c1 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -16,22 +16,22 @@

    Book unique homes and experiences.

    - +
    - +
    - +
    - +
    From 543d0f7fa1570a1e760a886c0a23858d93da7ed9 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 10:33:26 -0400 Subject: [PATCH 22/27] moved the images inside of the anchor tags --- airbnb/index.html | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index f6642c1..4957568 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -36,16 +36,13 @@

    Book unique homes and experiences.

    -
    +

    Explore Airbnb

    From ffb75771d152b667d0d971a8623df4a1aa5e5436 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 10:34:18 -0400 Subject: [PATCH 23/27] formatted the explore buttons at the bottom of the page --- airbnb/styles.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/airbnb/styles.css b/airbnb/styles.css index ce2e395..67904e2 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -19,12 +19,15 @@ label { margin-top: 2rem; text-transform: uppercase; color: gray; + font-weight: bold; + margin-bottom: 1rem; } input { display: block; width: 100%; height: 2rem; + font-size: 1rem; } form > section { @@ -33,3 +36,27 @@ form > section { section > section { width: 50%; } + +.explore ul { + display: flex; + padding-left: 0; + justify-content: space-around; +} + +.explore li { + width: 30%; + list-style: none; + border: thin solid lightgray; + height: 75px; +} + +.explore li a { + width: 100%; + height: 100%; + text-align: center; + display: flex; + align-items: center; + text-decoration: none; + color: gray; + font-weight: bold; +} From bdad4b4aa817918423cb30b8c774109786798d70 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 10:42:11 -0400 Subject: [PATCH 24/27] formatted search button and header image --- airbnb/styles.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/airbnb/styles.css b/airbnb/styles.css index 67904e2..1174b0e 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -6,6 +6,7 @@ header { display: flex; align-items: center; background-color: gray; + background-image: url("https://placekitten.com/2000/100"); height: 6rem; } @@ -26,7 +27,7 @@ label { input { display: block; width: 100%; - height: 2rem; + height: 3rem; font-size: 1rem; } @@ -37,6 +38,12 @@ section > section { width: 50%; } +.search { + background-color: #ff5c5c; + color: white; + margin: 1rem 0 1rem 0; +} + .explore ul { display: flex; padding-left: 0; From e6e0213be3d097dda3a98355dcedbba1aa0acd24 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 10:57:19 -0400 Subject: [PATCH 25/27] gave a class to the current page label at the top and put a '/' before it --- github/index.html | 2 +- github/styles.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/github/index.html b/github/index.html index 057a184..24bdf54 100644 --- a/github/index.html +++ b/github/index.html @@ -18,7 +18,7 @@

    Come help us make collaboration even better

    diff --git a/github/styles.css b/github/styles.css index 6199dc6..e2c9366 100644 --- a/github/styles.css +++ b/github/styles.css @@ -40,6 +40,11 @@ nav { top: 0; } +.current::before{ + content: "/ "; + color: gray; +} + .links li{ display: block; width: 30%; From b439bb0ef81510edcb14cdf60e0b3641953a8d59 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Mon, 30 Sep 2019 12:10:29 -0400 Subject: [PATCH 26/27] made everything in airbnb border-box box sizing --- airbnb/styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/airbnb/styles.css b/airbnb/styles.css index 1174b0e..1633a7d 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1,3 +1,7 @@ +*, *::before, *::after { + box-sizing: border-box; +} + body { font-family: sans-serif; } From fa51d6de8eb60c8f1b79255e555b320ada8e3b21 Mon Sep 17 00:00:00 2001 From: Brendan Horst Date: Tue, 1 Oct 2019 13:04:13 -0400 Subject: [PATCH 27/27] completed the github page --- github/index.html | 33 +++++++++++++++++---------------- github/styles.css | 36 ++++++++++++++++++++++++++++++++---- 2 files changed, 49 insertions(+), 20 deletions(-) diff --git a/github/index.html b/github/index.html index 24bdf54..e40ffaa 100644 --- a/github/index.html +++ b/github/index.html @@ -30,22 +30,23 @@

    Come help us make collaboration even better

    - -
    -

    A diverse and inclusive workplace

    -

    At GitHub, we think that a diverse company is a strong company, and - we work hard to foster a supportive and welcoming workplace. Learn - more about our commitment to diversity and inclusion and see our - current demographic data.

    -
    - -
    -

    Work happier

    -

    Build amazing things with autonomy, self-direction, and a healthy - work-life balance. We offer flexible work schedules for all of - our employees and unlimited PTO. We also believe that if a job allows for it, - you should work wherever you're happiest.

    -
    +
    +
    +

    A diverse and inclusive workplace

    +

    At GitHub, we think that a diverse company is a strong company, and + we work hard to foster a supportive and welcoming workplace. Learn + more about our commitment to diversity and inclusion and see our + current demographic data.

    +
    + +
    +

    Work happier

    +

    Build amazing things with autonomy, self-direction, and a healthy + work-life balance. We offer flexible work schedules for all of + our employees and unlimited PTO. We also believe that if a job allows for it, + you should work wherever you're happiest.

    +
    +
    diff --git a/github/styles.css b/github/styles.css index e2c9366..7ed0451 100644 --- a/github/styles.css +++ b/github/styles.css @@ -27,6 +27,10 @@ a { text-decoration: none; } +p { + color: gray; +} + header p { width: 70%; font-size: 1.5rem; @@ -61,12 +65,36 @@ nav { font-size: 1.2rem; } +h2 { + font-weight: normal; +} + +.info { + display: flex; + flex-direction: row; + justify-content: center; +} + +.info::before { + content: url("https://placekitten.com/100/100"); + order: 1; + margin: 1rem; +} + .diversity { - width: 50%; - float: left; + width: 30%; + order: 2; + margin-right: 2rem; +} + +.info::after { + content: url("https://placekitten.com/100/100"); + order: 3; + margin: 1rem; + margin:left: 2rem; } .happy { - width: 50%; - float: left; + width: 30%; + order: 4; }