From b9014c45b869fe28b3de7495406b00403ca799e5 Mon Sep 17 00:00:00 2001 From: Christian Anderson Date: Fri, 12 May 2023 11:23:30 -0700 Subject: [PATCH 1/3] Finished the layout of my HTML in index.html --- index.html | 34 +++++++++++++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d01f779ff..1df3b1a59 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,38 @@ Document - +
+

+ +
+
+
+ +
+
+

+ +

+
+
+
+ + + + + + + + +
+ \ No newline at end of file From 7862e26c385d5360fb75508bbcce734d15400bfb Mon Sep 17 00:00:00 2001 From: Christian Anderson Date: Fri, 12 May 2023 12:43:21 -0700 Subject: [PATCH 2/3] Added pictures, some more html, as well as about 100 lines of CSS --- index.html | 40 +++++++------ style/index.css | 153 +++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 173 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 1df3b1a59..79c2f9344 100644 --- a/index.html +++ b/index.html @@ -1,43 +1,45 @@ + Document
-

+

Christian Anderson

- +
-

- -

+

Christian Anderson

+ +

     Amidst a time of aimlessness and confusion,
the intracies of coding came to me upon two wings,
and they had a heaven sent offer; Something to be
passionate about!

+

Some Sample Projects

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

- +

Like what you see?
  Contact me here!

+
\ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..d813a12cf 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,152 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +html { + font-size: 62.5%; +} +.header { + width: 100vw; + height: 20rem; + background-color: lightgray; + /* border: 1px solid black; */ + display: flex; + flex-flow: column-reverse nowrap; + align-content: flex-start; + /* align-items: flex-start; */ +} +.name1 { + font-size: 4rem; + margin-bottom: 3rem; +} +.navbar { + display: flex; + gap: 0px; + margin-left: 1rem; + margin-bottom: 1rem; + flex-flow: row wrap; +} +.navButton { + height: 2rem; + width: 7rem; +} +.aboutSection { + width: 100vw; + height: 40rem; + /* border: 1px solid black; */ + display: flex; + flex-flow: row nowrap; + justify-content: space-evenly; + background-color: rgb(221, 145, 30); +} +.img img { + height: 30rem; + width: 45rem; + margin: 5rem; +} +.buttonToProjects { + height: 3rem; + width: 9rem; + font-size: 1.2rem; + margin-left: 5.5rem; +} +.img { + width: 90rem; + /* border: 1px solid black; */ +} +.aboutMe1 { + display: flex; + flex-flow: column nowrap; + justify-items: center; + justify-content: center; + /* border: 1px solid black; */ + align-items: flex-start; +} +.name2 { + font-size: 2.3rem; + margin-left: 1.5rem; + margin-bottom: 1rem; +} +.aboutMe2 { + font-size: 1.3rem; + margin-left: 0rem; + margin-top: 1rem; +} +.someProjects { + background-color:rgb(194, 127, 28); + width: 100vw; + height: fit-content; + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; +} +.projectsimgs { + width: 20%; + height: 20rem; + /* border: 1px solid black; */ + margin: 2rem; + border: 0.4rem solid rgb(221, 145, 30); +} +.projectsHeader { + display: flex; + justify-content: center; + font-size: 4rem; +} +.footer { + background-color: lightgray; + width: 100vw; + height: 10rem; + display: flex; + flex-flow: column nowrap; + justify-content: center; + align-items: center; +} +.text { + font-size: 1.4rem; +} \ No newline at end of file From df0142992f813ba1a9b3ad55493698c92d8c233c Mon Sep 17 00:00:00 2001 From: Christian Anderson Date: Fri, 12 May 2023 13:07:57 -0700 Subject: [PATCH 3/3] Done what I would consider to be a completed project. Now, I don't actually know if im supposed to complete the other html parts and style them. It's a stretch goal from what I can tell, eg. optional --- index.html | 5 +++-- style/index.css | 16 ++++++++++++++-- 2 files changed, 17 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 79c2f9344..894e4224f 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,7 @@

Christian Anderson