From dd8c023ceb62faac42ce0b1f6b3fc8ed4154870f Mon Sep 17 00:00:00 2001 From: Jon Sawyers Date: Thu, 8 Apr 2021 18:42:44 -0500 Subject: [PATCH 1/4] html is done. I just need to style --- index.html | 46 +++++++++++++++++++++- pictures/profilepic.jpg | Bin 0 -> 13775 bytes style/index.css | 82 +++++++++++++++++++++++++++++++++++++++- 3 files changed, 125 insertions(+), 3 deletions(-) create mode 100644 pictures/profilepic.jpg diff --git a/index.html b/index.html index d01f779ff..1f5e52722 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,51 @@ - Document - + + + +
+
+

Jon Sawyers

+
+
+ +
+
+ +
+
+ Picture of Jon Sawyers + +
+
+

Jon Sawyers

+ +

Here are some words about me and my journey in coding so far. These words are authentic and inspiring. These words tell my story.

+
+
+
+
+ \ No newline at end of file diff --git a/pictures/profilepic.jpg b/pictures/profilepic.jpg new file mode 100644 index 0000000000000000000000000000000000000000..82a0fd05c09a19f3a3e1346fcbc73c768abc1b88 GIT binary patch literal 13775 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 H!{Yw}TbE^| literal 0 HcmV?d00001 diff --git a/style/index.css b/style/index.css index 440e53514..47b09fa59 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,81 @@ -/* Add CSS styling here */ \ No newline at end of file +html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, +del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, +dl, dt, dd, ol, ul, li, fieldset, form, label, legend { + vertical-align: baseline; + font-family: inherit; + font-weight: inherit; + font-style: inherit; + font-size:100%; + outline: 0; + padding: 0; + margin: 0; + } +/* remember to define focus styles! */ +:focus { + outline: 0; + } +ol, ul { + list-style: none; + } +/* tables still need cellspacing="0" in the markup */ +table { + border-collapse: separate; + border-spacing: 0; + } +caption, th, td { + font-weight: normal; + text-align: left; + } +/* remove possible quote marks (") from &
*/ +blockquote:before, blockquote:after, q:before, q:after { + content: ""; + } +blockquote, q { + quotes: "" ""; + } +*{ + box-sizing: border-box; + max-width: 100%; + border:1px solid gray; +} +html{ + font-size:62.5%; +} +header{ + background-color:grey; + font-size:3rem; +} +h1{ + font-size:7.0rem +} +/*general info*/ + +.aboutme{ + display:flex; + justify-content:space-between; + margin:50px 20px; +} +.profilepic{ + width:30vw; + +} + .info{ + width:20vw; + +} +h2{ + font-size:5.5rem; +} +p{ + font-size:2rem; +} +.projectpics img{ + display:flex; +} +footer{ + background:grey; + display:flex; + flex-direction:column; + align-self:center; +} \ No newline at end of file From c09897c3c57c032e05ed3aa264e0604b52c5c86c Mon Sep 17 00:00:00 2001 From: Jon Sawyers Date: Thu, 8 Apr 2021 19:08:58 -0500 Subject: [PATCH 2/4] style added --- index.html | 18 ++++++++++++++++-- style/index.css | 34 ++++++++++++++++++++++++++-------- 2 files changed, 42 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 1f5e52722..0367f6724 100644 --- a/index.html +++ b/index.html @@ -34,7 +34,21 @@

Jon Sawyers

Here are some words about me and my journey in coding so far. These words are authentic and inspiring. These words tell my story.

-
+
+
+ + + + +
+ +
+ + + + +
+
@@ -43,7 +57,7 @@

Jon Sawyers

diff --git a/style/index.css b/style/index.css index 47b09fa59..d4e3f1c9d 100644 --- a/style/index.css +++ b/style/index.css @@ -37,7 +37,6 @@ blockquote, q { *{ box-sizing: border-box; max-width: 100%; - border:1px solid gray; } html{ font-size:62.5%; @@ -53,29 +52,48 @@ h1{ .aboutme{ display:flex; - justify-content:space-between; - margin:50px 20px; + justify-content:center; + align-items:center; + justify-content: space-between; + margin:50px 300px; +} +.aboutme nav{ + display:flex; + font-size:3rem; + justify-content: center; + } .profilepic{ width:30vw; } - .info{ +.info{ width:20vw; } h2{ + display:flex; + justify-content: center; font-size:5.5rem; } p{ font-size:2rem; + justify-content: center; } -.projectpics img{ +.projectpics{ display:flex; -} + flex-wrap: wrap; + align-items:center; + justify-content: space-around; + + +} footer{ background:grey; display:flex; + justify-content: center; flex-direction:column; - align-self:center; -} \ No newline at end of file + text-align: center; + font-size:3rem; + +} From 5743abc7ce29cccc66ea161d28050bde970eef4a Mon Sep 17 00:00:00 2001 From: Jon Sawyers Date: Mon, 12 Apr 2021 14:23:01 -0500 Subject: [PATCH 3/4] adding in the responsiveness --- style/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style/index.css b/style/index.css index d4e3f1c9d..b6b4dae00 100644 --- a/style/index.css +++ b/style/index.css @@ -95,5 +95,6 @@ footer{ flex-direction:column; text-align: center; font-size:3rem; + height:15vh; } From 6950c364b98b997dcff4f3c898526160c4ece05c Mon Sep 17 00:00:00 2001 From: Jon Sawyers Date: Mon, 12 Apr 2021 16:33:20 -0500 Subject: [PATCH 4/4] Started over and finished HTML --- index.html | 117 +++++++++++++++++++++++++----------------------- style/index.css | 71 ++++++++++------------------- 2 files changed, 83 insertions(+), 105 deletions(-) diff --git a/index.html b/index.html index 0367f6724..8acbcfb92 100644 --- a/index.html +++ b/index.html @@ -1,67 +1,70 @@ - - - - - - - -
-
+ + + + + + + +

Jon Sawyers

-
- -
- -
-
- Picture of Jon Sawyers - -
-
-

Jon Sawyers

- -

Here are some words about me and my journey in coding so far. These words are authentic and inspiring. These words tell my story.

-
-
-
-
- - - - -
- -
- - - - -
- -
-
-
-

- Like What You See? -

-
-
- Contact - -
- -
- - +

Here are some words about me and my journey in coding so far. These words are authentic and inspiring. These words tell my story.

+ +
+
+
+
+ Woman and her Siberian Husky sitting on edge of cliff overlooking canyon. +

Title of a

+
+
+ +

Project

+
+
+ +

Might Go

+
+
+ +

Right Here

+
+
+ +

Cool Thing

+
+
+ +

Fun Thing

+
+
+ +

Spicy Thing

+
+
+ +

Special Thing

+
+
+
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index b6b4dae00..9656c6608 100644 --- a/style/index.css +++ b/style/index.css @@ -37,64 +37,39 @@ blockquote, q { *{ box-sizing: border-box; max-width: 100%; + border:1px solid black; } html{ - font-size:62.5%; + font-size: 62.5%; } + +/*Header Style*/ + header{ - background-color:grey; - font-size:3rem; + background-color: gray; } h1{ - font-size:7.0rem -} -/*general info*/ + font-size: 5.5rem; + color: white; -.aboutme{ - display:flex; - justify-content:center; - align-items:center; - justify-content: space-between; - margin:50px 300px; } -.aboutme nav{ - display:flex; - font-size:3rem; - justify-content: center; +header nav a{ + text-decoration:none; + font-size: 2rem; + color:white; + background-color: black; } -.profilepic{ - width:30vw; - -} -.info{ - width:20vw; - -} -h2{ - display:flex; - justify-content: center; - font-size:5.5rem; -} -p{ - font-size:2rem; - justify-content: center; -} -.projectpics{ - display:flex; - flex-wrap: wrap; - align-items:center; - justify-content: space-around; +/*About Style*/ -} -footer{ - background:grey; - display:flex; - justify-content: center; - flex-direction:column; - text-align: center; - font-size:3rem; - height:15vh; - +#about { + display: flex; + justify-content: space-between; + width:50%; + height:50vh; } +#about .left{ + width:20%; + +} \ No newline at end of file