From 40d7f66fc49853f3809cecdd97265187510cda9d Mon Sep 17 00:00:00 2001 From: Sarah Mucho Date: Tue, 19 May 2020 22:30:51 -0400 Subject: [PATCH 1/4] branch successful --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 5912e2c97..211c020dd 100644 --- a/README.md +++ b/README.md @@ -4,12 +4,12 @@ For this project you will be building a digital resume from scratch. You will be ## Task 1: Set Up The Project With Git -- [ ] Create a forked copy of this project. +- [ ] Create a forked copy of this project.. - [ ] Add your project manager as collaborator on Github. -- [ ] Clone your OWN version of the repository (Not Lambda's by mistake!). +- [ ] Clone your OWN version of the repository (Not Lambda's by mistake!)... - [ ] Create a new branch: git checkout -b ``. - [ ] Implement the project on your newly created `` branch, committing changes regularly. -- [ ] Push commits: git push origin ``. +- [ ] Push commits: git push origin ``... Follow these steps for completing your project. From b4fdfa9d67df2528f662f1193678f07c71f3a377 Mon Sep 17 00:00:00 2001 From: Sarah Mucho Date: Wed, 20 May 2020 23:22:07 -0400 Subject: [PATCH 2/4] rough draft --- css/index.css | 135 ++++++++++++++++++++++++++++++++++++++++++++++- css/index.images | 0 headshotcopy.jpg | Bin 0 -> 21606 bytes index.html | 34 ++++++++++-- 4 files changed, 165 insertions(+), 4 deletions(-) create mode 100644 css/index.images create mode 100644 headshotcopy.jpg diff --git a/css/index.css b/css/index.css index 7dd97920d..480dd899d 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,134 @@ -/* Compile your LESS file! */ \ No newline at end of file +/* Compile your LESS file! */ + +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; +} +html { + font-size: 62.5%; + } + +body { + line-height: 1; + background-color: lightgrey; +} + +header { + background-color: aquamarine; +} +h1 { + font-size: 4rem; + font-style: bold; + padding-top: 20px; +} +h2 { + font-size: 3rem; + font-style: italic; +} + +.h { + display: flex; + flex-wrap: wrap; + padding-left: 10px; + } + +nav { + display: flex; + flex-direction: row; + justify-content: space-between; + text-align: right; + margin-left: 250px; + margin-right: 10px; + padding-bottom: 20px; + font-style: none; + text-align: right; +} + +a { + text-decoration: none; + color: black; + font-size: 2rem; + font-style: italic; +} + +img { + margin: 10px; + border: 3px solid navy; + height: 400px + +} + +.Sarah { + display: flex; + justify-content: space-around; + margin-top: 30px; +} + +.bio { + font-size: 2.7rem; + font-style: italic; + width: 50%; + margin-top: 50px; + line-height: 30px; + text-align: left; + } + +h3 { + font-size: 3rem; + font-style: italic; + text-align: center; + padding: 10px; + margin-top: 20px; + background-color: aquamarine; +} + +ul { + font-size: 2rem; + font-style: italic; + display: flex; + flex-direction: column; + justify-content: space-between; + flex-wrap: nowrap; + background-color: aquamarine; +} + +li { + text-align: center; + margin: 5px; +} + +.skill1 { + background-color: azure; + padding: 5px; +} + +.skill2 { + background-color: aquamarine; + padding: 5px; +} + +.skill3 { + background-color: azure; + padding: 5px; +} \ No newline at end of file diff --git a/css/index.images b/css/index.images new file mode 100644 index 000000000..e69de29bb diff --git a/headshotcopy.jpg b/headshotcopy.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a9fc0978171f7166c1ca4e7a97826bb00d5eb35c GIT binary patch literal 21606 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 upkY|*g9nV6+kk@e6Yin% - -

My Resume

- +
+
+

Sarah Mucho

+

Wed Developer

+ +
+
+
+
+

+ Sarah is a singer-songwriter, ex bartender and a web developer. Through her experience and unique perspective, she has + found a way to merge all of these skills and develop an online presence + as "the musicians' coder". However, she does not exclusively work with + musicians, she is an equal opportunity web developer. Please do reach out + if you are in need of someone with both the skills and a creative edge.

+
+ +

Special Skills

+
    +
  • Customer Service - Years of experience working in bars and working around people.
    • +
  • Performace skills - I know how to lead and run a room.
    • +
  • Creative skills - an understanding of how to add style to functionality.
    • +
+
+
+ \ No newline at end of file From 7ec324fd81efacefaed098cead42902f3040dda2 Mon Sep 17 00:00:00 2001 From: Sarah Mucho Date: Thu, 21 May 2020 00:06:13 -0400 Subject: [PATCH 3/4] less --- css/index.css | 312 ++++++++++++++++++++++++++++++++---------------- index.html | 6 + less/index.less | 119 ++++++++++++++++++ 3 files changed, 332 insertions(+), 105 deletions(-) diff --git a/css/index.css b/css/index.css index 480dd899d..59b732834 100644 --- a/css/index.css +++ b/css/index.css @@ -1,134 +1,236 @@ -/* Compile your LESS file! */ - -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; +/* 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; +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%; } html { - font-size: 62.5%; - } - + font-size: 62.5%; +} body { - line-height: 1; - background-color: lightgrey; + line-height: 1; + background-color: lightgrey; } - header { - background-color: aquamarine; + background-color: aquamarine; } h1 { - font-size: 4rem; - font-style: bold; - padding-top: 20px; + font-size: 4rem; + font-style: bold; + padding-top: 20px; } -h2 { - font-size: 3rem; - font-style: italic; +h2 { + font-size: 3rem; + font-style: italic; } - .h { - display: flex; - flex-wrap: wrap; - padding-left: 10px; - } - + display: flex; + flex-wrap: wrap; + padding-left: 10px; +} nav { - display: flex; - flex-direction: row; - justify-content: space-between; - text-align: right; - margin-left: 250px; - margin-right: 10px; - padding-bottom: 20px; - font-style: none; - text-align: right; -} - + display: flex; + flex-direction: row; + justify-content: space-between; + margin-left: 250px; + margin-right: 10px; + padding-bottom: 20px; + font-style: none; + text-align: right; +} a { - text-decoration: none; - color: black; - font-size: 2rem; - font-style: italic; + text-decoration: none; + color: black; + font-size: 2rem; + font-style: italic; } - img { - margin: 10px; - border: 3px solid navy; - height: 400px - + margin: 10px; + border: 3px solid navy; + height: 400px; } - .Sarah { - display: flex; - justify-content: space-around; - margin-top: 30px; + display: flex; + justify-content: space-around; + margin-top: 30px; } - .bio { - font-size: 2.7rem; - font-style: italic; - width: 50%; - margin-top: 50px; - line-height: 30px; - text-align: left; - } - + font-size: 2.7rem; + font-style: italic; + width: 50%; + margin-top: 50px; + line-height: 30px; + text-align: left; +} h3 { - font-size: 3rem; - font-style: italic; - text-align: center; - padding: 10px; - margin-top: 20px; - background-color: aquamarine; -} - + font-size: 3rem; + font-style: italic; + text-align: center; + padding: 10px; + margin-top: 20px; + background-color: aquamarine; +} ul { - font-size: 2rem; - font-style: italic; - display: flex; - flex-direction: column; - justify-content: space-between; - flex-wrap: nowrap; - background-color: aquamarine; -} - + font-size: 2rem; + font-style: italic; + display: flex; + flex-direction: column; + justify-content: space-between; + flex-wrap: nowrap; + background-color: aquamarine; +} li { - text-align: center; - margin: 5px; + text-align: center; + margin: 5px; } - .skill1 { - background-color: azure; - padding: 5px; + background-color: azure; + padding: 5px; } - .skill2 { - background-color: aquamarine; - padding: 5px; + background-color: aquamarine; + padding: 5px; } - .skill3 { - background-color: azure; - padding: 5px; -} \ No newline at end of file + background-color: azure; + padding: 5px; + padding-bottom: 70px; +} +footer { + background-color: aquamarine; + padding: 20px; +} +.n2 { + display: flex; + margin: 0px auto; +} diff --git a/index.html b/index.html index d80c2c64b..bab8bc705 100644 --- a/index.html +++ b/index.html @@ -42,6 +42,12 @@

Special Skills

  • Creative skills - an understanding of how to add style to functionality.
    • \ No newline at end of file diff --git a/less/index.less b/less/index.less index 191ce142e..109285c38 100644 --- a/less/index.less +++ b/less/index.less @@ -56,4 +56,123 @@ table { html, body { height: 100%; } +html { + font-size: 62.5%; + } +body { + line-height: 1; + background-color: lightgrey; +} + +header { + background-color: aquamarine; +} +h1 { + font-size: 4rem; + font-style: bold; + padding-top: 20px; +} +h2 { + font-size: 3rem; + font-style: italic; +} + +.h { + display: flex; + flex-wrap: wrap; + padding-left: 10px; + } + +nav { + display: flex; + flex-direction: row; + justify-content: space-between; + text-align: right; + margin-left: 250px; + margin-right: 10px; + padding-bottom: 20px; + font-style: none; + text-align: right; +} + +a { + text-decoration: none; + color: black; + font-size: 2rem; + font-style: italic; +} + +img { + margin: 10px; + border: 3px solid navy; + height: 400px + +} + +.Sarah { + display: flex; + justify-content: space-around; + margin-top: 30px; +} + +.bio { + font-size: 2.7rem; + font-style: italic; + width: 50%; + margin-top: 50px; + line-height: 30px; + text-align: left; + } + +h3 { + font-size: 3rem; + font-style: italic; + text-align: center; + padding: 10px; + margin-top: 20px; + background-color: aquamarine; +} + +ul { + font-size: 2rem; + font-style: italic; + display: flex; + flex-direction: column; + justify-content: space-between; + flex-wrap: nowrap; + background-color: aquamarine; +} + +li { + text-align: center; + margin: 5px; +} + +.skill1 { + background-color: azure; + padding: 5px; +} + +.skill2 { + background-color: aquamarine; + padding: 5px; +} + +.skill3 { + background-color: azure; + padding: 5px; + padding-bottom: 70px; +} + +footer { + background-color: aquamarine; + padding: 20px; +} +.n2 { + display: flex; + margin: 0px auto; +} +a { + +} From 67d5247409eec325a4e5575065e2acd4a98aff19 Mon Sep 17 00:00:00 2001 From: Sarah Mucho Date: Fri, 22 May 2020 20:42:06 -0400 Subject: [PATCH 4/4] new draft --- about.index | 0 css/index.css | 72 ++++++++++++++++-------------- home.index | 0 index.html | 48 ++++++++++---------- less/contact.index | 0 less/home.html | 0 less/home.index | 0 less/index.less | 104 ++++++++++++++++++++++++------------------- less/portfolio.index | 0 less/resume.html | 0 less/resume.index | 0 portfolio.index | 0 resume.index | 0 13 files changed, 122 insertions(+), 102 deletions(-) create mode 100644 about.index create mode 100644 home.index create mode 100644 less/contact.index create mode 100644 less/home.html create mode 100644 less/home.index create mode 100644 less/portfolio.index create mode 100644 less/resume.html create mode 100644 less/resume.index create mode 100644 portfolio.index create mode 100644 resume.index diff --git a/about.index b/about.index new file mode 100644 index 000000000..e69de29bb diff --git a/css/index.css b/css/index.css index 59b732834..e84310a27 100644 --- a/css/index.css +++ b/css/index.css @@ -1,7 +1,3 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ html, body, div, @@ -106,6 +102,7 @@ section { } body { line-height: 1; + margin: 10px; } ol, ul { @@ -142,31 +139,18 @@ body { background-color: lightgrey; } header { - background-color: aquamarine; -} -h1 { - font-size: 4rem; - font-style: bold; - padding-top: 20px; -} -h2 { - font-size: 3rem; - font-style: italic; -} -.h { - display: flex; - flex-wrap: wrap; - padding-left: 10px; + background-color: darkseagreen; } nav { display: flex; - flex-direction: row; justify-content: space-between; + flex-direction: row; + align-items: right; + text-align: right; margin-left: 250px; margin-right: 10px; padding-bottom: 20px; font-style: none; - text-align: right; } a { text-decoration: none; @@ -174,9 +158,22 @@ a { font-size: 2rem; font-style: italic; } +.name { + display: flex; + flex-direction: column; +} +h1 { + font-size: 4rem; + font-style: bold; + padding-top: 20px; +} +h2 { + font-size: 3rem; + font-style: italic; +} img { margin: 10px; - border: 3px solid navy; + border: 3rem; height: 400px; } .Sarah { @@ -185,20 +182,20 @@ img { margin-top: 30px; } .bio { - font-size: 2.7rem; + font-size: 2.5rem; font-style: italic; width: 50%; margin-top: 50px; line-height: 30px; text-align: left; } -h3 { +.skills { font-size: 3rem; font-style: italic; text-align: center; padding: 10px; margin-top: 20px; - background-color: aquamarine; + background-color: darkseagreen; } ul { font-size: 2rem; @@ -207,30 +204,39 @@ ul { flex-direction: column; justify-content: space-between; flex-wrap: nowrap; - background-color: aquamarine; + background-color: darkseagreen; + margin: 10px; } li { text-align: center; margin: 5px; } .skill1 { - background-color: azure; + background-color: lightgrey; padding: 5px; } .skill2 { - background-color: aquamarine; + background-color: darkseagreen; padding: 5px; } .skill3 { - background-color: azure; + background-color: lightgrey; padding: 5px; - padding-bottom: 70px; + padding-bottom: 20px; } footer { - background-color: aquamarine; - padding: 20px; + background-color: darkseagreen; } .n2 { display: flex; - margin: 0px auto; + justify-content: center; +} +.contact { + background-color: lightgrey; +} +button { + background-color: lightgrey; + margin: 30px 175px; + height: 50px; + border: dotted; } diff --git a/home.index b/home.index new file mode 100644 index 000000000..e69de29bb diff --git a/index.html b/index.html index bab8bc705..9e933751f 100644 --- a/index.html +++ b/index.html @@ -13,41 +13,43 @@ -
    -
    -

    Sarah Mucho

    -

    Wed Developer

    - + +
    +
    +

    Sarah Mucho

    +

    Web Developer

    +
    + +
    -

    Sarah is a singer-songwriter, ex bartender and a web developer. Through her experience and unique perspective, she has - found a way to merge all of these skills and develop an online presence - as "the musicians' coder". However, she does not exclusively work with + found a way to merge all of these skills and develop aa reputation + as the "musicians' coder". However, she does not exclusively work with musicians, she is an equal opportunity web developer. Please do reach out if you are in need of someone with both the skills and a creative edge.

    -

    Special Skills

    -
      -
    • Customer Service - Years of experience working in bars and working around people.
      • +
      Special Skills +
        +
      • Customer Service - Years of experience working in bars and working around people.
      • Performace skills - I know how to lead and run a room.
      • Creative skills - an understanding of how to add style to functionality.
        • -
      +
    \ No newline at end of file diff --git a/less/contact.index b/less/contact.index new file mode 100644 index 000000000..e69de29bb diff --git a/less/home.html b/less/home.html new file mode 100644 index 000000000..e69de29bb diff --git a/less/home.index b/less/home.index new file mode 100644 index 000000000..e69de29bb diff --git a/less/index.less b/less/index.less index 109285c38..247bd80db 100644 --- a/less/index.less +++ b/less/index.less @@ -1,9 +1,3 @@ -// Is this working? -/* 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, @@ -31,6 +25,7 @@ footer, header, hgroup, menu, nav, section { } body { line-height: 1; + margin: 10px; } ol, ul { list-style: none; @@ -65,49 +60,53 @@ body { background-color: lightgrey; } +@backgroundColor: darkseagreen; +@fontStyle: italic; + header { - background-color: aquamarine; -} -h1 { - font-size: 4rem; - font-style: bold; - padding-top: 20px; -} -h2 { - font-size: 3rem; - font-style: italic; + background-color: @backgroundColor; } -.h { - display: flex; - flex-wrap: wrap; - padding-left: 10px; - } - nav { + display: flex; - flex-direction: row; justify-content: space-between; + flex-direction: row; + align-items: right; text-align: right; margin-left: 250px; margin-right: 10px; padding-bottom: 20px; font-style: none; - text-align: right; } a { text-decoration: none; color: black; font-size: 2rem; - font-style: italic; + font-style: @fontStyle; } +.name { + display: flex; + flex-direction: column; +} + +h1 { + font-size: 4rem; + font-style: bold; + padding-top: 20px; +} + +h2 { + font-size: 3rem; + font-style: @fontStyle; +} + img { margin: 10px; - border: 3px solid navy; + border: 3rem; height: 400px - } .Sarah { @@ -117,31 +116,32 @@ img { } .bio { - font-size: 2.7rem; - font-style: italic; + font-size: 2.5rem; + font-style: @fontStyle; width: 50%; margin-top: 50px; line-height: 30px; text-align: left; - } + } -h3 { + .skills { font-size: 3rem; font-style: italic; text-align: center; padding: 10px; margin-top: 20px; - background-color: aquamarine; + background-color: @backgroundColor; } ul { font-size: 2rem; - font-style: italic; + font-style: @fontStyle; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; - background-color: aquamarine; + background-color: @backgroundColor; + margin: 10px; } li { @@ -150,29 +150,41 @@ li { } .skill1 { - background-color: azure; + background-color: lightgrey; padding: 5px; } .skill2 { - background-color: aquamarine; + background-color: @backgroundColor; padding: 5px; } .skill3 { - background-color: azure; + background-color: lightgrey; padding: 5px; - padding-bottom: 70px; + padding-bottom: 20px; } - + footer { - background-color: aquamarine; - padding: 20px; + background-color: @backgroundColor; } -.n2 { - display: flex; - margin: 0px auto; + +.n2 { + display: flex; + justify-content: center; } -a { - + +.contact { + background-color: lightgrey; +} + +button { + background-color: lightgrey; + margin: 30px 175px; + height: 50px; + border: dotted; } + +@media (max-width: 500px) { + +} \ No newline at end of file diff --git a/less/portfolio.index b/less/portfolio.index new file mode 100644 index 000000000..e69de29bb diff --git a/less/resume.html b/less/resume.html new file mode 100644 index 000000000..e69de29bb diff --git a/less/resume.index b/less/resume.index new file mode 100644 index 000000000..e69de29bb diff --git a/portfolio.index b/portfolio.index new file mode 100644 index 000000000..e69de29bb diff --git a/resume.index b/resume.index new file mode 100644 index 000000000..e69de29bb