diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/Images/archer-background.jpg b/Images/archer-background.jpg new file mode 100644 index 000000000..40f8f97da Binary files /dev/null and b/Images/archer-background.jpg differ diff --git a/Images/sterling.jpg b/Images/sterling.jpg new file mode 100644 index 000000000..72d3e15e9 Binary files /dev/null and b/Images/sterling.jpg differ diff --git a/css/index.css b/css/index.css index 7dd97920d..d64d66377 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,245 @@ -/* Compile your LESS file! */ \ No newline at end of file +/* 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: 62.5%; + 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; +} +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; +} +html, +body { + height: 100%; +} +.container { + margin: auto 23%; +} +.container h1 { + font-size: 2rem; +} +.container h2 { + font-size: 1.6rem; +} +.container button { + font-size: 1rem; + color: white; + background-color: gray; + border: 0; + padding: 1.5% 2%; + border-radius: 2.5px; +} +nav { + display: flex; + justify-content: flex-end; + padding: 3% 0; +} +nav a { + text-decoration: none; + margin-left: 3%; + color: black; +} +.header-box { + display: flex; + flex-direction: column; + background: #EAECEF; + padding: 10% 3.5%; + border-radius: 12px; +} +.header-box img { + border-radius: 12px; +} +.head-box2 { + border-top: 1px solid lightgray; +} +.about { + display: flex; + justify-content: space-between; + margin: 5% auto; +} +.about-box1 { + display: flex; + flex-wrap: wrap; + width: 48%; +} +.about-box1 h2 { + width: 100%; +} +.about-box2 { + display: flex; + flex-wrap: wrap; + width: 48%; +} +.about-box2 h2 { + width: 100%; +} +.about-box2 .sub-box { + width: 100%; + padding: 2.5%; + border-top: 1px solid gray; + border-left: 1px solid gray; + border-right: 1px solid gray; +} +.work-history { + margin-bottom: 5%; +} +.work-history h3 { + font-weight: bold; +} +.about-box2 :nth-child(6) { + border-bottom: 1px solid gray; +} +#gray-back { + background: #F2F2F2; + border-top: 1px solid #DFE3E7; + border-bottom: 1px solid #DFE3E7; +} +.history-box { + width: 100%; + display: flex; + padding: 1.5%; +} +.history-box .yrs { + width: 11%; +} +.history-box .company { + width: 22%; +} +.history-box .title { + width: 55%; +} +.history-box .tech-used { + width: 22%; +} +footer { + display: flex; + justify-content: center; + background-color: darkgray; + color: white; + font-size: 0.8rem; +} +footer p { + margin: 2.5%; +} diff --git a/index.html b/index.html index a7f9e3ad1..820ba3cd0 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,118 @@ -

My Resume

+
+ + +
+
+
+ +

Sterling Malory Archer - Seceret Agent


+

Worlds deadliest spy


+
+
+

a;ldskjf d asf dffd adf fd df adffd fa df daf fsa affd fa dfsa df adf adf


+ +
+
+
+ +
+
+

About Me

+

Sterling Malory Archer (codenamed 'Duchess') is a fictional character on the American adult animated sitcom Archer, which aired on the basic cable network FX from 2009 to 2017 and is currently broadcast on sister network FXX. Conceived by Adam Reed as the comedy's main protagonist, Sterling is voiced by H. Jon Benjamin. Reed was expected to play the role in the show's original pilot, but was recast because producers felt his voice-over was not suitable for the character's dialogue. Sterling debuted in the first episode of Archer, "Mole Hunt", on September 17, 2009. + +

+
+
+

Stuff I'm good At

+
+

Lacross

+
+
+

Phrasing

+
+
+

Eliminating targets (friendly too)

+
+
+

Exdcuting the honey pot

+
+
+

Counting

+
+
+
+ +
+

Work History

+
+
+

Yrs

+
+
+

Company

+
+
+

Title

+
+
+

Tech Used

+
+
+
+
+

10

+
+
+

ISIS

+
+
+

Field Agent

+
+
+

High Tech

+
+
+
+
+

1

+
+
+

Seril Agency

+
+
+

Private Eye

+
+
+

Basic

+
+
+
+
+

1

+
+
+

Vice

+
+
+

Drug Dealer

+
+
+

None

+
+
+
+ + +
\ No newline at end of file diff --git a/less/index.less b/less/index.less index 191ce142e..9d0857993 100644 --- a/less/index.less +++ b/less/index.less @@ -20,7 +20,7 @@ time, mark, audio, video { margin: 0; padding: 0; border: 0; - font-size: 100%; + font-size: 62.5%; font: inherit; vertical-align: baseline; } @@ -54,6 +54,139 @@ table { } html, body { - height: 100%; + height: 100%; } +.container { + margin: auto 23%; + h1 { + font-size: 2rem; + } + + h2 { + font-size: 1.6rem; + } + + button { + font-size: 1rem; + color: white; + background-color: gray; + border: 0; + padding: 1.5% 2%; + border-radius: 2.5px; + } +} + +nav { + display: flex; + justify-content: flex-end; + padding: 3% 0; + + a { + text-decoration: none; + margin-left: 3%; + color: black; + } +} + +.header-box { + display: flex; + flex-direction: column; + background: #EAECEF; + padding: 10% 3.5%; + border-radius: 12px; + + img { + border-radius: 12px; + } +} + +.head-box2 { + border-top: 1px solid lightgray; +} + +.about { + display: flex; + justify-content: space-between; + margin: 5% auto; +} + +.about-box1 { + display: flex; + flex-wrap: wrap; + width: 48%; + + h2 { + width: 100%; + } +} + +.about-box2 { + display: flex; + flex-wrap: wrap; + width: 48%; + + h2 { + width: 100%; + } + + .sub-box { + width: 100%; + padding: 2.5%; + border-top: 1px solid gray; + border-left: 1px solid gray; + border-right: 1px solid gray; + } +} + +.work-history { + margin-bottom: 5%; + + h3 { + font-weight: bold; + } +} + +.about-box2 :nth-child(6) { + border-bottom: 1px solid gray; +} + +#gray-back { + background: #F2F2F2; + border-top: 1px solid #DFE3E7; + border-bottom: 1px solid #DFE3E7; +} + +.history-box { + width: 100%; + display: flex; + padding: 1.5%; + + .yrs { + width: 11%; + } + + .company { + width: 22%; + } + + .title { + width: 55%; + } + + .tech-used { + width: 22%; + } +} + +footer { + display: flex; + justify-content: center; + background-color: darkgray; + color: white; + font-size: .8rem; + + p { + margin: 2.5%; + } +} \ No newline at end of file diff --git a/touch b/touch new file mode 100644 index 000000000..e69de29bb