diff --git a/index.html b/index.html index d01f779ff..894e4224f 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,46 @@ + 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!

+

     Fresh out of highschool I became a dishwasher, and
after a year of serious monotony, I had enough and decided
I needed something more to life. Something that had always
fascinated me was coding and its intracies. Some soul
searching later and I find myself here, right now, enrolled
in a program with the hopes of success. I couldn't have
made a better decision if I tried.

+
+
+

Some Sample Projects

+
+ + + + + + + + +
+ \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..7a21d3972 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,164 @@ -/* 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); + border-left: 0.3rem solid lightgray; + border-right: 0.3rem solid lightgray; +} +.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; + border-left: 0.3rem solid lightgray; + border-right: 0.3rem solid lightgray; +} +.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; + background-color: lightgray; + height: 4.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; + margin-bottom: 1rem; +} +.projectsimgs:hover { + width: 25%; + height: 22rem; + margin: 0rem; +}