From bd630577da5c399687f0ab0a3c4585225b2a6552 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:41:28 -0600 Subject: [PATCH 01/33] Update index.html --- index.html | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index ec3ce73..e6661a0 100644 --- a/index.html +++ b/index.html @@ -14,13 +14,15 @@
-

Pete Thinkful | Artist

- -
+
+

Pete Thinkful | Artist

+ +
+
From 731a1596131125ac2f1f6aae6b759ca31b05c64c Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:46:13 -0600 Subject: [PATCH 02/33] Update style.css --- style.css | 36 ++++++++++++++++++++++++++++++++---- 1 file changed, 32 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 852500d..29cbc6e 100644 --- a/style.css +++ b/style.css @@ -19,6 +19,38 @@ h3 { /* Header */ header { text-align: center; + background-color: #f0f0f0; /* Background color for the header */ + padding: 20px; /* Padding for the header */ +} + +/* Use flexbox for header content alignment */ +.header-content { + display: flex; + justify-content: space-between; /* Align items horizontally */ + align-items: center; /* Vertically center items */ + max-width: 600px; /* Adjust maximum width for responsiveness */ + margin: 0 auto; /* Center the header content horizontally */ +} + +/* Apply styles to the logo text */ +h1 { + margin: 0; /* Remove default margins */ + font-size: 24px; /* Adjust font size */ +} + +/* Apply styles to the navigation links */ +nav { + display: flex; +} + +nav a { + margin-left: 20px; /* Adjust spacing between links */ + text-decoration: none; /* Remove default link underline */ + color: #333; /* Set link color */ +} + +nav a:hover { + color: #555; /* Change link color on hover */ } /* Containers */ @@ -51,10 +83,6 @@ a:hover { color: #f77f00; } -nav a { - padding-left: 20px; -} - /* Images */ img { width: 100%; From a3ab113d0cd81720ba723302457379293e370965 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:50:25 -0600 Subject: [PATCH 03/33] Update index.html --- index.html | 148 ++++++++++++++++------------------------------------- 1 file changed, 43 insertions(+), 105 deletions(-) diff --git a/index.html b/index.html index e6661a0..5967ed0 100644 --- a/index.html +++ b/index.html @@ -1,43 +1,36 @@ + - - - - - Pete Thinkful - - - - - -
-
-

Pete Thinkful | Artist

- -
-
+ + + + + Pete Thinkful + + + + + +
+
+

Pete Thinkful | Artist

+ +
+
-
-
- -
-

About

-
+
+
+ +
+

About

+
+

Hi! I'm Pete Thinkful

-
- Pete Thinkful -
+ Pete Thinkful

I'm an artist living in Denver, Colorado.

As an artist, I'm interested in:

    @@ -49,9 +42,9 @@

    Hi! I'm Pete Thinkful

    Please feel free to take a look at my website and feel free to contact me.

    -
+
-
+

Pete's Background

After graduating college, I became an art teacher and worked with @@ -63,74 +56,19 @@

Pete's Background

for a collaborator for your next project, please reach out! I'm so excited to work with other artists to create new art.

-
-
- -
- - -
-

Portfolio

-
-

Abstract Red

-
- Abstract Red -
-

- Vaporware wayfarers heirloom neutra disrupt. Activated charcoal - waistcoat scenester hell of. -

-
- -
-

Spiral Zany

-
- Spiral Zany -
-

- Sriracha portland taxidermy cronut messenger bag, vegan - distillery. Vaporware kickstarter air plant mumblecore food truck. -

-
- -
-

Melted Rainbow

-
- Melted Rainbow -
-

- Edison bulb single-origin coffee snackwave, actually ennui - locavore shabby chic forage. -

-
-
+
+ + -
+ - -
-

Contact

-

- I'd love to hear from you! Please feel free to contact or follow me: -

-
    -
  1. - LinkedIn -
  2. -
  3. - Instagram -
  4. -
  5. - Pinterest -
  6. -
-
-
-
+ + - - - + + + + From dbd1cc4b2cb0ab50ea3e00282e79a8222418e0bf Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:51:08 -0600 Subject: [PATCH 04/33] Update style.css --- style.css | 98 +++++++++++++------------------------------------------ 1 file changed, 23 insertions(+), 75 deletions(-) diff --git a/style.css b/style.css index 29cbc6e..407d5a5 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,7 @@ /* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); +/* Updated CSS */ body { background-color: #eae2b7; color: #003049; @@ -8,99 +9,46 @@ body { padding: 40px; } -/* Headings */ -h1, -h2, -h3 { - font-family: "Playfair Display", Times, serif; - text-align: center; -} - /* Header */ header { text-align: center; - background-color: #f0f0f0; /* Background color for the header */ - padding: 20px; /* Padding for the header */ + background-color: #f0f0f0; + padding: 20px; } /* Use flexbox for header content alignment */ .header-content { display: flex; - justify-content: space-between; /* Align items horizontally */ - align-items: center; /* Vertically center items */ - max-width: 600px; /* Adjust maximum width for responsiveness */ - margin: 0 auto; /* Center the header content horizontally */ + justify-content: space-between; + align-items: center; + max-width: 600px; + margin: 0 auto; } -/* Apply styles to the logo text */ -h1 { - margin: 0; /* Remove default margins */ - font-size: 24px; /* Adjust font size */ +/* About section */ +#about { + padding-top: 50px; } -/* Apply styles to the navigation links */ -nav { +.about-content { display: flex; + flex-direction: column; + align-items: center; } -nav a { - margin-left: 20px; /* Adjust spacing between links */ - text-decoration: none; /* Remove default link underline */ - color: #333; /* Set link color */ -} - -nav a:hover { - color: #555; /* Change link color on hover */ -} - -/* Containers */ -div { - background-color: #eae2b7; - margin: auto; - width: 600px; -} - -article { - padding: 50px 0; -} - -article div { - text-align: center; - width: 100%; -} - -/* Paragraphs */ -p { - line-height: 1.5; -} - -/* Links */ -a:link { - color: #d62828; -} - -a:hover { - color: #f77f00; -} - -/* Images */ -img { - width: 100%; - max-width: 200px; - height: auto; +.about-details { + display: flex; + flex-direction: column; + align-items: center; + text-align: left; } -.image-circle { - border: 2px solid #003049; - border-radius: 50%; +.about-details img { + margin-bottom: 20px; } -/* Footer */ -footer { - text-align: center; +.petes-background { + margin-top: 40px; } +/* ... (remaining CSS remains unchanged) ... */ -/* Other page elements */ -hr { - border: 1px solid black; -} From 125f59c892ed7e519db2a80d240cf5cea78614e3 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:54:28 -0600 Subject: [PATCH 05/33] Update index.html --- index.html | 40 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5967ed0..60f2454 100644 --- a/index.html +++ b/index.html @@ -60,8 +60,46 @@

Pete's Background

- + +
+

Portfolio

+
+
+

Abstract Red

+
+ Abstract Red +
+

+ Vaporware wayfarers heirloom neutra disrupt. Activated charcoal + waistcoat scenester hell of. +

+
+ +
+

Spiral Zany

+
+ Spiral Zany +
+

+ Sriracha portland taxidermy cronut messenger bag, vegan + distillery. Vaporware kickstarter air plant mumblecore food truck. +

+
+
+

Melted Rainbow

+
+ Melted Rainbow +
+

+ Edison bulb single-origin coffee snackwave, actually ennui + locavore shabby chic forage. +

+
+
+
+ + From edac3d77ef7dc059f885eff26f28ffae276e03ba Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:54:41 -0600 Subject: [PATCH 06/33] Update index.html --- index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/index.html b/index.html index 60f2454..716e5fa 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,4 @@ - From abc9e409090705a59e9b9552b7ed3cb57fb56b9d Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 14:55:24 -0600 Subject: [PATCH 07/33] Update style.css --- style.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 407d5a5..4d851a5 100644 --- a/style.css +++ b/style.css @@ -50,5 +50,29 @@ header { .petes-background { margin-top: 40px; } -/* ... (remaining CSS remains unchanged) ... */ + +/* Portfolio section */ +#portfolio { + padding-top: 50px; +} + +.portfolio-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px; +} + +.project { + width: calc(33.33% - 20px); +} + +.project img { + width: 100%; + height: auto; +} + +.project-description { + font-size: 14px; +} From 4427b2502c7d21375203dbbbbfcdafea06861e7c Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Sat, 23 Dec 2023 15:01:33 -0600 Subject: [PATCH 08/33] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3d3ab7f..c49b1c9 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ # starter-pete-thinkful-portfolio +I made updates to the Index.html and the Style.css as requested within the assignment. From 03a87d03ef4bddbb58d03d53c2d70b92b7240721 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:09:20 -0600 Subject: [PATCH 09/33] Update index.html --- index.html | 71 +++++++++++++++++++++++++++++------------------------- 1 file changed, 38 insertions(+), 33 deletions(-) diff --git a/index.html b/index.html index 716e5fa..2604143 100644 --- a/index.html +++ b/index.html @@ -24,40 +24,45 @@

Pete Thinkful | Artist

-
-

About

-
-
-

Hi! I'm Pete Thinkful

- Pete Thinkful -

I'm an artist living in Denver, Colorado.

-

As an artist, I'm interested in:

-
    -
  • Producing abstract art
  • -
  • Creating street graffiti art
  • -
  • Connecting with like-minded artists
  • -
-

- Please feel free to take a look at my website and feel free to - contact me. -

-
+
+

About

+
+
+
+

Hi! I'm Pete Thinkful

+

I'm an artist living in Denver, Colorado.

+

As an artist, I'm interested in:

+
    +
  • Producing abstract art
  • +
  • Creating street graffiti art
  • +
  • Connecting with like-minded artists
  • +
+

+ Please feel free to take a look at my website and feel free to + contact me. +

+
-
-

Pete's Background

-

- After graduating college, I became an art teacher and worked with - beginners and professionals. I love art and my works have been - featured in major art galleries across the globe. -

-

- If you're looking to hire an artist or if you're an artist looking - for a collaborator for your next project, please reach out! I'm so - excited to work with other artists to create new art. -

-
-
-
+
+

Pete's Background

+

+ After graduating college, I became an art teacher and worked with + beginners and professionals. I love art, and my works have been + featured in major art galleries across the globe. +

+

+ If you're looking to hire an artist or if you're an artist looking + for a collaborator for your next project, please reach out! I'm so + excited to work with other artists to create new art. +

+
+
+ +
+ Pete Thinkful +
+ +
From c943d59d234cbdb0f2115bfdc9db99697b19d446 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:10:48 -0600 Subject: [PATCH 10/33] Update style.css --- style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 4d851a5..942e8e1 100644 --- a/style.css +++ b/style.css @@ -43,12 +43,22 @@ header { text-align: left; } -.about-details img { - margin-bottom: 20px; +.image-container { + display: flex; + justify-content: center; + margin-top: 20px; /* Adjust margin as needed */ +} + +.image-circle { + border-radius: 50%; + width: 200px; /* Adjust the size of the image */ + height: 200px; /* Adjust the size of the image */ + object-fit: cover; + margin-right: 20px; /* Adjust margin as needed */ } .petes-background { - margin-top: 40px; + margin-top: 20px; /* Adjust margin as needed */ } /* Portfolio section */ From f6c74ca5e483caf8f8df581b930de7c205baf26b Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:14:43 -0600 Subject: [PATCH 11/33] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..2909c11 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +maverickad77.github.io-starter-pete-thinkful-portfolio-ad \ No newline at end of file From c6f02dc0c0c0cc73e6ba8008e9365384b986e4d9 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:15:02 -0600 Subject: [PATCH 12/33] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index 2909c11..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -maverickad77.github.io-starter-pete-thinkful-portfolio-ad \ No newline at end of file From 40a548fe9bfeba9137ddee34fdb0d049e635f588 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:31:02 -0600 Subject: [PATCH 13/33] Update index.html --- index.html | 159 ++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 121 insertions(+), 38 deletions(-) diff --git a/index.html b/index.html index 2604143..bee1f67 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,88 @@ Pete Thinkful + @@ -24,45 +106,45 @@

Pete Thinkful | Artist

-
-

About

-
-
-
-

Hi! I'm Pete Thinkful

-

I'm an artist living in Denver, Colorado.

-

As an artist, I'm interested in:

-
    -
  • Producing abstract art
  • -
  • Creating street graffiti art
  • -
  • Connecting with like-minded artists
  • -
-

- Please feel free to take a look at my website and feel free to - contact me. -

-
- -
-

Pete's Background

-

- After graduating college, I became an art teacher and worked with - beginners and professionals. I love art, and my works have been - featured in major art galleries across the globe. -

-

- If you're looking to hire an artist or if you're an artist looking - for a collaborator for your next project, please reach out! I'm so - excited to work with other artists to create new art. -

-
-
+
+

About

+
+
+ Pete Thinkful +
-
- Pete Thinkful -
-
-
+
+

Hi! I'm Pete Thinkful

+
+

I'm an artist living in Denver, Colorado.

+

As an artist, I'm interested in:

+
    +
  • Producing abstract art
  • +
  • Creating street graffiti art
  • +
  • Connecting with like-minded artists
  • +
+

+ Please feel free to take a look at my website and feel free to + contact me. +

+
+ +
+

Pete's Background

+

+ After graduating college, I became an art teacher and worked with + beginners and professionals. I love art, and my works have been + featured in major art galleries across the globe. +

+

+ If you're looking to hire an artist or if you're an artist looking + for a collaborator for your next project, please reach out! I'm so + excited to work with other artists to create new art. +

+
+
+
+
@@ -114,3 +196,4 @@

Melted Rainbow

+ From 0969f95b4057190bd3980b78c2266d702068efd4 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:31:50 -0600 Subject: [PATCH 14/33] Update style.css --- style.css | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/style.css b/style.css index 942e8e1..f56f165 100644 --- a/style.css +++ b/style.css @@ -32,33 +32,29 @@ header { .about-content { display: flex; - flex-direction: column; - align-items: center; -} - -.about-details { - display: flex; - flex-direction: column; - align-items: center; - text-align: left; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; } .image-container { - display: flex; - justify-content: center; - margin-top: 20px; /* Adjust margin as needed */ + margin-right: 20px; } .image-circle { border-radius: 50%; - width: 200px; /* Adjust the size of the image */ - height: 200px; /* Adjust the size of the image */ + width: 200px; + height: 200px; object-fit: cover; - margin-right: 20px; /* Adjust margin as needed */ } -.petes-background { - margin-top: 20px; /* Adjust margin as needed */ +.about-details { + flex: 1; +} + +.center-text { + text-align: center; + margin-bottom: 10px; } /* Portfolio section */ From e1122fd01c3ae9040a687db3e6edea543da5f364 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:36:43 -0600 Subject: [PATCH 15/33] Update index.html --- index.html | 122 +++-------------------------------------------------- 1 file changed, 5 insertions(+), 117 deletions(-) diff --git a/index.html b/index.html index bee1f67..07bf6e5 100644 --- a/index.html +++ b/index.html @@ -7,88 +7,6 @@ Pete Thinkful - @@ -107,7 +25,7 @@

Pete Thinkful | Artist

-

About

+

About

Pete Thinkful @@ -115,10 +33,10 @@

About

Hi! I'm Pete Thinkful

-
+

I'm an artist living in Denver, Colorado.

As an artist, I'm interested in:

-
    +
    • Producing abstract art
    • Creating street graffiti art
    • Connecting with like-minded artists
    • @@ -150,38 +68,7 @@

      Pete's Background

      Portfolio

      -
      -

      Abstract Red

      -
      - Abstract Red -
      -

      - Vaporware wayfarers heirloom neutra disrupt. Activated charcoal - waistcoat scenester hell of. -

      -
      - -
      -

      Spiral Zany

      -
      - Spiral Zany -
      -

      - Sriracha portland taxidermy cronut messenger bag, vegan - distillery. Vaporware kickstarter air plant mumblecore food truck. -

      -
      - -
      -

      Melted Rainbow

      -
      - Melted Rainbow -
      -

      - Edison bulb single-origin coffee snackwave, actually ennui - locavore shabby chic forage. -

      -
      +
      @@ -197,3 +84,4 @@

      Melted Rainbow

      + From 21ddee05fd61d6607b20a91ecb94da0c30e2a029 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:40:03 -0600 Subject: [PATCH 16/33] Update style.css --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index f56f165..d995c21 100644 --- a/style.css +++ b/style.css @@ -50,11 +50,11 @@ header { .about-details { flex: 1; + text-align: center; } -.center-text { - text-align: center; - margin-bottom: 10px; +.about-info { + text-align: left; } /* Portfolio section */ From 9e2715158f3283b0041de9c0126f47153c01bf41 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:42:45 -0600 Subject: [PATCH 17/33] Update style.css --- style.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index d995c21..101a06e 100644 --- a/style.css +++ b/style.css @@ -50,11 +50,12 @@ header { .about-details { flex: 1; - text-align: center; + text-align: center; /* Center text within the about details */ } -.about-info { - text-align: left; +.center-text { + text-align: center; + margin-bottom: 10px; } /* Portfolio section */ @@ -82,3 +83,9 @@ header { font-size: 14px; } +/* Centering the About and Portfolio headers */ +h2 { + text-align: center; +} + + From 1dd370ae06dd91db43b4627ea9ff666d66f3f562 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:45:46 -0600 Subject: [PATCH 18/33] Update index.html --- index.html | 38 +++++++++++++++++++++++++++++++++++--- 1 file changed, 35 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 07bf6e5..a624d21 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@

      Pete Thinkful | Artist

      -

      About

      +

      About

      Pete Thinkful @@ -36,7 +36,7 @@

      Hi! I'm Pete Thinkful

      I'm an artist living in Denver, Colorado.

      As an artist, I'm interested in:

      -
        +
        • Producing abstract art
        • Creating street graffiti art
        • Connecting with like-minded artists
        • @@ -68,7 +68,38 @@

          Pete's Background

          Portfolio

          - +
          +

          Abstract Red

          +
          + Abstract Red +
          +

          + Vaporware wayfarers heirloom neutra disrupt. Activated charcoal + waistcoat scenester hell of. +

          +
          + +
          +

          Spiral Zany

          +
          + Spiral Zany +
          +

          + Sriracha portland taxidermy cronut messenger bag, vegan + distillery. Vaporware kickstarter air plant mumblecore food truck. +

          +
          + +
          +

          Melted Rainbow

          +
          + Melted Rainbow +
          +

          + Edison bulb single-origin coffee snackwave, actually ennui + locavore shabby chic forage. +

          +
          @@ -85,3 +116,4 @@

          Portfolio

          + From d43debdf082b07e6ceeedb81ceba662c3188888c Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:46:31 -0600 Subject: [PATCH 19/33] Update style.css --- style.css | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git a/style.css b/style.css index 101a06e..3efc2fb 100644 --- a/style.css +++ b/style.css @@ -75,17 +75,7 @@ header { } .project img { - width: 100%; - height: auto; -} - -.project-description { - font-size: 14px; -} + width -/* Centering the About and Portfolio headers */ -h2 { - text-align: center; -} From c48b0f4f2269acd0a1a50a8a18166e9ddc6f7e8f Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:48:35 -0600 Subject: [PATCH 20/33] Update style.css --- style.css | 38 ++++++++++++++++++-------------------- 1 file changed, 18 insertions(+), 20 deletions(-) diff --git a/style.css b/style.css index 3efc2fb..d9b84c7 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,7 @@ /* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); -/* Updated CSS */ +/* Original CSS */ body { background-color: #eae2b7; color: #003049; @@ -32,30 +32,23 @@ header { .about-content { display: flex; - justify-content: center; - align-items: flex-start; - flex-wrap: wrap; -} - -.image-container { - margin-right: 20px; + flex-direction: column; + align-items: center; } -.image-circle { - border-radius: 50%; - width: 200px; - height: 200px; - object-fit: cover; +.about-details { + display: flex; + flex-direction: column; + align-items: center; + text-align: left; } -.about-details { - flex: 1; - text-align: center; /* Center text within the about details */ +.about-details img { + margin-bottom: 20px; } -.center-text { - text-align: center; - margin-bottom: 10px; +.petes-background { + margin-top: 40px; } /* Portfolio section */ @@ -75,7 +68,12 @@ header { } .project img { - width + width: 100%; + height: auto; +} +.project-description { + font-size: 14px; +} From ef5e1b08365b6a83b14c3f9c16c12e3cdf76f56d Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:50:58 -0600 Subject: [PATCH 21/33] Update index.html --- index.html | 78 ++++++++++++++++++++++++++---------------------------- 1 file changed, 37 insertions(+), 41 deletions(-) diff --git a/index.html b/index.html index a624d21..77a81aa 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,3 @@ - @@ -24,45 +23,45 @@

          Pete Thinkful | Artist

          -
          -

          About

          -
          -
          - Pete Thinkful -
          +
          +

          About

          +
          +
          +
          +

          Hi! I'm Pete Thinkful

          +

          I'm an artist living in Denver, Colorado.

          +

          As an artist, I'm interested in:

          +
            +
          • Producing abstract art
          • +
          • Creating street graffiti art
          • +
          • Connecting with like-minded artists
          • +
          +

          + Please feel free to take a look at my website and feel free to + contact me. +

          +
          -
          -

          Hi! I'm Pete Thinkful

          -
          -

          I'm an artist living in Denver, Colorado.

          -

          As an artist, I'm interested in:

          -
            -
          • Producing abstract art
          • -
          • Creating street graffiti art
          • -
          • Connecting with like-minded artists
          • -
          -

          - Please feel free to take a look at my website and feel free to - contact me. -

          -
          +
          +

          Pete's Background

          +

          + After graduating college, I became an art teacher and worked with + beginners and professionals. I love art, and my works have been + featured in major art galleries across the globe. +

          +

          + If you're looking to hire an artist or if you're an artist looking + for a collaborator for your next project, please reach out! I'm so + excited to work with other artists to create new art. +

          +
          +
          -
          -

          Pete's Background

          -

          - After graduating college, I became an art teacher and worked with - beginners and professionals. I love art, and my works have been - featured in major art galleries across the globe. -

          -

          - If you're looking to hire an artist or if you're an artist looking - for a collaborator for your next project, please reach out! I'm so - excited to work with other artists to create new art. -

          -
          -
          -
          -
          +
          + Pete Thinkful +
          +
          +
          @@ -114,6 +113,3 @@

          Melted Rainbow

          - - - From 7bd8921040f1e670577aab2e1efb8f8c78ed9a2a Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:51:25 -0600 Subject: [PATCH 22/33] Update index.html --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 77a81aa..2604143 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + From 62c25c2fd9bff51a09fbfccc3ecffefb071ac72f Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:51:52 -0600 Subject: [PATCH 23/33] Update style.css --- style.css | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/style.css b/style.css index d9b84c7..76cfdc4 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,4 @@ -/* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ -@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); - -/* Original CSS */ +/* Updated CSS */ body { background-color: #eae2b7; color: #003049; @@ -43,12 +40,22 @@ header { text-align: left; } -.about-details img { - margin-bottom: 20px; +.image-container { + display: flex; + justify-content: center; + margin-top: 20px; /* Adjust margin as needed */ +} + +.image-circle { + border-radius: 50%; + width: 200px; /* Adjust the size of the image */ + height: 200px; /* Adjust the size of the image */ + object-fit: cover; + margin-right: 20px; /* Adjust margin as needed */ } .petes-background { - margin-top: 40px; + margin-top: 20px; /* Adjust margin as needed */ } /* Portfolio section */ From 8c641f42fd57b4aa248306aaa605eb7c9f4b8e6a Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:55:44 -0600 Subject: [PATCH 24/33] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..e4030ec --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +maverickad77.github.iostarter-pete-thinkful-portfolio-adv \ No newline at end of file From c9042c2419c51f49915d4b5880868fc1e33e710f Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 13:58:10 -0600 Subject: [PATCH 25/33] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index e4030ec..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -maverickad77.github.iostarter-pete-thinkful-portfolio-adv \ No newline at end of file From fc3c7e1be3d9d9ade3c9430b0e85513b1ee5bb0e Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:00:32 -0600 Subject: [PATCH 26/33] Update index.html Original, strarting over --- index.html | 174 +++++++++++++++++++++++++++++------------------------ 1 file changed, 96 insertions(+), 78 deletions(-) diff --git a/index.html b/index.html index 2604143..ec3ce73 100644 --- a/index.html +++ b/index.html @@ -1,116 +1,134 @@ - - - - - Pete Thinkful - - - - - -
          -
          + + + + + Pete Thinkful + + + + + +

          Pete Thinkful | Artist

          -
          -
          + -
          -
          - -
          -

          About

          -
          -
          -
          -

          Hi! I'm Pete Thinkful

          -

          I'm an artist living in Denver, Colorado.

          -

          As an artist, I'm interested in:

          -
            -
          • Producing abstract art
          • -
          • Creating street graffiti art
          • -
          • Connecting with like-minded artists
          • -
          -

          - Please feel free to take a look at my website and feel free to - contact me. -

          -
          +
          +
          + +
          +

          About

          +
          +

          Hi! I'm Pete Thinkful

          +
          + Pete Thinkful +
          +

          I'm an artist living in Denver, Colorado.

          +

          As an artist, I'm interested in:

          +
            +
          • Producing abstract art
          • +
          • Creating street graffiti art
          • +
          • Connecting with like-minded artists
          • +
          +

          + Please feel free to take a look at my website and feel free to + contact me. +

          +
          -
          -

          Pete's Background

          -

          - After graduating college, I became an art teacher and worked with - beginners and professionals. I love art, and my works have been - featured in major art galleries across the globe. -

          -

          - If you're looking to hire an artist or if you're an artist looking - for a collaborator for your next project, please reach out! I'm so - excited to work with other artists to create new art. -

          -
          -
          +
          +

          Pete's Background

          +

          + After graduating college, I became an art teacher and worked with + beginners and professionals. I love art and my works have been + featured in major art galleries across the globe. +

          +

          + If you're looking to hire an artist or if you're an artist looking + for a collaborator for your next project, please reach out! I'm so + excited to work with other artists to create new art. +

          +
          +
          -
          - Pete Thinkful -
          -
      -
      +
      - -
      -

      Portfolio

      -
      -
      + +
      +

      Portfolio

      +

      Abstract Red

      Abstract Red
      -

      +

      Vaporware wayfarers heirloom neutra disrupt. Activated charcoal waistcoat scenester hell of.

      -
      +
      -
      +

      Spiral Zany

      Spiral Zany
      -

      +

      Sriracha portland taxidermy cronut messenger bag, vegan distillery. Vaporware kickstarter air plant mumblecore food truck.

      -
      +
-
+

Melted Rainbow

Melted Rainbow
-

+

Edison bulb single-origin coffee snackwave, actually ennui locavore shabby chic forage.

-
- -
+ +
- -
-
+
- -
-

© Pete Thinkful. All rights reserved.

-
- - + +
+

Contact

+

+ I'd love to hear from you! Please feel free to contact or follow me: +

+
    +
  1. + LinkedIn +
  2. +
  3. + Instagram +
  4. +
  5. + Pinterest +
  6. +
+
+ +
+ + + + From d756301a653d2c3866124b2e5c35bca7755837a1 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:01:12 -0600 Subject: [PATCH 27/33] Update style.css Original CSS --- style.css | 96 ++++++++++++++++++++++++++----------------------------- 1 file changed, 45 insertions(+), 51 deletions(-) diff --git a/style.css b/style.css index 76cfdc4..0e93a0a 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,6 @@ -/* Updated CSS */ +/* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ +@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); + body { background-color: #eae2b7; color: #003049; @@ -6,81 +8,73 @@ body { padding: 40px; } -/* Header */ -header { +/* Headings */ +h1, +h2, +h3 { + font-family: "Playfair Display", Times, serif; text-align: center; - background-color: #f0f0f0; - padding: 20px; } -/* Use flexbox for header content alignment */ -.header-content { - display: flex; - justify-content: space-between; - align-items: center; - max-width: 600px; - margin: 0 auto; +/* Header */ +header { + text-align: center; } -/* About section */ -#about { - padding-top: 50px; +/* Containers */ +div { + background-color: #eae2b7; + margin: auto; + width: 600px; } -.about-content { - display: flex; - flex-direction: column; - align-items: center; +article { + padding: 50px 0; } -.about-details { - display: flex; - flex-direction: column; - align-items: center; - text-align: left; +article div { + text-align: center; + width: 100%; } -.image-container { - display: flex; - justify-content: center; - margin-top: 20px; /* Adjust margin as needed */ +/* Paragraphs */ +p { + line-height: 1.5; } -.image-circle { - border-radius: 50%; - width: 200px; /* Adjust the size of the image */ - height: 200px; /* Adjust the size of the image */ - object-fit: cover; - margin-right: 20px; /* Adjust margin as needed */ +/* Links */ +a:link { + color: #d62828; } -.petes-background { - margin-top: 20px; /* Adjust margin as needed */ +a:hover { + color: #f77f00; } -/* Portfolio section */ -#portfolio { - padding-top: 50px; +nav a { + padding-left: 20px; } -.portfolio-content { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - gap: 20px; +/* Images */ +img { + width: 100%; + max-width: 200px; + height: auto; } -.project { - width: calc(33.33% - 20px); +.image-circle { + border: 2px solid #003049; + border-radius: 50%; } -.project img { - width: 100%; - height: auto; +/* Footer */ +footer { + text-align: center; } -.project-description { - font-size: 14px; +/* Other page elements */ +hr { + border: 1px solid black; } From 401210e2cef8e316c7ead04e9c318553fd19ddfc Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:11:16 -0600 Subject: [PATCH 28/33] Update index.html --- index.html | 179 ++++++++++++++++++++++------------------------------- 1 file changed, 73 insertions(+), 106 deletions(-) diff --git a/index.html b/index.html index ec3ce73..ad797c9 100644 --- a/index.html +++ b/index.html @@ -1,134 +1,101 @@ - - - - - Pete Thinkful - - - - - -
+ + + + + Pete Thinkful + + + + + +
+

Pete Thinkful | Artist

-
+ +
-
-
- -
-

About

-
+
+
+ +
+

About

+
+
+
+ Pete Thinkful +

Hi! I'm Pete Thinkful

-
- Pete Thinkful +
+

I'm an artist living in Denver, Colorado.

+

As an artist, I'm interested in:

+
    +
  • Producing abstract art
  • +
  • Creating street graffiti art
  • +
  • Connecting with like-minded artists
  • +
+

Please feel free to take a look at my website and feel free to contact me.

-

I'm an artist living in Denver, Colorado.

-

As an artist, I'm interested in:

-
    -
  • Producing abstract art
  • -
  • Creating street graffiti art
  • -
  • Connecting with like-minded artists
  • -
-

- Please feel free to take a look at my website and feel free to - contact me. -

-
- -
+
+

Pete's Background

-

- After graduating college, I became an art teacher and worked with - beginners and professionals. I love art and my works have been - featured in major art galleries across the globe. -

-

- If you're looking to hire an artist or if you're an artist looking - for a collaborator for your next project, please reach out! I'm so - excited to work with other artists to create new art. -

-
-
- -
+

After graduating college, I became an art teacher and worked with beginners and professionals. I love art, and my works have been featured in major art galleries across the globe.

+

If you're looking to hire an artist or if you're an artist looking for a collaborator for your next project, please reach out! I'm so excited to work with other artists to create new art.

+
+ + - -
-

Portfolio

-
+ +
+

Portfolio

+
+

Abstract Red

Abstract Red
-

- Vaporware wayfarers heirloom neutra disrupt. Activated charcoal - waistcoat scenester hell of. -

-
- -
+

Vaporware wayfarers heirloom neutra disrupt. Activated charcoal waistcoat scenester hell of.

+ +

Spiral Zany

Spiral Zany
-

- Sriracha portland taxidermy cronut messenger bag, vegan - distillery. Vaporware kickstarter air plant mumblecore food truck. -

-
- -
+

Sriracha portland taxidermy cronut messenger bag, vegan distillery. Vaporware kickstarter air plant mumblecore food truck.

+ +

Melted Rainbow

Melted Rainbow
-

- Edison bulb single-origin coffee snackwave, actually ennui - locavore shabby chic forage. -

-
-
+

Edison bulb single-origin coffee snackwave, actually ennui locavore shabby chic forage.

+ +
+
-
+ +
+

Contact

+

I'd love to hear from you! Please feel free to contact or follow me:

+
    +
  1. LinkedIn
  2. +
  3. Instagram
  4. +
  5. Pinterest
  6. +
+
+ +
- -
-

Contact

-

- I'd love to hear from you! Please feel free to contact or follow me: -

-
    -
  1. - LinkedIn -
  2. -
  3. - Instagram -
  4. -
  5. - Pinterest -
  6. -
-
- - - - - - + + + + From a05c1d3f3760e2264ed99559552fc1418ca340ee Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:11:57 -0600 Subject: [PATCH 29/33] Update style.css --- style.css | 84 ++++++++++++++++++++++++++++--------------------------- 1 file changed, 43 insertions(+), 41 deletions(-) diff --git a/style.css b/style.css index 0e93a0a..4a6d5bc 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,7 @@ /* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); +/* Updated CSS */ body { background-color: #eae2b7; color: #003049; @@ -8,73 +9,74 @@ body { padding: 40px; } -/* Headings */ -h1, -h2, -h3 { - font-family: "Playfair Display", Times, serif; - text-align: center; -} - /* Header */ header { text-align: center; + background-color: #f0f0f0; + padding: 20px; } -/* Containers */ -div { - background-color: #eae2b7; - margin: auto; - width: 600px; +.header-content { + display: flex; + align-items: center; + justify-content: space-between; } -article { - padding: 50px 0; +/* About section */ +#about { + padding-top: 50px; } -article div { +.about-content { + display: flex; + flex-direction: column; + align-items: center; text-align: center; - width: 100%; } -/* Paragraphs */ -p { - line-height: 1.5; +.image-container { + display: flex; + justify-content: center; + margin-bottom: 20px; } -/* Links */ -a:link { - color: #d62828; +.image-circle { + border-radius: 50%; + width: 200px; + height: 200px; + object-fit: cover; } -a:hover { - color: #f77f00; +.petes-background { + text-align: left; + max-width: 400px; + margin: 0 auto; } -nav a { - padding-left: 20px; +/* Portfolio section */ +#portfolio { + padding-top: 50px; } -/* Images */ -img { - width: 100%; - max-width: 200px; - height: auto; +.portfolio-content { + display: flex; + justify-content: space-between; + gap: 20px; } -.image-circle { - border: 2px solid #003049; - border-radius: 50%; +.project { + width: 30%; /* Adjust the width based on the layout */ + text-align: center; } -/* Footer */ -footer { - text-align: center; +.project img { + width: 100%; + height: auto; } -/* Other page elements */ -hr { - border: 1px solid black; +.project-description { + font-size: 14px; } + From 1a84cef4c122e93eeac502ab555dd705e81f001c Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:15:44 -0600 Subject: [PATCH 30/33] Update style.css --- style.css | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 83 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 4a6d5bc..dfaf9c1 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,7 @@ /* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); -/* Updated CSS */ +/* CSS for header */ body { background-color: #eae2b7; color: #003049; @@ -9,17 +9,98 @@ body { padding: 40px; } +/* Headings */ +h1, h2, h3 { + font-family: "Playfair Display", Times, serif; + text-align: center; +} + /* Header */ header { text-align: center; background-color: #f0f0f0; padding: 20px; + display: flex; + justify-content: space-between; + align-items: center; } .header-content { display: flex; align-items: center; justify-content: space-between; + width: 100%; +} + +.header-content h1 { + margin: 0; +} + +nav { + display: flex; + align-items: center; +} + +nav a { + text-decoration: none; + color: #003049; + padding: 10px; +} + +/* Containers */ +div { + background-color: #eae2b7; + margin: auto; + width: 600px; +} + +article { + padding: 50px 0; +} + +article div { + text-align: center; + width: 100%; +} + +/* Paragraphs */ +p { + line-height: 1.5; +} + +/* Links */ +a:link { + color: #d62828; +} + +a:hover { + color: #f77f00; +} + +nav a { + padding-left: 20px; +} + +/* Images */ +img { + width: 100%; + max-width: 200px; + height: auto; +} + +.image-circle { + border: 2px solid #003049; + border-radius: 50%; +} + +/* Footer */ +footer { + text-align: center; +} + +/* Other page elements */ +hr { + border: 1px solid black; } /* About section */ @@ -80,3 +161,4 @@ header { + From a72ea2a271da7f4adf72038c4bb44ad2f391eb9b Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:20:19 -0600 Subject: [PATCH 31/33] Update style.css --- style.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/style.css b/style.css index dfaf9c1..88f198e 100644 --- a/style.css +++ b/style.css @@ -28,8 +28,6 @@ header { .header-content { display: flex; align-items: center; - justify-content: space-between; - width: 100%; } .header-content h1 { @@ -158,7 +156,3 @@ hr { .project-description { font-size: 14px; } - - - - From ab00ffa54504b7d9242dc03a55c456c1747bc40b Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:24:21 -0600 Subject: [PATCH 32/33] Update index.html --- index.html | 181 +++++++++++++++++++++++++++++++---------------------- 1 file changed, 107 insertions(+), 74 deletions(-) diff --git a/index.html b/index.html index ad797c9..23c9b33 100644 --- a/index.html +++ b/index.html @@ -1,101 +1,134 @@ - - - - - Pete Thinkful - - - - - -
-
+ + + + + Pete Thinkful + + + + + +
+

Pete Thinkful | Artist

-
-
- -
-
- -
-

About

-
-
-
- Pete Thinkful + + + +
+
+ +
+

About

+
+
+ Pete Thinkful
+

Hi! I'm Pete Thinkful

-
-

I'm an artist living in Denver, Colorado.

-

As an artist, I'm interested in:

-
    -
  • Producing abstract art
  • -
  • Creating street graffiti art
  • -
  • Connecting with like-minded artists
  • -
-

Please feel free to take a look at my website and feel free to contact me.

+

I'm an artist living in Denver, Colorado.

+

As an artist, I'm interested in:

+
    +
  • Producing abstract art
  • +
  • Creating street graffiti art
  • +
  • Connecting with like-minded artists
  • +
+

+ Please feel free to take a look at my website and feel free to + contact me. +

-
-
+
+ +

Pete's Background

-

After graduating college, I became an art teacher and worked with beginners and professionals. I love art, and my works have been featured in major art galleries across the globe.

-

If you're looking to hire an artist or if you're an artist looking for a collaborator for your next project, please reach out! I'm so excited to work with other artists to create new art.

-
-
-
+

+ After graduating college, I became an art teacher and worked with + beginners and professionals. I love art and my works have been + featured in major art galleries across the globe. +

+

+ If you're looking to hire an artist or if you're an artist looking + for a collaborator for your next project, please reach out! I'm so + excited to work with other artists to create new art. +

+ + - -
-

Portfolio

-
-
+
+ + +
+

Portfolio

+
+

Abstract Red

-
Abstract Red +

+ Vaporware wayfarers heirloom neutra disrupt. Activated charcoal + waistcoat scenester hell of. +

-

Vaporware wayfarers heirloom neutra disrupt. Activated charcoal waistcoat scenester hell of.

-
-
+

Spiral Zany

Spiral Zany
-

Sriracha portland taxidermy cronut messenger bag, vegan distillery. Vaporware kickstarter air plant mumblecore food truck.

+

+ Sriracha portland taxidermy cronut messenger bag, vegan + distillery. Vaporware kickstarter air plant mumblecore food truck. +

-
+

Melted Rainbow

-
Melted Rainbow -
-

Edison bulb single-origin coffee snackwave, actually ennui locavore shabby chic forage.

+

+ Edison bulb single-origin coffee snackwave, actually ennui + locavore shabby chic forage. +

-
-
+
+
- - -
-
+
- - - - + +
+

Contact

+

+ I'd love to hear from you! Please feel free to contact or follow me: +

+
    +
  1. + LinkedIn +
  2. +
  3. + Instagram +
  4. +
  5. + Pinterest +
  6. +
+
+ + + + + + From c5f02516167fa4dabb10c2bf6095a04909368111 Mon Sep 17 00:00:00 2001 From: maverickad77 <146034630+maverickad77@users.noreply.github.com> Date: Tue, 26 Dec 2023 14:24:49 -0600 Subject: [PATCH 33/33] Update style.css --- style.css | 98 +++++++++++-------------------------------------------- 1 file changed, 19 insertions(+), 79 deletions(-) diff --git a/style.css b/style.css index 88f198e..ccbe9a1 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,6 @@ /* The @import rule below imports the Playfair Display and Source Sans Pro fonts into the stylesheet*/ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); -/* CSS for header */ body { background-color: #eae2b7; color: #003049; @@ -10,39 +9,35 @@ body { } /* Headings */ -h1, h2, h3 { +h1, +h2, +h3 { font-family: "Playfair Display", Times, serif; text-align: center; } /* Header */ -header { +header{ + text-align: center +} +.container{ + display:flex; text-align: center; - background-color: #f0f0f0; - padding: 20px; - display: flex; + flex-direction: row; justify-content: space-between; - align-items: center; -} -.header-content { - display: flex; - align-items: center; } -.header-content h1 { - margin: 0; +.title{ +display: flex; +flex-direction: row; +align-items: center; +justify-content: center; } - -nav { +.items{ display: flex; - align-items: center; -} - -nav a { - text-decoration: none; - color: #003049; - padding: 10px; + flex-direction: column; + text-align:left; } /* Containers */ @@ -62,7 +57,7 @@ article div { } /* Paragraphs */ -p { +p { line-height: 1.5; } @@ -89,6 +84,7 @@ img { .image-circle { border: 2px solid #003049; border-radius: 50%; + } /* Footer */ @@ -100,59 +96,3 @@ footer { hr { border: 1px solid black; } - -/* About section */ -#about { - padding-top: 50px; -} - -.about-content { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; -} - -.image-container { - display: flex; - justify-content: center; - margin-bottom: 20px; -} - -.image-circle { - border-radius: 50%; - width: 200px; - height: 200px; - object-fit: cover; -} - -.petes-background { - text-align: left; - max-width: 400px; - margin: 0 auto; -} - -/* Portfolio section */ -#portfolio { - padding-top: 50px; -} - -.portfolio-content { - display: flex; - justify-content: space-between; - gap: 20px; -} - -.project { - width: 30%; /* Adjust the width based on the layout */ - text-align: center; -} - -.project img { - width: 100%; - height: auto; -} - -.project-description { - font-size: 14px; -}