diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..60d2386 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,5 @@ +{ + "recommendations": [ + "ritwickdey.liveserver" + ] +} \ No newline at end of file diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..da1de07 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,17 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + + + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..de0eeca --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,7 @@ +{ + "CodeGPT.apiKey": "CodeGPT Plus", + "githubPullRequests.ignoredPullRequestBranches": [ + "main" + ], + "CodeGPT.Autocomplete.provider": "CodeGPT Plus - Plus" +} \ No newline at end of file diff --git a/index.html b/index.html index ec3ce73..403189d 100644 --- a/index.html +++ b/index.html @@ -10,57 +10,117 @@ href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" /> + +
-

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
    • + alt="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. + contact me.

    -
+
+
+ +
-

Pete's Background

-

+

+

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.

+
@@ -70,36 +130,42 @@

Pete's Background

Portfolio

+
+

Abstract Red

-
- 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.

+
+ +
@@ -108,6 +174,7 @@

Melted Rainbow

Contact

+

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

@@ -122,8 +189,9 @@

Contact

Pinterest +
- +
diff --git a/style.css b/style.css index 852500d..fda9fed 100644 --- a/style.css +++ b/style.css @@ -2,77 +2,49 @@ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+Pro:wght@400&display=swap"); body { - background-color: #eae2b7; - color: #003049; - font-family: "Source Sans Pro", Tahoma, Geneva, Verdana, sans-serif; - padding: 40px; -} + + color: black; + font-family: "Source Sans Pro", Tahoma, Geneva, Verdana, sans-serif; + background-color: #eae2b7;} -/* Headings */ -h1, -h2, -h3 { - font-family: "Playfair Display", Times, serif; - text-align: center; -} + body style {margin: 0px; height: 100%;} -/* Header */ -header { - text-align: center; -} -/* Containers */ -div { - background-color: #eae2b7; - margin: auto; - width: 600px; +/* Set the font family for any h1, h2, or h3 heading */ +h1 {text-align: center;} +h2 {text-align: center;} +h3 {text-align: center; + font-family: "Playfair Display", Times, serif; } - article { padding: 50px 0; } -article div { - text-align: center; - width: 100%; -} - -/* Paragraphs */ p { - line-height: 1.5; + line-height: 1.5; } +li {text-align: left;} +a:link {color: #d62828;} +a:visited {color: #d62828;} +a:hover {color: #f77f00} +a:active {color: #f77f00;} -/* Links */ -a:link { - color: #d62828; -} +/* The div container constrains the content width within the main container to 600px */ -a:hover { - color: #f77f00; -} -nav a { - padding-left: 20px; -} - -/* Images */ img { - width: 100%; - max-width: 200px; - height: auto; -} + width:250px; height: auto; border: #eae2b7 1px solid;} -.image-circle { - border: 2px solid #003049; - border-radius: 50%; -} - -/* Footer */ -footer { - text-align: center; -} -/* Other page elements */ hr { border: 1px solid black; } + +/* Add your solution below */ + +.image-circle {border-radius: 75%; border: 2px solid #003049; +width:20%; max-width: 20%; height: auto} + +footer p {text-align: center;} + +