From 33af7fabb4cc9c585a62913362cd35f618a6a3c8 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 4 Feb 2016 17:41:13 -0500 Subject: [PATCH 01/35] Added html and css. --- css/main.css | 17 +++++++++++++++++ index.html | 12 ++++++++++++ 2 files changed, 29 insertions(+) create mode 100644 css/main.css create mode 100644 index.html diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..dc0c50d --- /dev/null +++ b/css/main.css @@ -0,0 +1,17 @@ +@-moz-viewport { width: device-width; scale: 1; } +@-ms-viewport { width: device-width; scale: 1; } +@-o-viewport { width: device-width; scale: 1; } +@-webkit-viewport { width: device-width; scale: 1; } +@viewport { width: device-width; scale: 1; } + +html { + box-sizing: border-box; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +*, *::before, *::after { + box-sizing: inherit; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..178dbdd --- /dev/null +++ b/index.html @@ -0,0 +1,12 @@ + + + + + Smiley-face + + + + + + + From d239d036802244b1d3867959b674980801a842e8 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 4 Feb 2016 17:58:23 -0500 Subject: [PATCH 02/35] Added first svg. --- hook.svg | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 24 ++++++++++++++-- 2 files changed, 102 insertions(+), 2 deletions(-) create mode 100644 hook.svg diff --git a/hook.svg b/hook.svg new file mode 100644 index 0000000..4ea59e3 --- /dev/null +++ b/hook.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 178dbdd..5d590e3 100644 --- a/index.html +++ b/index.html @@ -2,11 +2,31 @@ - Smiley-face + The Modern Nurse - +
+ + + + + + + + + + + + + + + + + +
From 1b38013f698d2dc90623266c02ab5d6eeebf5a2a Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 4 Feb 2016 18:07:10 -0500 Subject: [PATCH 03/35] Changed the svg and added text. --- css/main.css | 4 + hook.svg | 252 ++++++++++++++++++++++++++++++++++++++++----------- index.html | 114 ++++++++++++++++++++--- 3 files changed, 303 insertions(+), 67 deletions(-) diff --git a/css/main.css b/css/main.css index dc0c50d..d9f1ba0 100644 --- a/css/main.css +++ b/css/main.css @@ -15,3 +15,7 @@ html { *, *::before, *::after { box-sizing: inherit; } + +body { + margin: 0; +} diff --git a/hook.svg b/hook.svg index 4ea59e3..652e720 100644 --- a/hook.svg +++ b/hook.svg @@ -14,67 +14,215 @@ .st8{fill:#82321A;} .st9{fill:#65C7C4;} .st10{opacity:0.51;fill:#ADDBCF;} + .st11{fill:#F9DEDA;} + .st12{fill:none;stroke:#ADDBCF;stroke-miterlimit:10;} + .st13{fill:none;stroke:#F7C5C1;stroke-width:1.4;stroke-miterlimit:10;} + .st14{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;} + .st15{fill:#FFFFFF;stroke:#FFFFFF;stroke-linejoin:round;stroke-miterlimit:10;} + .st16{fill:#F16369;} + .st17{font-family:'Helvetica-Light';} + .st18{font-size:4.6823px;} + .st19{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;} + .st20{opacity:0.77;fill:#F7C5C1;} + .st21{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;} + .st22{fill:none;stroke:#FFFFFF;stroke-width:1.3;stroke-miterlimit:10;} + .st23{fill:#ADDBCF;} + .st24{opacity:0.66;fill:#65C7C4;} + .st25{fill:#196B78;} + .st26{font-family:'Helvetica-Bold';} + .st27{font-size:8.5133px;} + .st28{font-family:'MyriadPro-Bold';} + .st29{font-size:6.8106px;} + .st30{font-size:5.1086px;} + .st31{fill:#ED2426;} + .st32{fill:none;stroke:#F16369;stroke-miterlimit:10;} + .st33{fill:none;stroke:#F16369;stroke-miterlimit:10;stroke-dasharray:1.9479,1.9479;} + .st34{fill:none;stroke:#F16369;stroke-miterlimit:10;stroke-dasharray:2.0422,2.0422;} + .st35{fill:none;stroke:#F16369;stroke-miterlimit:10;stroke-dasharray:2.0525,2.0525;} + .st36{font-size:11.6672px;} + .st37{font-size:7.4036px;} + .st38{font-size:17.7785px;} + .st39{font-family:'MyriadPro-Semibold';} + .st40{fill:none;stroke:#196B78;stroke-miterlimit:10;} + .st41{fill:none;stroke:#196B78;stroke-miterlimit:10;stroke-dasharray:2.0083,2.0083;} + .st42{fill:none;stroke:#196B78;stroke-miterlimit:10;stroke-dasharray:1.9769,1.9769;} + .st43{font-family:'StoneInformalStd-Semibold';} + .st44{font-family:'Helvetica';} + .st45{font-size:7.2225px;} + .st46{fill:none;stroke:#196B78;stroke-miterlimit:10;stroke-dasharray:1.9539,1.9539;} - - - - - - - - - - + + - - + + + + - - + + + + + + + + + + - - - - + + + + + + + + + + + + + + + 91% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 9% + 3.5 Million Nurses in US + GENDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 35 + $51,00 + 3.2 + + + + + + + + + + + + + + + 31 + $60,700 + 330,000 + Million Females + Median age + Median Earnings + + + + + + - - - + Median Earnings + Males + Median age diff --git a/index.html b/index.html index 5d590e3..49d8a1b 100644 --- a/index.html +++ b/index.html @@ -10,22 +10,106 @@
- - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + 91% + + + + + + + + + + + + + + + + 9% + + + 3.5 Million Nurses in US + + + GENDER + + + + + + + + + + + + + 35 + + + $51,00 + + + 3.2 + + + + + + + + 31 + + + $60,700 + + + 330,000 + + + Million Females + + + Median age + + + Median Earnings + + + + + + Median Earnings + + + Males + + + Median age +
From 5160bb7317152cbe2785391fd50ce68ded28266e Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 4 Feb 2016 20:17:24 -0500 Subject: [PATCH 04/35] Fixed svg code. --- index.html | 114 +++++++---------------------------------------------- 1 file changed, 15 insertions(+), 99 deletions(-) diff --git a/index.html b/index.html index 49d8a1b..5d590e3 100644 --- a/index.html +++ b/index.html @@ -10,106 +10,22 @@
- - - - - - - - - - - - - - - - - - - - - 91% - - - - - - - - - - - - - - - - 9% - - - 3.5 Million Nurses in US - - - GENDER - - - - - - - - - - - - - 35 - - - $51,00 - - - 3.2 - - - - - - - - 31 - - - $60,700 - - - 330,000 - - - Million Females - - - Median age - - - Median Earnings - - - - - - Median Earnings - - - Males - - - Median age - + + + + + + + + + + + + + +
From 4b7c6f9723d20be4bd9272a894d28642fd7691cc Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 4 Feb 2016 21:40:22 -0500 Subject: [PATCH 05/35] Added new svg. --- index.html | 1371 +++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 1355 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 5d590e3..3e86c0b 100644 --- a/index.html +++ b/index.html @@ -8,24 +8,1363 @@
- + - - - - - - - - - - - - - - + + + + + + + Nurse anesthetists + + + Females + + + Nurse Practitioners + + + + + Males + + + + + + + + + $144,981 + + + + + + + + $ + + + + + + + + + + Female 59% + + + Male 41% + + + + + Median Nurse Salary by Ethnicity + + + + Caucasian + + + $70,000 + + + + + + + + + + + + Asian + + + $61.000 + + + + + + + + + + + + $58.000 + + + Multi - racial + + + + + + + + + + + Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + Caucasian + + + 83% + + + + + + + + + + + + + + + Asian + + + 6% + + + + + 3% + + + Others + + + + + + + + + + + Ethnicity + + + + + $162.900 + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 9.6% still lower than most other traditionally “pink collar” professions + + + 24% + + + Male teachers: + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + √ + + + + + + + + + + + + 13% + + + Male bookeepers: + + + 26% + + + Male social workers: + + + + + √ + + + + + + 9.6% + + + RN + + + + + + + + + + + 9.1% + + + 7.7% + + + 5.7% + + + 1990 + + + 2000 + + + 2010 + + + Today + + + + + + 4.1% + + + 2.7% + + + 1970 + + + 1980 + + + LVN/LPN + + + + + + + + + + + + 3.9% + + + 3.4% + + + 6.4% + + + 7.6% + + + 7.8% + + + 8.1% + + + 1990 + + + 2000 + + + 2010 + + + Today + + + 1970 + + + 1980 + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + 9% + + + + Male receptionists: + + + + √ + + + + + + + Percentage of Male Nurses Over Time + + + + + + + + + + Earnings by gender and specialty + + + + + + How old are nurses today? + + + LPN + + + RN + + + AGE + + + + + + + + 42.6% + + + + + + + + 48.5% + + + + + + + + + + Under 40 + + + + + + + + + + 41 — 60 + + + + + + + + 37.8% + + + + + + + + 53.2% + + + + + + + + + + + + + + 35 + + + $51,00 + + + 3.2 + + + 3.5 Million Nurses in US + + + + + + + + 31 + + + $60,700 + + + 330,000 + + + Million Females + + + Median age + + + Median Earnings + + + + + + Median Earnings + + + Males + + + Median age + + + + + + + + + + + + + + + + + + + + + + The Modern Nurse + + + + Exploring Today’s Diversity in the Nursing Profession + + + 91% + + + + + + + + + + + 9% + + + + + + + + + + + + + + GENDER + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increasedper100,00 population(per capital) + + + 14% + + + LPNs increased per100,00 population(per capital) + + + 6% + + + + + + + 9% + + + 91% + + + + + + + + + + + + + + + + $ 96,400 + + + $83,868 + +
From f3317b9c40dfdd39dfe9b5d4cfadfbd42c528297 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 16:34:09 -0500 Subject: [PATCH 06/35] Added several css and svg. --- css/grid.css | 396 +++++++++++++ css/modules.css | 412 ++++++++++++++ css/type.css | 757 +++++++++++++++++++++++++ hook.svg | 228 -------- index.html | 1423 +++-------------------------------------------- svg/2.svg | 97 ++++ 6 files changed, 1750 insertions(+), 1563 deletions(-) create mode 100644 css/grid.css create mode 100644 css/modules.css create mode 100644 css/type.css delete mode 100644 hook.svg create mode 100644 svg/2.svg diff --git a/css/grid.css b/css/grid.css new file mode 100644 index 0000000..af49e68 --- /dev/null +++ b/css/grid.css @@ -0,0 +1,396 @@ +/* + Gridifier || Code released under the UNLICENSE + http://gridifier.web-dev.tools/#xs,4,0,0,0;s,4,25,0,0;m,4,38,1,1;l,4,60,1,1 +*/ + +.grid { + margin: 0; + padding: 0; + letter-spacing: -0.31em; + text-rendering: optimizespeed; + display: -webkit-flex; + -webkit-flex-flow: row wrap; + display: -ms-flexbox; + -ms-flex-flow: row wrap; + display: flex; + flex-flow: row wrap; +} + +.grid-bottom { + -webkit-align-items: flex-end; + -ms-align-items: flex-end; + align-items: flex-end; +} + +.grid-middle { + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; +} + +.grid-stretch { + -webkit-align-items: stretch; + -ms-align-items: stretch; + align-items: stretch; +} + +.opera-only :-o-prefocus, .grid { + word-spacing: -0.43em; +} + +.unit { + letter-spacing: normal; + text-rendering: auto; + vertical-align: top; + word-spacing: normal; + display: inline-block; + visibility: visible; +} + +.grid-bottom .unit { + vertical-align: bottom; +} + +.grid-middle .unit { + vertical-align: middle; +} + +[class*="unit-push-"], +[class*="unit-pull-"] { + position: relative; +} + +.unit-xs-hidden { + display: none; + visibility: hidden; +} + +.unit-xs-centered { + margin: 0 auto; +} + +.unit-xs-1, .xs-1 { + display: block; + visibility: visible; + width: 100%; +} + +.unit-xs-1-2, .xs-1-2 { + width: 50.0000%; +} + +.unit-xs-1-3, .xs-1-3 { + width: 33.3333%; +} + +.unit-xs-2-3, .xs-2-3 { + width: 66.6667%; +} + +.unit-xs-1-4, .xs-1-4 { + width: 25.0000%; +} + +.unit-xs-3-4, .xs-3-4 { + width: 75.0000%; +} + +.unit-xs-1-2,.xs-1-2,.unit-xs-1-3,.xs-1-3,.unit-xs-2-3,.xs-2-3,.unit-xs-1-4,.xs-1-4,.unit-xs-3-4,.xs-3-4 { + display: inline-block; + visibility: visible; +} + +@media only screen and (min-width: 25em) { + +.unit-s-hidden { + display: none; + visibility: hidden; +} + +.unit-s-centered { + margin: 0 auto; +} + +.unit-s-1, .s-1 { + display: block; + visibility: visible; + width: 100%; +} + +.unit-s-1-2, .s-1-2 { + width: 50.0000%; +} + +.unit-s-1-3, .s-1-3 { + width: 33.3333%; +} + +.unit-s-2-3, .s-2-3 { + width: 66.6667%; +} + +.unit-s-1-4, .s-1-4 { + width: 25.0000%; +} + +.unit-s-3-4, .s-3-4 { + width: 75.0000%; +} + +.unit-s-1-2,.s-1-2,.unit-s-1-3,.s-1-3,.unit-s-2-3,.s-2-3,.unit-s-1-4,.s-1-4,.unit-s-3-4,.s-3-4 { + display: inline-block; + visibility: visible; +} + +} + +@media only screen and (min-width: 38em) { + +.unit-m-hidden { + display: none; + visibility: hidden; +} + +.unit-m-centered { + margin: 0 auto; +} + +.unit-m-1, .m-1 { + display: block; + visibility: visible; + width: 100%; +} + +.unit-offset-m-0 { + margin-left: 0; +} + +.unit-push-m-0, +.unit-pull-m-0 { + left: 0; +} + +.unit-m-1-2, .m-1-2 { + width: 50.0000%; +} + +.unit-offset-m-1-2 { + margin-left: 50.0000%; +} + +.unit-push-m-1-2 { + left: 50.0000%; +} + +.unit-pull-m-1-2 { + left: -50.0000%; +} + +.unit-m-1-3, .m-1-3 { + width: 33.3333%; +} + +.unit-offset-m-1-3 { + margin-left: 33.3333%; +} + +.unit-push-m-1-3 { + left: 33.3333%; +} + +.unit-pull-m-1-3 { + left: -33.3333%; +} + +.unit-m-2-3, .m-2-3 { + width: 66.6667%; +} + +.unit-offset-m-2-3 { + margin-left: 66.6667%; +} + +.unit-push-m-2-3 { + left: 66.6667%; +} + +.unit-pull-m-2-3 { + left: -66.6667%; +} + +.unit-m-1-4, .m-1-4 { + width: 25.0000%; +} + +.unit-offset-m-1-4 { + margin-left: 25.0000%; +} + +.unit-push-m-1-4 { + left: 25.0000%; +} + +.unit-pull-m-1-4 { + left: -25.0000%; +} + +.unit-m-3-4, .m-3-4 { + width: 75.0000%; +} + +.unit-offset-m-3-4 { + margin-left: 75.0000%; +} + +.unit-push-m-3-4 { + left: 75.0000%; +} + +.unit-pull-m-3-4 { + left: -75.0000%; +} + +.unit-m-1-2,.m-1-2,.unit-m-1-3,.m-1-3,.unit-m-2-3,.m-2-3,.unit-m-1-4,.m-1-4,.unit-m-3-4,.m-3-4 { + display: inline-block; + visibility: visible; +} + +} + +@media only screen and (min-width: 60em) { + +.unit-l-hidden { + display: none; + visibility: hidden; +} + +.unit-l-centered { + margin: 0 auto; +} + +.unit-l-1, .l-1 { + display: block; + visibility: visible; + width: 100%; +} + +.unit-offset-l-0 { + margin-left: 0; +} + +.unit-push-l-0, +.unit-pull-l-0 { + left: 0; +} + +.unit-l-1-2, .l-1-2 { + width: 50.0000%; +} + +.unit-offset-l-1-2 { + margin-left: 50.0000%; +} + +.unit-push-l-1-2 { + left: 50.0000%; +} + +.unit-pull-l-1-2 { + left: -50.0000%; +} + +.unit-l-1-3, .l-1-3 { + width: 33.3333%; +} + +.unit-offset-l-1-3 { + margin-left: 33.3333%; +} + +.unit-push-l-1-3 { + left: 33.3333%; +} + +.unit-pull-l-1-3 { + left: -33.3333%; +} + +.unit-l-2-3, .l-2-3 { + width: 66.6667%; +} + +.unit-offset-l-2-3 { + margin-left: 66.6667%; +} + +.unit-push-l-2-3 { + left: 66.6667%; +} + +.unit-pull-l-2-3 { + left: -66.6667%; +} + +.unit-l-1-4, .l-1-4 { + width: 25.0000%; +} + +.unit-offset-l-1-4 { + margin-left: 25.0000%; +} + +.unit-push-l-1-4 { + left: 25.0000%; +} + +.unit-pull-l-1-4 { + left: -25.0000%; +} + +.unit-l-3-4, .l-3-4 { + width: 75.0000%; +} + +.unit-offset-l-3-4 { + margin-left: 75.0000%; +} + +.unit-push-l-3-4 { + left: 75.0000%; +} + +.unit-pull-l-3-4 { + left: -75.0000%; +} + +.unit-l-1-2,.l-1-2,.unit-l-1-3,.l-1-3,.unit-l-2-3,.l-2-3,.unit-l-1-4,.l-1-4,.unit-l-3-4,.l-3-4 { + display: inline-block; + visibility: visible; +} + +} + +.unit-content-distribute { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} + +.content-fill { + -ms-flex-grow: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + max-width: 100%; /* @bugfix: IE 10, 11 */ +} + +.content-shrink { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; +} diff --git a/css/modules.css b/css/modules.css new file mode 100644 index 0000000..85ebd47 --- /dev/null +++ b/css/modules.css @@ -0,0 +1,412 @@ +/*! + * Modulifier || Code released under the UNLICENSE + * Code under other copyrights & licenses listed below. + * http://modulifier.web-dev.tools/#responsive;images;list-group;embed;media-object;buttons;forms;accessibility;print + */ + +@-moz-viewport { width: device-width; scale: 1; } +@-ms-viewport { width: device-width; scale: 1; } +@-o-viewport { width: device-width; scale: 1; } +@-webkit-viewport { width: device-width; scale: 1; } +@viewport { width: device-width; scale: 1; } + +html { + box-sizing: border-box; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +body { + margin: 0; +} + +article, aside, details, figcaption, figure, +footer, header, main, menu, nav, section, summary { + display: block; +} + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline; +} + +template { + display: none; +} + +img { + border: 0; +} + +.img-flex { + display: block; + width: 100%; +} + +svg:not(:root) { + overflow: hidden; +} + +svg { + fill: currentColor; + stroke: currentColor; +} + +.image-replacement, .ir { + overflow: hidden; + direction: ltr; + text-align: left; + text-indent: 100%; + white-space: nowrap; +} + +.list-group { + padding-left: 0; + list-style-type: none; +} + +.list-group > dd { + margin-left: 0; +} + +.list-group--inline::before, +.list-group--inline::after { + content: ""; + display: table; +} + +.list-group--inline::after { + clear: both; +} + +.list-group--inline > li { + display: inline-block; +} + +.list-group--inline > dt { + clear: left; + float: left; + width: 11em; +} + +.list-group--inline > dd { + float: left; + min-width: 12em; +} + +.embed { + margin-left: 0; + margin-right: 0; + overflow: hidden; + position: relative; + width: 100%; +} + +.embed--1by1 { + padding-top: 100%; /* Square */ +} + +.embed--4by3 { + padding-top: 75%; /* Traditional TV/computer screens */ +} + +.embed--iso216 { + padding-top: 70.92%; /* A-standard paper sizes */ +} + +.embed--3by2 { + padding-top: 66.6%; /* Classic 35 mm film & most digital photos, landscape */ +} + +.embed--2by3 { + padding-top: 150%; /* Classic 35 mm film & most digital photos, portrait */ +} + +.embed--golden { + padding-top: 61.8%; /* The Golden Ratio */ +} + +.embed--16by9 { + padding-top: 56.25%; /* HD TV */ +} + +.embed--185by100 { + padding-top: 54.05%; /* Common widescreen cinema */ +} + +.embed--24by10 { + padding-top: 41.667%; /* Widescreen cinema: 2.4:1 */; +} + +.embed--3by1 { + padding-top: 33.3333%; /* Panorama photos */ +} + +.embed--4by1 { + padding-top: 25%; /* Polyvision */ +} + +.embed__item { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +.media { + overflow: hidden; +} + +.media__img { + float: left; +} + +.media__img--reversed { + float: right; +} + +.media__img--stacked { + float: none; +} + +.media__body { + overflow: hidden; + min-width: 12em; /* Slightly less than 200px, responsiveness built in */ +} + +.link-box { + display: block; + text-decoration: none; +} + +.btn { + display: inline-block; + padding: 0.375em 0.75em 0.42em; + background-color: #333; + border-radius: 8px; + border: 0; + color: #fff; + text-decoration: none; +} + +.btn:hover { + background-color: #000; + color: #fff; +} + +.btn--light { + background-color: #e2e2e2; + color: #000; +} + +.btn--light:hover { + background-color: #666; + color: #fff; +} + +.btn--ghost { + background-color: transparent; + border: 3px solid #333; + color: #000; +} + +.btn--ghost:hover { + border-color: #000; +} + +label, .label-block { + display: block; + cursor: pointer; +} + +input[type="checkbox"] + label, +input[type="radio"] + label, +.label-inline { + display: inline-block; +} + +/*! + * (c) Nicolas Gallagher and Jonathan Neal of Normalize.css || MIT License + * https://necolas.github.io/normalize.css/ + */ + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +input[type="search"] { + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +/*! End Normalize.css code */ + +a:hover, a:active { + outline: none; +} + +a:focus, [tabindex="0"]:focus, +input:focus, textarea:focus, button:focus { + outline: 3px solid #000; + outline-offset: 3px; +} + +.skip-links { + margin: 0; + padding: 0; + list-style-type: none; +} + +.skip-links a { + padding: 0.5em 0.75em; + position: absolute; + top: -3em; + z-index: 10000; /* To make sure they're always on top */ + background-color: #000; + color: #fff; + font-size: 1.125rem; + font-weight: bold; + text-decoration: none; +} + +.skip-links a:focus { + top: 0; +} + +.print-only { + display: none; + visibility: hidden; +} + +@media print { + + .no-print { + display: none; + visibility: hidden; + } + + .print-only { + display: block; + visibility: visible; + } + + /*! + * (c) HTML5 Boilerplate || MIT License + * https://html5boilerplate.com/ + */ + + *, *:before, *:after, *:first-letter, *:first-line { + background: none transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, blockquote { + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, img { + page-break-inside: avoid; + } + + p, h1, h2, h3, h4, h5, h6 { + orphans: 3; + widows: 3; + } + + h1, h2, h3, h4, h5, h6 { + page-break-after: avoid; + } + + /*! End HTML5 Boilerplate code */ +} diff --git a/css/type.css b/css/type.css new file mode 100644 index 0000000..ce96513 --- /dev/null +++ b/css/type.css @@ -0,0 +1,757 @@ +/* + Typografier || Code released under the UNLICENSE + http://typografier.web-dev.tools/#0,100,1.3,1.067;38,110,1.4,1.125;60,120,1.5,1.125;90,130,1.5,1.125 +*/ + +html { + font-size: 100%; + line-height: 1.3; +} + +a { + background-color: transparent; +} + +sub, sup { + font-size: 75%; + line-height: 1px; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +pre, code, kbd, samp { + font-size: 100%; +} + +abbr[title] { + border-bottom: 1px dotted; + text-decoration: none; +} + +b, strong { + font-weight: bold; +} + +dfn, caption { + font-style: italic; +} + +hr { + border: 0; + border-top: 1px solid; + height: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +th, td { + border-bottom: 1px solid; + text-align: left; +} + +thead th { + vertical-align: bottom; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.normal { + font-weight: normal; +} + +.bold { + font-weight: bold; +} + +.italic { + font-style: italic; +} + +.text-upper { + text-transform: uppercase; +} + +.text-lower { + text-transform: lowercase; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, dl, dd, figure, +blockquote, details, hr, +fieldset, pre, table { + margin: 0 0 1.3rem; +} + +.yotta { + font-size: 1.5745rem; + line-height: 1.6513; +} + +.zetta { + font-size: 1.4757rem; + line-height: 1.7619; +} + +h1, .exa { + font-size: 1.3830rem; + line-height: 1.8800; +} + +h2, .peta { + font-size: 1.2962rem; + line-height: 1.0030; +} + +h3, .tera { + font-size: 1.2148rem; + line-height: 1.0702; +} + +h4, .giga { + font-size: 1.1385rem; + line-height: 1.1419; +} + +h5, .mega { + font-size: 1.0670rem; + line-height: 1.2184; +} + +h6, .kilo, input, textarea { + font-size: 1.0000rem; + line-height: 1.3000; +} + +small, .milli { + font-size: 0.9372rem; + line-height: 1.3871; +} + +.micro { + font-size: 0.8784rem; + line-height: 1.4800; +} + +.push { + margin-bottom: 1.3rem; +} + +.push-none, .push-0 { + margin-bottom: 0; +} + +.push-double, .push-2 { + margin-bottom: 2.6000rem; +} + +.push-half, .push-1-2 { + margin-bottom: 0.6500rem; +} + +.push-quarter, .push-1-4 { + margin-bottom: 0.3250rem; +} + +.push-right-quarter, .push-r-1-4 { + margin-right: 0.3250rem; +} + +.push-right-half, .push-r-1-2 { + margin-right: 0.6500rem; +} + +.push-right, .push-r { + margin-right: 1.3rem; +} + +.pad-top, .pad-t { + padding-top: 1.3rem; +} + +.pad-bottom, .pad-b { + padding-bottom: 1.3rem; +} + +.pad-top-double, .pad-t-2 { + padding-top: 2.6000rem; +} + +.pad-bottom-double, .pad-b-2 { + padding-bottom: 2.6000rem; +} + +.pad-top-half, .pad-t-1-2 { + padding-top: 0.6500rem; +} + +.pad-bottom-half, .pad-b-1-2 { + padding-bottom: 0.6500rem; +} + +.pad-top-quarter, .pad-t-1-4 { + padding-top: 0.3250rem; +} + +.pad-bottom-quarter, .pad-b-1-4 { + padding-bottom: 0.3250rem; +} + +.island { + padding: 1.3rem; +} + +.island-double, .island-2 { + padding: 2.6000rem; +} + +.island-half, .island-1-2 { + padding: 0.6500rem; +} + +.island-quarter, .island-1-4, +td, th, fieldset { + padding: 0.3250rem; +} + +.gutter { + padding-left: 1.3rem; + padding-right: 1.3rem; +} + +.gutter-double, .gutter-2 { + padding-left: 2.6000rem; + padding-right: 2.6000rem; +} + +.gutter-half, .gutter-1-2 { + padding-left: 0.6500rem; + padding-right: 0.6500rem; +} + +.gutter-quarter, .gutter-1-4 { + padding-left: 0.3250rem; + padding-right: 0.3250rem; +} + +@media only screen and (min-width: 38em) { + +html { + font-size: 110%; + line-height: 1.4; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, dl, dd, figure, +blockquote, details, hr, +fieldset, pre, table { + margin: 0 0 1.4rem; +} + +.yotta { + font-size: 2.2807rem; + line-height: 1.2277; +} + +.zetta { + font-size: 2.0273rem; + line-height: 1.3812; +} + +h1, .exa { + font-size: 1.8020rem; + line-height: 1.5538; +} + +h2, .peta { + font-size: 1.6018rem; + line-height: 1.7480; +} + +h3, .tera { + font-size: 1.4238rem; + line-height: 1.9665; +} + +h4, .giga { + font-size: 1.2656rem; + line-height: 1.1062; +} + +h5, .mega { + font-size: 1.1250rem; + line-height: 1.2444; +} + +h6, .kilo, input, textarea { + font-size: 1.0000rem; + line-height: 1.4000; +} + +small, .milli { + font-size: 0.8889rem; + line-height: 1.5750; +} + +.micro { + font-size: 0.7901rem; + line-height: 1.7719; +} + +.push { + margin-bottom: 1.4rem; +} + +.push-none, .push-0 { + margin-bottom: 0; +} + +.push-double, .push-2 { + margin-bottom: 2.8000rem; +} + +.push-half, .push-1-2 { + margin-bottom: 0.7000rem; +} + +.push-quarter, .push-1-4 { + margin-bottom: 0.3500rem; +} + +.push-right-quarter, .push-r-1-4 { + margin-right: 0.3500rem; +} + +.push-right-half, .push-r-1-2 { + margin-right: 0.7000rem; +} + +.push-right, .push-r { + margin-right: 1.4rem; +} + +.pad-top, .pad-t { + padding-top: 1.4rem; +} + +.pad-bottom, .pad-b { + padding-bottom: 1.4rem; +} + +.pad-top-double, .pad-t-2 { + padding-top: 2.8000rem; +} + +.pad-bottom-double, .pad-b-2 { + padding-bottom: 2.8000rem; +} + +.pad-top-half, .pad-t-1-2 { + padding-top: 0.7000rem; +} + +.pad-bottom-half, .pad-b-1-2 { + padding-bottom: 0.7000rem; +} + +.pad-top-quarter, .pad-t-1-4 { + padding-top: 0.3500rem; +} + +.pad-bottom-quarter, .pad-b-1-4 { + padding-bottom: 0.3500rem; +} + +.island { + padding: 1.4rem; +} + +.island-double, .island-2 { + padding: 2.8000rem; +} + +.island-half, .island-1-2 { + padding: 0.7000rem; +} + +.island-quarter, .island-1-4, +td, th, fieldset { + padding: 0.3500rem; +} + +.gutter { + padding-left: 1.4rem; + padding-right: 1.4rem; +} + +.gutter-double, .gutter-2 { + padding-left: 2.8000rem; + padding-right: 2.8000rem; +} + +.gutter-half, .gutter-1-2 { + padding-left: 0.7000rem; + padding-right: 0.7000rem; +} + +.gutter-quarter, .gutter-1-4 { + padding-left: 0.3500rem; + padding-right: 0.3500rem; +} + +} + +@media only screen and (min-width: 60em) { + +html { + font-size: 120%; + line-height: 1.5; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, dl, dd, figure, +blockquote, details, hr, +fieldset, pre, table { + margin: 0 0 1.5rem; +} + +.yotta { + font-size: 2.2807rem; + line-height: 1.3154; +} + +.zetta { + font-size: 2.0273rem; + line-height: 1.4798; +} + +h1, .exa { + font-size: 1.8020rem; + line-height: 1.6648; +} + +h2, .peta { + font-size: 1.6018rem; + line-height: 1.8729; +} + +h3, .tera { + font-size: 1.4238rem; + line-height: 1.0535; +} + +h4, .giga { + font-size: 1.2656rem; + line-height: 1.1852; +} + +h5, .mega { + font-size: 1.1250rem; + line-height: 1.3333; +} + +h6, .kilo, input, textarea { + font-size: 1.0000rem; + line-height: 1.5000; +} + +small, .milli { + font-size: 0.8889rem; + line-height: 1.6875; +} + +.micro { + font-size: 0.7901rem; + line-height: 1.8984; +} + +.push { + margin-bottom: 1.5rem; +} + +.push-none, .push-0 { + margin-bottom: 0; +} + +.push-double, .push-2 { + margin-bottom: 3.0000rem; +} + +.push-half, .push-1-2 { + margin-bottom: 0.7500rem; +} + +.push-quarter, .push-1-4 { + margin-bottom: 0.3750rem; +} + +.push-right-quarter, .push-r-1-4 { + margin-right: 0.3750rem; +} + +.push-right-half, .push-r-1-2 { + margin-right: 0.7500rem; +} + +.push-right, .push-r { + margin-right: 1.5rem; +} + +.pad-top, .pad-t { + padding-top: 1.5rem; +} + +.pad-bottom, .pad-b { + padding-bottom: 1.5rem; +} + +.pad-top-double, .pad-t-2 { + padding-top: 3.0000rem; +} + +.pad-bottom-double, .pad-b-2 { + padding-bottom: 3.0000rem; +} + +.pad-top-half, .pad-t-1-2 { + padding-top: 0.7500rem; +} + +.pad-bottom-half, .pad-b-1-2 { + padding-bottom: 0.7500rem; +} + +.pad-top-quarter, .pad-t-1-4 { + padding-top: 0.3750rem; +} + +.pad-bottom-quarter, .pad-b-1-4 { + padding-bottom: 0.3750rem; +} + +.island { + padding: 1.5rem; +} + +.island-double, .island-2 { + padding: 3.0000rem; +} + +.island-half, .island-1-2 { + padding: 0.7500rem; +} + +.island-quarter, .island-1-4, +td, th, fieldset { + padding: 0.3750rem; +} + +.gutter { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.gutter-double, .gutter-2 { + padding-left: 3.0000rem; + padding-right: 3.0000rem; +} + +.gutter-half, .gutter-1-2 { + padding-left: 0.7500rem; + padding-right: 0.7500rem; +} + +.gutter-quarter, .gutter-1-4 { + padding-left: 0.3750rem; + padding-right: 0.3750rem; +} + +} + +@media only screen and (min-width: 90em) { + +html { + font-size: 130%; + line-height: 1.5; +} + +h1, h2, h3, h4, h5, h6, +p, ul, ol, dl, dd, figure, +blockquote, details, hr, +fieldset, pre, table { + margin: 0 0 1.5rem; +} + +.yotta { + font-size: 2.2807rem; + line-height: 1.3154; +} + +.zetta { + font-size: 2.0273rem; + line-height: 1.4798; +} + +h1, .exa { + font-size: 1.8020rem; + line-height: 1.6648; +} + +h2, .peta { + font-size: 1.6018rem; + line-height: 1.8729; +} + +h3, .tera { + font-size: 1.4238rem; + line-height: 1.0535; +} + +h4, .giga { + font-size: 1.2656rem; + line-height: 1.1852; +} + +h5, .mega { + font-size: 1.1250rem; + line-height: 1.3333; +} + +h6, .kilo, input, textarea { + font-size: 1.0000rem; + line-height: 1.5000; +} + +small, .milli { + font-size: 0.8889rem; + line-height: 1.6875; +} + +.micro { + font-size: 0.7901rem; + line-height: 1.8984; +} + +.push { + margin-bottom: 1.5rem; +} + +.push-none, .push-0 { + margin-bottom: 0; +} + +.push-double, .push-2 { + margin-bottom: 3.0000rem; +} + +.push-half, .push-1-2 { + margin-bottom: 0.7500rem; +} + +.push-quarter, .push-1-4 { + margin-bottom: 0.3750rem; +} + +.push-right-quarter, .push-r-1-4 { + margin-right: 0.3750rem; +} + +.push-right-half, .push-r-1-2 { + margin-right: 0.7500rem; +} + +.push-right, .push-r { + margin-right: 1.5rem; +} + +.pad-top, .pad-t { + padding-top: 1.5rem; +} + +.pad-bottom, .pad-b { + padding-bottom: 1.5rem; +} + +.pad-top-double, .pad-t-2 { + padding-top: 3.0000rem; +} + +.pad-bottom-double, .pad-b-2 { + padding-bottom: 3.0000rem; +} + +.pad-top-half, .pad-t-1-2 { + padding-top: 0.7500rem; +} + +.pad-bottom-half, .pad-b-1-2 { + padding-bottom: 0.7500rem; +} + +.pad-top-quarter, .pad-t-1-4 { + padding-top: 0.3750rem; +} + +.pad-bottom-quarter, .pad-b-1-4 { + padding-bottom: 0.3750rem; +} + +.island { + padding: 1.5rem; +} + +.island-double, .island-2 { + padding: 3.0000rem; +} + +.island-half, .island-1-2 { + padding: 0.7500rem; +} + +.island-quarter, .island-1-4, +td, th, fieldset { + padding: 0.3750rem; +} + +.gutter { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.gutter-double, .gutter-2 { + padding-left: 3.0000rem; + padding-right: 3.0000rem; +} + +.gutter-half, .gutter-1-2 { + padding-left: 0.7500rem; + padding-right: 0.7500rem; +} + +.gutter-quarter, .gutter-1-4 { + padding-left: 0.3750rem; + padding-right: 0.3750rem; +} + +} diff --git a/hook.svg b/hook.svg deleted file mode 100644 index 652e720..0000000 --- a/hook.svg +++ /dev/null @@ -1,228 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 91% - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9% - 3.5 Million Nurses in US - GENDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 35 - $51,00 - 3.2 - - - - - - - - - - - - - - - 31 - $60,700 - 330,000 - Million Females - Median age - Median Earnings - - - - - - - - Median Earnings - Males - Median age - - diff --git a/index.html b/index.html index 3e86c0b..81cc91f 100644 --- a/index.html +++ b/index.html @@ -8,1364 +8,117 @@
- + - - - - - - - Nurse anesthetists - - - Females - - - Nurse Practitioners - - - - - Males - - - - - - - - - $144,981 - - - - - - - - $ - - - - - - - - - - Female 59% - - - Male 41% - - - - - Median Nurse Salary by Ethnicity - - - - Caucasian - - - $70,000 - - - - - - - - - - - - Asian - - - $61.000 - - - - - - - - - - - - $58.000 - - - Multi - racial - - - - - - - - - - - Percentage of Nurses by Ethnicity - - - - - - - - - - - - - - Caucasian - - - 83% - - - - - - - - - - - - - - - Asian - - - 6% - - - - - 3% - - - Others - - - - - - - - - - - Ethnicity - - - - - $162.900 - - - - - - - - $ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9.6% still lower than most other traditionally “pink collar” professions - - - 24% - - - Male teachers: - - - - - √ - - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - √ - - - - - - - - - - - - 13% - - - Male bookeepers: - - - 26% - - - Male social workers: - - - - - √ - - - - - - 9.6% - - - RN - - - - - - - - - - - 9.1% - - - 7.7% - - - 5.7% - - - 1990 - - - 2000 - - - 2010 - - - Today - - - - - - 4.1% - - - 2.7% - - - 1970 - - - 1980 - - - LVN/LPN - - - - - - - - - - - - 3.9% - - - 3.4% - - - 6.4% - - - 7.6% - - - 7.8% - - - 8.1% - - - 1990 - - - 2000 - - - 2010 - - - Today - - - 1970 - - - 1980 - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - 9% - - - - Male receptionists: - - - - √ - - - - - - - Percentage of Male Nurses Over Time - - - - - - - - - - Earnings by gender and specialty - - - - - - How old are nurses today? - - - LPN - - - RN - - - AGE - - - - - - - - 42.6% - - - - - - - - 48.5% - - - - - - - - - - Under 40 - - - - - - - - - - 41 — 60 - - - - - - - - 37.8% - - - - - - - - 53.2% - - - - - - - - - - - - - 35 - - - $51,00 - - - 3.2 - - - 3.5 Million Nurses in US + + + + + + + + + + + + + + + + + + 9% - - - - - - - 31 + + + + + + + + + + + + + + 3.5 Million Nurses in US + + + + + + + + + + 35 - - $60,700 + + $51,00 - - 330,000 + + 3.2 - - Million Females + + Million Females - + Median age - + Median Earnings - - - - + + + + + + Median Earnings - - Males - - - Median age - - - - - - - - - - - - - - - - - - - - - - The Modern Nurse - - - - Exploring Today’s Diversity in the Nursing Profession + + Median age - - 91% - - - - - - - - - - - 9% - - - - - - - - - - - - - - GENDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - RNs increasedper100,00 population(per capital) - - - 14% + + + + + 31 - - LPNs increased per100,00 population(per capital) + + $60,700 - - 6% + + 330,000 - - - - - - 9% + + Males - + + + + + + + + + + The Modern Nurse + + + + Exploring Today’s Diversity in the Nursing Profession + + 91% - - - - - - - - - - - - - - - $ 96,400 - - - $83,868 -
+ diff --git a/svg/2.svg b/svg/2.svg new file mode 100644 index 0000000..62ce7f5 --- /dev/null +++ b/svg/2.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increasedper100,00 population(per capital) + 14% + + + LPNs increased per100,00 population(per capital) + 6% + + From 363af6b9afccf3dd6360d9c183992fb4da0b6ad6 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 16:40:57 -0500 Subject: [PATCH 07/35] Fixed errors. --- {svg => images}/2.svg | 0 index.html | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename {svg => images}/2.svg (100%) diff --git a/svg/2.svg b/images/2.svg similarity index 100% rename from svg/2.svg rename to images/2.svg diff --git a/index.html b/index.html index 81cc91f..bb4a8bc 100644 --- a/index.html +++ b/index.html @@ -119,6 +119,6 @@ - + From fd1762feb92ae2ee1f8e249085fc73c5e4808889 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 16:50:41 -0500 Subject: [PATCH 08/35] Added svg. --- images/1.svg | 230 ++++++++++++++++++++++++++++++++++++++++++++++ images/2.svg | 87 +++++++----------- index.html | 254 +++++++++++++++++++++++++++++++++++---------------- 3 files changed, 438 insertions(+), 133 deletions(-) create mode 100644 images/1.svg diff --git a/images/1.svg b/images/1.svg new file mode 100644 index 0000000..d1f374f --- /dev/null +++ b/images/1.svg @@ -0,0 +1,230 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 9% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + GENDER + + + + + 3.5 Million Nurses in US + + + + + + + + + + + + + + + + + + + + + + + + + 35 + $51,00 + 3.2 + Million Females + Median age + Median Earnings + + + + + + + + + + + + + + + + + + Median Earnings + Median age + + + + + + + + + 31 + $60,700 + 330,000 + Males + + + + + + + + + + + + + + + + + + + + + + + The Modern Nurse + + Exploring Today’s Diversity in the Nursing Profession + 91% + + + + + + diff --git a/images/2.svg b/images/2.svg index 62ce7f5..6c9d7bb 100644 --- a/images/2.svg +++ b/images/2.svg @@ -1,97 +1,78 @@ - - - + y="0px" viewBox="0 0 700 300" enable-background="new 0 0 700 300" xml:space="preserve"> + + - - + + - - + + - - + - + - - + - + - + + + - - + + - - + + - - + + - - + - + - + - + - + - + - - + + - RNs increasedper100,00 population(per capital) - 14% + RNs increased 14%per100,00 population(per capital) - LPNs increased per100,00 population(per capital) - 6% + LPNs increased 6% per100,00 population(per capital) diff --git a/index.html b/index.html index bb4a8bc..ddd9531 100644 --- a/index.html +++ b/index.html @@ -9,116 +9,210 @@
- - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 9% - - - - - - - - - - - - - - 3.5 Million Nurses in US - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + GENDER + + + + + 3.5 Million Nurses in US + + + + + + + + + + + + + + + + + 35 - - $51,00 + + $51,00 - - 3.2 + + 3.2 - - Million Females + + Million Females - + Median age - + Median Earnings - - - - - - + + + + + + + + + + + Median Earnings - - Median age + + Median age - - - - + + + + + + 31 - + $60,700 - - 330,000 + + 330,000 - + Males - - - - - - - - + + + + + + + + + + + + + - The Modern Nurse + The Modern Nurse - + - Exploring Today’s Diversity in the Nursing Profession + Exploring Today’s Diversity in the Nursing Profession - + 91%
- +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increased 14%per100,00 population(per capital) + + + LPNs increased 6% per100,00 population(per capital) + + +
From 646800917415d18c22253ce06b66493971c0f93a Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 16:55:58 -0500 Subject: [PATCH 09/35] Fixed html errors. --- index.html | 38 +++++++++++++++++++++++++++----------- 1 file changed, 27 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index ddd9531..a390c1f 100644 --- a/index.html +++ b/index.html @@ -75,7 +75,9 @@ - 3.5 Million Nurses in US + 3.5 + + Million Nurses in US @@ -96,13 +98,16 @@ 35 - $51,00 + + $51,00 - 3.2 + 3.2 + - Million Females + + Million Females Median age @@ -124,7 +129,8 @@ Median Earnings - Median age + Median age + @@ -138,7 +144,8 @@ $60,700 - 330,000 + 330,000 + Males @@ -157,11 +164,14 @@ - The Modern Nurse + The + Modern + Nurse - Exploring Today’s Diversity in the Nursing Profession + Exploring Today’s Diversity + in the Nursing Profession 91% @@ -169,8 +179,9 @@ +
- + @@ -207,10 +218,15 @@ - RNs increased 14%per100,00 population(per capital) + RNs increased + 14% + per100,00 population(per capital) - LPNs increased 6% per100,00 population(per capital) + LPNs increased + 6% + + per100,00 population(per capital)
From e553078d76312ef1bec143b5069ab205513e9455 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 16:59:54 -0500 Subject: [PATCH 10/35] Added another svg code. --- images/3.svg | 122 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 87 ++++++++++++++++++++++++++++++++++++ 2 files changed, 209 insertions(+) create mode 100644 images/3.svg diff --git a/images/3.svg b/images/3.svg new file mode 100644 index 0000000..fc58059 --- /dev/null +++ b/images/3.svg @@ -0,0 +1,122 @@ + + + + + + + + + + + + How old are nurses today? + LPN + + RN + + AGE + + + + + + + + + 42.6% + + + + + + + + + + 48.5% + + + + + + + + + + + + + + + + + + + + + + + + + Under 40 + + + + + + + + + + + + + + + + + + + + + + + 41 — 60 + + + + + + + + + 37.8% + + + + + + + + + + 53.2% + + + + + + + + + diff --git a/index.html b/index.html index a390c1f..fdad23f 100644 --- a/index.html +++ b/index.html @@ -230,5 +230,92 @@ + +
+ + + + + How old are nurses today? + + + LPN + + + RN + + + AGE + + + + + + + + 42.6% + + + + + + + + 48.5% + + + + + + + + + + + + + + + + + Under 40 + + + + + + + + + + + + + + + + + + 41 — 60 + + + + + + + + 37.8% + + + + + + + + 53.2% + + + +
From 292685175ea37fc68ec025de3b6c0afaa106ca10 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 17:08:00 -0500 Subject: [PATCH 11/35] Added another svg code. --- images/2.svg | 70 +-- images/3.svg | 170 +++---- images/4.svg | 1376 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 1088 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 2576 insertions(+), 128 deletions(-) create mode 100644 images/4.svg diff --git a/images/2.svg b/images/2.svg index 6c9d7bb..4bcbb4c 100644 --- a/images/2.svg +++ b/images/2.svg @@ -1,78 +1,78 @@ - - + y="0px" viewBox="0 0 690 360" enable-background="new 0 0 690 360" xml:space="preserve"> + + - - + + - - + + - - + + c-4.8,1.5-9.9-1.9-9.9-6.8c0,0,0-0.1,0-0.1c0.1-8.8,0.8-25.7-10.8-30.4c-2.4-1-7.8-3.8-18.7-1.9C45.9,103.3,38.6,110.7,37.7,119.9 + z"/> - + - + - + - + - + - - + + - - + + - - + + - - + - + - + - + - + - + - - + + - RNs increased 14%per100,00 population(per capital) + RNs increased 14%per100,00 population(per capital) - LPNs increased 6% per100,00 population(per capital) + LPNs increased 6% per100,00 population(per capital) diff --git a/images/3.svg b/images/3.svg index fc58059..4a876f3 100644 --- a/images/3.svg +++ b/images/3.svg @@ -1,122 +1,106 @@ - - + +How old are nurses today? +LPN + + RN - - - - - - - How old are nurses today? - LPN +AGE + - RN + + + + + - AGE + 42.6% + + - - - - - - - - 42.6% + + + + + + 48.5% + + - - - - - + + + - 48.5% - - + + - - - - - - - - - - - - - + + + - - - - - Under 40 - + + + + +Under 40 + + + + + + + - - - - + - - - - - - - + + + - - - - - 41 — 60 - - - - - - - - 37.8% + + + +41 — 60 + - - - - - - - - 53.2% + + + + + + 37.8% - - - - - + + + + + + + + + 53.2% diff --git a/images/4.svg b/images/4.svg new file mode 100644 index 0000000..19a419c --- /dev/null +++ b/images/4.svg @@ -0,0 +1,1376 @@ + + + + + + 9.6% still lower than most other traditionally “pink collar” professions + + + 24% + Male teachers: + + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + √ + + + + + + + + + + + + + + + + + + + + + + 13% + Male bookeepers: + + + 26% + Male social workers: + + + + + + √ + + + + + + + + + 9.6% + RN + + + + + + + + + + + + + + + + 9.1% + 7.7% + 5.7% + 1990 + 2000 + 2010 + Today + + + + + + + 4.1% + 2.7% + 1970 + 1980 + + + LVN/LPN + + + + + + + + + + + + + + + + + + 3.9% + 3.4% + 6.4% + 7.6% + 7.8% + 8.1% + 1990 + 2000 + 2010 + Today + 1970 + 1980 + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + 9% + + Male receptionists: + + + + + √ + + + + + + + + + Percentage of Male Nurses Over Time + + + + + + + + + + + diff --git a/index.html b/index.html index fdad23f..93c76e3 100644 --- a/index.html +++ b/index.html @@ -317,5 +317,1093 @@ + +
+ + + + 9.6% still lower than most other traditionally “pink collar” professions + + + 24% + + + Male teachers: + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + √ + + + + + + + + + + + + + + + + + + + + + 13% + + + Male bookeepers: + + + 26% + + + Male social workers: + + + + + √ + + + + + + 9.6% + + + RN + + + + + + + + + + + + + + 9.1% + + + 7.7% + + + 5.7% + + + 1990 + + + 2000 + + + 2010 + + + Today + + + + + + + 4.1% + + + 2.7% + + + 1970 + + + 1980 + + + LVN/LPN + + + + + + + + + + + + + + + + + + + + 3.9% + + + 3.4% + + + 6.4% + + + 7.6% + + + 7.8% + + + 8.1% + + + 1990 + + + 2000 + + + 2010 + + + Today + + + 1970 + + + 1980 + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + 9% + + + + Male receptionists: + + + + √ + + + + + + + Percentage of Male Nurses Over Time + + + + + + + +
From 6c59358f766aab8073d8c0c5cb9612fbbc470095 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 17:10:14 -0500 Subject: [PATCH 12/35] Fixed svg code. --- images/1.svg | 124 ++++++++++++++++++++++++++------------------------- index.html | 46 ++++++++----------- 2 files changed, 81 insertions(+), 89 deletions(-) diff --git a/images/1.svg b/images/1.svg index d1f374f..55ca48e 100644 --- a/images/1.svg +++ b/images/1.svg @@ -58,75 +58,68 @@ + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + 9% - - - - - 9% - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - - - - - - - - GENDER - - - - 3.5 Million Nurses in US @@ -222,6 +215,15 @@ Exploring Today’s Diversity in the Nursing Profession 91% + + + + + + + + GENDER diff --git a/index.html b/index.html index 93c76e3..e5cfac8 100644 --- a/index.html +++ b/index.html @@ -64,20 +64,10 @@ - - - - - - - GENDER - - - + + - 3.5 - - Million Nurses in US + 3.5 Million Nurses in US @@ -98,16 +88,13 @@ 35 - - $51,00 + $51,00 - 3.2 - + 3.2 - - Million Females + Million Females Median age @@ -129,8 +116,7 @@ Median Earnings - Median age - + Median age @@ -144,8 +130,7 @@ $60,700 - 330,000 - + 330,000 Males @@ -164,18 +149,23 @@ - The - Modern - Nurse + The Modern Nurse - Exploring Today’s Diversity - in the Nursing Profession + Exploring Today’s Diversity in the Nursing Profession 91% + + + + + + + GENDER + From d3b13e5080792bf77c7a54dc6955d3582825e613 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 17:15:14 -0500 Subject: [PATCH 13/35] Added last svg code. --- images/5.svg | 377 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 287 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 664 insertions(+) create mode 100644 images/5.svg diff --git a/images/5.svg b/images/5.svg new file mode 100644 index 0000000..65b9d17 --- /dev/null +++ b/images/5.svg @@ -0,0 +1,377 @@ + + + + + + + + + + + + + + + +Nurse anesthetists + Females +Nurse Practitioners + + +Males + + + + + + + + + + + $144,981 + + + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Female 59% + Male 41% + + + + +Median Nurse Salary by Ethnicity + + + Caucasian + $70,000 + + + + + + + + + + + + + + + + + + + + + Asian + $61.000 + + + + + + + + + + + + + + + + + + + + + + + $58.000 + Multi - racial + + + + + + + + + + + + + + + + + + + +Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + + + + + + + + Caucasian + 83% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Asian + 6% + + + + + 3% + Others + + + + + + + + + + + + +Ethnicity + + + + $162.900 + + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Earnings by gender and specialty + + + + + 9% + + + 91% + + + + + + + + + + + + + + + + + + + + +$ 96,400 +$83,868 + diff --git a/index.html b/index.html index e5cfac8..d871af6 100644 --- a/index.html +++ b/index.html @@ -1395,5 +1395,292 @@ + +
+ + + + + + + Nurse anesthetists + + + Females + + + Nurse Practitioners + + + + + Males + + + + + + + + + $144,981 + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Female 59% + + + Male 41% + + + + + Median Nurse Salary by Ethnicity + + + + Caucasian + + + $70,000 + + + + + + + + + + + + + + + + Asian + + + $61.000 + + + + + + + + + + + + + + + + $58.000 + + + Multi - racial + + + + + + + + + + + + + + + Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + Caucasian + + + 83% + + + + + + + + + + + + + + + + + Asian + + + 6% + + + + + 3% + + + Others + + + + + + + + + + + Ethnicity + + + + + $162.900 + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Earnings by gender and specialty + + + + + 9% + + + 91% + + + + + + + + + + + + + + + + + $ 96,400 + + + $83,868 + + +
From e7efeccbe0927fa39d285905d72c80e114de253a Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 17:25:46 -0500 Subject: [PATCH 14/35] Fixed errors. --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d871af6..953872b 100644 --- a/index.html +++ b/index.html @@ -94,7 +94,8 @@ 3.2 - Million Females + + Million Females Median age From 22b70d1f1046c11cced2420e5d23aeb93d24b853 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 5 Feb 2016 17:45:01 -0500 Subject: [PATCH 15/35] Added grid to html. --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 953872b..8191e7b 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ The Modern Nurse + From 92a883d419020d6e1f47d0bf38530448a170c515 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 12 Feb 2016 17:28:31 -0500 Subject: [PATCH 16/35] Fixed errors. --- images/1.svg | 356 ++++++------ images/4.svg | 1445 ++++------------------------------------------- images/5.svg | 1539 ++++++++++++++++++++++++++++++++++++++------------ index.html | 1426 ++++++++++++++++++++++------------------------ 4 files changed, 2113 insertions(+), 2653 deletions(-) diff --git a/images/1.svg b/images/1.svg index 55ca48e..3bebfa8 100644 --- a/images/1.svg +++ b/images/1.svg @@ -1,232 +1,218 @@ - - + + + - - - - - - - + + - - + + - + - - - - - + - - - - - + + - - + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - 9% + + + + + + + + 9% + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - + + + - - - 3.5 Million Nurses in US + + + +3.5 Million Nurses in US + + + + + + + + + + + + + + + + + + + + + + + + +35 + $51,00 +3.2 + Million Females +Median age +Median Earnings + - + - - + + - + - - + + + Median Earnings + Median age - + - - + + - 35 - $51,00 - 3.2 - Million Females - Median age - Median Earnings + 31 + $60,700 + 330,000 + Males + + - - - - - - - - - - - - - - - - - Median Earnings - Median age - - - - - - - - - 31 - $60,700 - 330,000 - Males + + + - - + + - - - - - - - - - - - - - + + + + + + - The Modern Nurse - - Exploring Today’s Diversity in the Nursing Profession - 91% + +The Modern Nurse + +Exploring Today’s Diversity in the Nursing Profession +91% + + - - - - - + + - GENDER - - - - +GENDER diff --git a/images/4.svg b/images/4.svg index 19a419c..cb723ad 100644 --- a/images/4.svg +++ b/images/4.svg @@ -1,1376 +1,123 @@ - + viewBox="0 0 690 400" enable-background="new 0 0 690 400" xml:space="preserve"> + - 9.6% still lower than most other traditionally “pink collar” professions + - 24% - Male teachers: - - - - - - √ - - - + - - - - - - + + + - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - √ - - - - - - - - - - - - - - - - - - - - - - 13% - Male bookeepers: - - - 26% - Male social workers: - - - - - - √ - - - - - + + + + - 9.6% - RN + 9.6% + RN - + - + - + - - - - - - - - - 9.1% - 7.7% - 5.7% - 1990 - 2000 - 2010 - Today + + + + + + + + + 9.1% + 7.7% + 5.7% + 1990 + 2000 + 2010 + Today - + - - - - 4.1% - 2.7% - 1970 - 1980 - - - LVN/LPN - - - - - - - - - - - - - - - - - - 3.9% - 3.4% - 6.4% - 7.6% - 7.8% - 8.1% - 1990 - 2000 - 2010 - Today - 1970 - 1980 - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - 9% - - Male receptionists: - - - - - √ - - - - - - - - - Percentage of Male Nurses Over Time - - + + + + 4.1% + 2.7% + 1970 + 1980 + + + LVN/LPN + + + + + + + + + + + + + + + + + + 3.9% + 3.4% + 6.4% + 7.6% + 7.8% + 8.1% + 1990 + 2000 + 2010 + Today + 1970 + 1980 + + + + Percentage of Male Nurses Over Time + + - + - + - + diff --git a/images/5.svg b/images/5.svg index 65b9d17..e10ac8b 100644 --- a/images/5.svg +++ b/images/5.svg @@ -1,377 +1,1210 @@ - + + - + 24% + Male teachers: + + + + + √ + - + + + + + + - + + + + + + + + + + + - + √ + + + √ + + + + √ + + + + √ + + + + + + -Nurse anesthetists - Females -Nurse Practitioners - - -Males - - - + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + - - - + + + + + + + + + + + - $144,981 + √ + + + √ + + + + √ + + + + √ + + + + + + - - - - - - - $ + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + √ + + + + + + + + + + + + + + + + + + + + + + 13% + Male bookeepers: + + + 26% + Male social workers: + + + + + + √ + - - - - + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + 9% + + Male receptionists: + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - Female 59% - Male 41% - + + √ + - - -Median Nurse Salary by Ethnicity - - - Caucasian - $70,000 - - - - - - - - - - - - - - - - - - - - - Asian - $61.000 - - - - - - - - - - - - - - - - - - - - - - - $58.000 - Multi - racial - - - - - - - - - - - - - - - - - - - -Percentage of Nurses by Ethnicity - - - - - - - - - - - - - - - - - - - - - - - Caucasian - 83% - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Asian - 6% - - - - - 3% - Others - - - - - - - - - - - - -Ethnicity - - - - $162.900 - - - - - - - + - $ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Earnings by gender and specialty - - - - - 9% - - - 91% - - - - - - - - - - - - - - - - - - - - -$ 96,400 -$83,868 + + diff --git a/index.html b/index.html index 8191e7b..6988c2a 100644 --- a/index.html +++ b/index.html @@ -8,8 +8,9 @@ -
- + +
+ @@ -311,1094 +312,985 @@
- - - - 9.6% still lower than most other traditionally “pink collar” professions + + + + + + + + + + + + + + + + + 9.6% + + + RN + + + + + + + + + + + 9.1% + + + 7.7% + + + 5.7% + + + 1990 + + + 2000 + + + 2010 + + + Today + + + + + + 4.1% + + + 2.7% + + + 1970 + + + 1980 + + + LVN/LPN - - 24% + + + + + + + + + + + + + 3.9% + + + 3.4% + + + 6.4% + + + 7.6% + + + 7.8% + + + 8.1% + + + 1990 + + + 2000 + + + 2010 - + + Today + + + 1970 + + + 1980 + + + + Percentage of Male Nurses Over Time + + + + + + + +
+ +
+ + + + 24% + + Male teachers: - - - + + + √ - + - - - - - - - - - - - - + + - - - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + √ - - - - - - - - - - - - - - - - - - - - 13% + + + + + + + + + + + 13% - + Male bookeepers: - - 26% + + 26% - - Male social workers: + + Male social workers: - - - + + + √ - - - - - 9.6% - - - RN - - - - - - - - - - - - - - 9.1% - - - 7.7% - - - 5.7% - - - 1990 - - - 2000 - - - 2010 - - - Today - - - - - - - 4.1% - - - 2.7% - - - 1970 - - - 1980 - - - LVN/LPN - - - - - - - - - - - - - - - - - - - - 3.9% - - - 3.4% - - - 6.4% - - - 7.6% - - - 7.8% - - - 8.1% - - - 1990 - - - 2000 - - - 2010 - - - Today - - - 1970 - - - 1980 - - - - - - - + + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - 9% + + + + 9% - - - Male receptionists: + + + Male receptionists: - - + + √ - - - - - - Percentage of Male Nurses Over Time - - - - - - + + +
-
+
@@ -1684,5 +1576,7 @@
+
+ From 2c3f3f44e11e68774d93aa82b323b269d5e981c4 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 25 Feb 2016 18:58:47 -0500 Subject: [PATCH 17/35] Added svg. --- images/document.svg | 1209 +++++++++++++++++++++++++ images/hook.svg | 149 ++++ images/malenurse.svg | 105 +++ images/nurseage.svg | 112 +++ images/rns.svg | 80 ++ index.html | 1992 +++++++++++++++++------------------------- 6 files changed, 2440 insertions(+), 1207 deletions(-) create mode 100644 images/document.svg create mode 100644 images/hook.svg create mode 100644 images/malenurse.svg create mode 100644 images/nurseage.svg create mode 100644 images/rns.svg diff --git a/images/document.svg b/images/document.svg new file mode 100644 index 0000000..546c758 --- /dev/null +++ b/images/document.svg @@ -0,0 +1,1209 @@ + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + 24% + Male teachers: + + + + + √ + + + + + + + + + + + √ + + + + + + + + + + + + + + + + + + + + + + 13% + Male bookeepers: + + + 26% + Male social workers: + + + + + + √ + + + + + + + + + 9% + + Male receptionists: + + + + √ + + + + + + + + diff --git a/images/hook.svg b/images/hook.svg new file mode 100644 index 0000000..8f6da18 --- /dev/null +++ b/images/hook.svg @@ -0,0 +1,149 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 35 + $51,00 + 3.2 + Million Females + Median age + Median Earnings + + + + + + + + + + + + + + + + + + + Median Earnings + Median age + + + + + + + + + 31 + $60,700 + 330,000 + Males + + + + + + + + + + + + + + + + + + + + + + +The Modern Nurse + +Exploring Today’s Diversity in the Nursing Profession + diff --git a/images/malenurse.svg b/images/malenurse.svg new file mode 100644 index 0000000..cf8a8dd --- /dev/null +++ b/images/malenurse.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + + + + + + + + + 9.6% + RN + + + + + + + + + + + + + + + + 9.1% + 7.7% + 5.7% + 1990 + 2000 + 2010 + Today + + + + + + + 4.1% + 2.7% + 1970 + 1980 + + + LVN/LPN + + + + + + + + + + + + + + + + + + 3.9% + 3.4% + 6.4% + 7.6% + 7.8% + 8.1% + 1990 + 2000 + 2010 + Today + 1970 + 1980 + + + diff --git a/images/nurseage.svg b/images/nurseage.svg new file mode 100644 index 0000000..2cc99de --- /dev/null +++ b/images/nurseage.svg @@ -0,0 +1,112 @@ + + + + +How old are nurses today? +LPN + + RN + +AGE + + + + + + + + + 42.6% + + + + + + + + + + 48.5% + + + + + + + + + + + + + + + + + + + + + + + + + + Under 40 + + + + + + + + + + + + + + + + + + + + + + + + + 41 — 60 + + + + + + + + + + 37.8% + + + + + + + + + + 53.2% + + diff --git a/images/rns.svg b/images/rns.svg new file mode 100644 index 0000000..b5339b5 --- /dev/null +++ b/images/rns.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increasedper100,00 population(per capital) + 14% + + + LPNs increased per100,00 population(per capital) + 6% + + diff --git a/index.html b/index.html index 6988c2a..fb044e5 100644 --- a/index.html +++ b/index.html @@ -9,1574 +9,1152 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9% - - - - - - - - - - - - - - - - - - - - - - - 3.5 Million Nurses in US - - - - - - - - - - - - - - - - - - 35 - - - $51,00 - - - 3.2 - - - - Million Females - - - Median age - - - Median Earnings - - - - - - - - - - - - - Median Earnings - - - Median age - - - - - - - - 31 - - - $60,700 - - - 330,000 - - - Males - - - - - - - - - - - - - - - - The Modern Nurse - - - - Exploring Today’s Diversity in the Nursing Profession - - - 91% - - - - - +
+ + + + + + + + + + + + + + - - GENDER - + + + + + + + + + + + + + + + + + 35 + + + $51,00 + + + 3.2 + + + Million Females + + + Median age + + + Median Earnings + + + + + + + + + + + + + Median Earnings + + + Median age + + + + + + + + 31 + + + $60,700 + + + 330,000 + + + Males + + + + + + + + + + + + + + + The Modern Nurse + + + + Exploring Today’s Diversity in the Nursing Profession + -
+ -
- - - - +
+
+ + + + - - + + - - - - - - - - - - - - - + + + + + + + + + - - - - - - - - - - - - - + + - - RNs increased - 14% - per100,00 population(per capital) - - - LPNs increased - 6% - - per100,00 population(per capital) + + + + + + + + + RNs increasedper100,00 population(per capital) + + + 14% + + + LPNs increased per100,00 population(per capital) + + + 6%
- -
+
+
- - - - How old are nurses today? - - - LPN - - - RN - - - AGE - - - - - - - - 42.6% - - - - - - - - 48.5% - - - - - - - - - - - - - - - - - Under 40 - - - - - - - - - - - + + + How old are nurses today? + + + LPN + + + RN + + + AGE + + + + + + + + 42.6% + + + + + + + + 48.5% + + + + + + + + + - - - + + + + + + + Under 40 + + + + + + + + + + - - 41 — 60 - - - - - - - - 37.8% - - - - - - - - 53.2% - + + + 41 — 60 + + + + + + + + 37.8% + + + + + + + + 53.2% +
-
- - - - - - +
+ + + + + - - + + - - + + - - - 9.6% + + + 9.6% - + RN - - - - - - - - - - 9.1% + + + + + + + + + + 9.1% - - 7.7% + + 7.7% - - 5.7% + + 5.7% - + 1990 - + 2000 - + 2010 - + Today - - - - - 4.1% + + + + + 4.1% - - 2.7% + + 2.7% - + 1970 - + 1980 - + LVN/LPN - - - + + + - - - - - - - - 3.9% + + + + + + + + 3.9% - - 3.4% + + 3.4% - - 6.4% + + 6.4% - - 7.6% + + 7.6% - - 7.8% + + 7.8% - - 8.1% + + 8.1% - + 1990 - + 2000 - + 2010 - + Today - + 1970 - + 1980 - - - Percentage of Male Nurses Over Time - - - - - -
- -
- - - - 24% - - - Male teachers: - - - - - √ - - - - - - - - - - - - - +
+ + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - - √ - - - + √ - - + + √ - - + + √ - - - - + + √ - - - - - - - - - - - 13% - - - Male bookeepers: - - - 26% - - - Male social workers: - - - - - √ - - - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - + √ - - + + √ - - + + √ - - + + √ - - - - - - - + + + + + + + - - + + - - √ - - - + √ - - + + √ - - + + √ - - - - - - - - - - - - + + √ - - - √ + + + + 24% - - - √ + + Male teachers: - - + + + √ - - - - - - - - - - + + + + - - √ + + + + √ + + + + + + + + + + + + 13% + + + Male bookeepers: - - - √ + + 26% - - - √ + + Male social workers: - - + + + √ - - - - 9% + + + + + 9% - - - Male receptionists: + + + Male receptionists: - - + + √ - - - + + +
- -
- - - - - - - Nurse anesthetists - - - Females - - - Nurse Practitioners - - - - - Males - - - - - - - - - $144,981 - - - - - - - - $ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Female 59% - - - Male 41% - - - - - Median Nurse Salary by Ethnicity - - - - Caucasian - - - $70,000 - - - - - - - - - - - - - - - - Asian - - - $61.000 - - - - - - - - - - - - - - - - $58.000 - - - Multi - racial - - - - - - - - - - - - - - - Percentage of Nurses by Ethnicity - - - - - - - - - - - - - - - - Caucasian - - - 83% - - - - - - - - - - - - - - - - - Asian - - - 6% - - - - - 3% - - - Others - - - - - - - - - - - Ethnicity - - - - - $162.900 - - - - - - - - $ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Earnings by gender and specialty - - - - - 9% - - - 91% - - - - - - - - - - - - - - - - - $ 96,400 - - - $83,868 - - -
-
- + From aa21a9670ebcd64f5b3560394ac8d8e642260916 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 25 Feb 2016 19:09:14 -0500 Subject: [PATCH 18/35] Fixed errors. --- index.html | 92 ++++++++++++++++++++++++++++++++++++------------------ 1 file changed, 62 insertions(+), 30 deletions(-) diff --git a/index.html b/index.html index fb044e5..7dc69cb 100644 --- a/index.html +++ b/index.html @@ -45,13 +45,16 @@ 35 - $51,00 + + $51,00 - 3.2 + 3.2 + - Million Females + + Million Females Median age @@ -73,7 +76,8 @@ Median Earnings - Median age + Median age + @@ -87,7 +91,8 @@ $60,700 - 330,000 + 330,000 + Males @@ -105,16 +110,18 @@ - The Modern Nurse + The + Modern + Nurse - Exploring Today’s Diversity in the Nursing Profession + Exploring Today’s Diversity + in the Nursing Profession -
@@ -145,20 +152,22 @@ - RNs increasedper100,00 population(per capital) + RNs increased + per100,00 population(per capital) 14% - LPNs increased per100,00 population(per capital) + LPNs increased + per100,00 population(per capital) 6%
-
+
@@ -257,7 +266,8 @@ - 9.6% + 9.6 + % RN @@ -271,13 +281,16 @@ - 9.1% + 9.1 + % - 7.7% + 7.7 + % - 5.7% + 5.7 + % 1990 @@ -295,10 +308,12 @@ - 4.1% + 4.1 + % - 2.7% + 2.7 + % 1970 @@ -321,22 +336,32 @@ - 3.9% + 3.9 + % - 3.4% + 3.4 + % - 6.4% + 6.4 + + % - 7.6% + 7.6 + + % - 7.8% + 7.8 + + % - 8.1% + 8.1 + + % 1990 @@ -358,6 +383,7 @@
+
@@ -1090,7 +1116,8 @@ - 24% + 24 + % Male teachers: @@ -1120,16 +1147,20 @@ - 13% + 13 + % Male bookeepers: - 26% + 26 + % - Male social workers: + Male social workers: + + @@ -1140,11 +1171,13 @@ - 9% + 9 + % - Male receptionists: + Male receptionists: + @@ -1155,6 +1188,5 @@
-
From 98e40d1a4fc359b78b58a5e4e8fa2565a988ed2d Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 25 Feb 2016 19:49:10 -0500 Subject: [PATCH 19/35] Added images --- images/needle.svg | 130 +++++++++++++++++++++++++++++++++++++++++ images/notebook.svg | 84 ++++++++++++++++++++++++++ images/notebookman.svg | 65 +++++++++++++++++++++ index.html | 67 ++++++++++++++++++++- 4 files changed, 345 insertions(+), 1 deletion(-) create mode 100644 images/needle.svg create mode 100644 images/notebook.svg create mode 100644 images/notebookman.svg diff --git a/images/needle.svg b/images/needle.svg new file mode 100644 index 0000000..cbcdb28 --- /dev/null +++ b/images/needle.svg @@ -0,0 +1,130 @@ + + + + + + + + + +Nurse anesthetists + + Females + + + + + Males + + + + + + + $144,981 + + + + + + + + + + $ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Female 59% + Male 41% + + + + + + + + + + + $162.900 + + + + + + + + + $ + + + diff --git a/images/notebook.svg b/images/notebook.svg new file mode 100644 index 0000000..714b321 --- /dev/null +++ b/images/notebook.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Caucasian + 83% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Asian + 6% + + +Ethnicity +Percentage of Nurses by Ethnicity + diff --git a/images/notebookman.svg b/images/notebookman.svg new file mode 100644 index 0000000..6444ccb --- /dev/null +++ b/images/notebookman.svg @@ -0,0 +1,65 @@ + + + + + + + + + +Median Nurse Salary by Ethnicity + + + Caucasian + $70,000 + + + + + + + + + + + + + + + + + + + + Asian + $61.000 + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 7dc69cb..6f22750 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
+
@@ -1188,5 +1188,70 @@
+ +
+ + + + + Nurse anesthetists + + + + Females + + + + + + Males + + + + + $144,981 + + + + + + + + $ + + + + + + + + + + + + + + Female 59% + + + Male 41% + + + + + + + $162.900 + + + + + + + + $ + + +
From f345e788c1b67411d6a9295c59dd4f891365b5a3 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 25 Feb 2016 20:41:24 -0500 Subject: [PATCH 20/35] Added svg. --- images/notebook.svg | 142 ++++++++++++++++------ images/notebookman.svg | 216 ++++++++++++++++++++++++++++----- index.html | 267 ++++++++++++++++++++++++++++++++++++++++- 3 files changed, 553 insertions(+), 72 deletions(-) diff --git a/images/notebook.svg b/images/notebook.svg index 714b321..4de332c 100644 --- a/images/notebook.svg +++ b/images/notebook.svg @@ -12,73 +12,135 @@ - + - - - + + + - - - + + + - + - + - + - + - Caucasian - 83% - + Caucasian + 83% + - + - + - - + + - - - + + + - + - + - + - + - Asian - 6% - + Asian + 6% + Ethnicity Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + + + + + + + 3% + + + Others + + + + + + + + + + + + + + + + + + + + + + + + 3% + + + Hispanic/Latino + + diff --git a/images/notebookman.svg b/images/notebookman.svg index 6444ccb..cb326e0 100644 --- a/images/notebookman.svg +++ b/images/notebookman.svg @@ -13,53 +13,211 @@ Median Nurse Salary by Ethnicity - - Caucasian - $70,000 + + Caucasian + $70,000 - - - - + + + + + - + - + + + + + + + + + + Asian + $61.000 + + + + + + + + + + + - + + - + - - Asian - $61.000 + + + + + + Hispanic + + + $59,000 + + + + - + - - - + + - + + + + + + + Multi - racial + + + $58.000 + + + + + + + + + + + + + + + + + + + + + Caucasian + $10,000 + + + + + + - + - - + + + + + + + + + + Asian + $21.000 + + + + + + + + + + + + + + + + + + + + + + + + + + + Hispanic + + + $23,000 + + + + + + + + + + + + + + + + + + Multi - racial + + + $34.000 + + + + + + + + + + + - + diff --git a/index.html b/index.html index 6f22750..a8ee04f 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
+
@@ -1231,10 +1231,14 @@ - Female 59% + Female + + 59% - Male 41% + Male + + 41% @@ -1253,5 +1257,262 @@
+ +
+ + + + + + + + + + + + + + + + + + Caucasian + + + 83% + + + + + + + + + + + + + + + + + Asian + + + 6% + + + + Ethnicity + + + Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + + 3% + + + Others + + + + + + + + + + + + + + + + + 3% + + + Hispanic/Latino + + +
+ +
+ + + + + Median Nurse Salary by Ethnicity + + + + Caucasian + + + $70,000 + + + + + + + + + + + + + + + + Asian + + + $61.000 + + + + + + + + + + + + + + + + + + + Hispanic + + + $59,000 + + + + + + + + + + + + + + Multi - racial + + + $58.000 + + + + + + + + + + + + + + + + Caucasian + + + $10,000 + + + + + + + + + + + + + + + + Asian + + + $21.000 + + + + + + + + + + + + + + + + + + + Hispanic + + + $23,000 + + + + + + + + + + + + + + Multi - racial + + + $34.000 + + + + + + + + + + + + + + +
From 28e2183c66242bb16b4e5f928c26044de3b3847b Mon Sep 17 00:00:00 2001 From: xuke918 Date: Thu, 25 Feb 2016 21:52:01 -0500 Subject: [PATCH 21/35] Fixed svg. --- images/nurseage.svg | 6 +- images/rns.svg | 72 +++---- index.html | 514 ++++++++++++++++++++++---------------------- 3 files changed, 297 insertions(+), 295 deletions(-) diff --git a/images/nurseage.svg b/images/nurseage.svg index 2cc99de..6d95be2 100644 --- a/images/nurseage.svg +++ b/images/nurseage.svg @@ -2,8 +2,8 @@ - + How old are nurses today? LPN @@ -19,7 +19,7 @@ /> - 42.6% + 42.6% diff --git a/images/rns.svg b/images/rns.svg index b5339b5..4396b1f 100644 --- a/images/rns.svg +++ b/images/rns.svg @@ -1,80 +1,80 @@ - - + viewBox="0 0 690 360" enable-background="new 0 0 690 360" xml:space="preserve"> + + - - + + - - + + - - + - + - + - + - + - + - - + + - - + + - - + + - - + + C48.1,243.6,41.2,250.6,40.3,259.3z"/> - + - + - + - + - + - - + + - RNs increasedper100,00 population(per capital) - 14% + RNs increasedper100,00 population(per capital) + 14% - LPNs increased per100,00 population(per capital) - 6% + LPNs increased per100,00 population(per capital) + 6% diff --git a/index.html b/index.html index a8ee04f..895418f 100644 --- a/index.html +++ b/index.html @@ -122,269 +122,268 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RNs increased - per100,00 population(per capital) - - - 14% - - - LPNs increased - per100,00 population(per capital) - - - 6% - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increasedper100,00 population(per capital) + + + 14% + + + LPNs increased per100,00 population(per capital) + + + 6% + +
-
- - - - How old are nurses today? - - - LPN - - - RN - - - AGE - - - - - - - - 42.6% - - - - - - - - 48.5% - - - - - - - - - +
+ + + + How old are nurses today? + + + LPN + + + RN + + + AGE + + + + + + + + 42.6% + + + + + + + + 48.5% + + + + + + + + + + - - - - - - - Under 40 - - - - - - - - - - + + + - - - - 41 — 60 - - - - - - - - 37.8% - - - - - - - - 53.2% - - -
+ + Under 40 + + + + + + + + + + + + + + + 41 — 60 + + + + + + + + 37.8% + + + + + + + + 53.2% + + +
-
- - - - - - - - - - - - - - - - 9.6 - % - - - RN - - - - - - - - - - - 9.1 - % - - - 7.7 - % - - - 5.7 - % - - - 1990 - - - 2000 - - - 2010 - - - Today - - - - - - 4.1 - % - - - 2.7 - % - - - 1970 - - - 1980 - - - LVN/LPN - - - - - - - - - - - - - - 3.9 - % - - - 3.4 - % - - - 6.4 +
+ + + + + + + + + + + + + + + + 9.6 + % + + + RN + + + + + + + + + + + 9.1 + % + + + 7.7 + % + + + 5.7 + % + + + 1990 + + + 2000 + + + 2010 + + + Today + + + + + + 4.1 + % + + + 2.7 + % + + + 1970 + + + 1980 + + + LVN/LPN + + + + + + + + + + + + + + 3.9 + % + + + 3.4 + % + + + 6.4 - % - - - 7.6 + % + + + 7.6 - % - - - 7.8 + % + + + 7.8 - % - - - 8.1 + % + + + 8.1 - % - - - 1990 - - - 2000 - - - 2010 - - - Today - - - 1970 - - - 1980 - - -
+ % + + + 1990 + + + 2000 + + + 2010 + + + Today + + + 1970 + + + 1980 + + +
-
+
@@ -1188,8 +1187,10 @@
+
-
+
+
@@ -1258,7 +1259,7 @@
-
+
@@ -1351,7 +1352,7 @@
-
+
@@ -1514,5 +1515,6 @@
+
From 56200352ea2f1c93f3f3b72476a9c642d603f191 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:17:27 -0500 Subject: [PATCH 22/35] Fixed validation. --- images/document.svg | 133 +-- index.html | 2769 ++++++++++++++++++++++--------------------- 2 files changed, 1447 insertions(+), 1455 deletions(-) diff --git a/images/document.svg b/images/document.svg index 546c758..ab8d47d 100644 --- a/images/document.svg +++ b/images/document.svg @@ -1126,84 +1126,73 @@ + 24% +Male teachers: + + + √ + - 24% - Male teachers: - - - - - √ - - - - - - - - - - - √ - - - - - - - - - - - - - - - - - - - - - - 13% - Male bookeepers: - - - 26% - Male social workers: - - - - - - √ - - - - - - + + + + + + - 9% - - Male receptionists: + √ + + + + + + + + + + + + + + + + + + + + 13% +Male bookeepers: + 26% +Male social workers: + + + + + √ + + + - - √ - - - - - + +9% + +Male receptionists: + + + √ + + + + + diff --git a/index.html b/index.html index 895418f..cc75852 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,9 @@ The Modern Nurse - + @@ -121,1400 +121,1403 @@ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + RNs increased + per100,00 population(per capital) + + + 14% + + + LPNs increased + per100,00 population(per capital) + + + 6% + + +
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RNs increasedper100,00 population(per capital) - - - 14% - - - LPNs increased per100,00 population(per capital) - - - 6% - - -
+
+ + + + How old are nurses today? + + + LPN + + + RN + + + AGE + + + + + + + + 42.6% + + + + + + + + 48.5% + + + + + + + + + + + + + + + + + Under 40 + + + + + + + + + + + + + + + 41 — 60 + + + + + + + + 37.8% + + + + + + + + 53.2% + + +
-
- - - - How old are nurses today? - - - LPN - - - RN - - - AGE - - - - - - - - 42.6% - - - - - - - - 48.5% - - - - - - - - - +
+ + + + + + + + - - - - - - - Under 40 - - - - - - - - - - + + + - - - - 41 — 60 - - - - - - - - 37.8% - - - - - - - - 53.2% - - -
+ + + 9.6 + % + + + RN + + + + + + + + + + + 9.1 + % + + + 7.7 + % + + + 5.7 + % + + + 1990 + + + 2000 + + + 2010 + + + Today + + + + + + 4.1 + % + + + 2.7 + % + + + 1970 + + + 1980 + + + LVN/LPN + + + + + + + + + + + + + + 3.9 + % + + + 3.4 + % + + + 6.4 -
- - - - - - - - - - - - - - - - 9.6 - % - - - RN - - - - - - - - - - - 9.1 - % - - - 7.7 - % - - - 5.7 - % - - - 1990 - - - 2000 - - - 2010 - - - Today - - - - - - 4.1 - % - - - 2.7 - % - - - 1970 - - - 1980 - - - LVN/LPN - - - - - - - - - - - - - - 3.9 - % - - - 3.4 - % - - - 6.4 + % + + + 7.6 - % - - - 7.6 + % + + + 7.8 - % - - - 7.8 + % + + + 8.1 - % - - - 8.1 + % + + + 1990 + + + 2000 + + + 2010 + + + Today + + + 1970 + + + 1980 + + +
- % - - - 1990 - - - 2000 - - - 2010 - - - Today - - - 1970 - - - 1980 - - +
+ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + 24 + % + + + Male teachers: + + + + + √ + + + + + + + + + + √ + + + + + + + + + + + + 13 + % + + + Male bookeepers: + + + 26 + % + + + Male social workers: + + + + + + + √ + + + + + + 9 + % + + + + Male receptionists: + + + + + √ + + + + + +
-
- - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - 24 - % - - - Male teachers: - - - - - √ - - - - - - - - - - √ - - - - - - - - - - - - 13 - % - - - Male bookeepers: - - - 26 - % - - - Male social workers: - - - - - - - √ - - - - - - 9 - % - - - - Male receptionists: - - - - - √ - - - - - -
-
- -
-
- - - - - Nurse anesthetists - - - - Females - - - - - - Males - - - - - $144,981 - - - - - - - - $ - - - - - - - - - - - - - - Female - - 59% - - - Male - - 41% - - - - - - - $162.900 - - - - - - - - $ - - -
+
+
+ + + + + Nurse anesthetists + + + + Females + + + + + + Males + + + + + $144,981 + + + + + + + + $ + + + + + + + + + + + + + + Female + + 59% + + + Male + + 41% + + + + + + + $162.900 + + + + + + + + $ + + +
-
- - - - - - - - - - - - - - - - - - Caucasian - - - 83% - - - - - - - - - - - - - - - - - Asian - - - 6% - - - - Ethnicity - - - Percentage of Nurses by Ethnicity - - - - - - - - - - - - - - - - - 3% - - - Others - - - - - - - - - - - - - - - - - 3% - - - Hispanic/Latino - - -
+
+ + + + + + + + + + + + + + + + + + Caucasian + + + 83% + + + + + + + + + + + + + + + + + Asian + + + 6% + + + + Ethnicity + + + Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + + 3% + + + Others + + + + + + + + + + + + + + + + + 3% + + + Hispanic/Latino + + +
-
- - - - - Median Nurse Salary by Ethnicity - - - - Caucasian - - - $70,000 - - - - - - - - - - - - - - - - Asian - - - $61.000 - - - - - - - - - - - - - - - - - - - Hispanic - - - $59,000 - - - - - - - - - - - - - - Multi - racial - - - $58.000 - - - - - - - - - - - - - - - - Caucasian - - - $10,000 - - - - - - - - - - - - - - - - Asian - - - $21.000 - - - - - - - - - - - - - - - - - - - Hispanic - - - $23,000 - - - - - - - - - - - - - - Multi - racial - - - $34.000 - - - - - - - - - - - - - - -
-
+
+ + + + + Median Nurse Salary by Ethnicity + + + + Caucasian + + + $70,000 + + + + + + + + + + + + + + + + Asian + + + $61.000 + + + + + + + + + + + + + + + + + + + Hispanic + + + $59,000 + + + + + + + + + + + + + + Multi - racial + + + $58.000 + + + + + + + + + + + + + + + + Caucasian + + + $10,000 + + + + + + + + + + + + + + + + Asian + + + $21.000 + + + + + + + + + + + + + + + + + + + Hispanic + + + $23,000 + + + + + + + + + + + + + + Multi - racial + + + $34.000 + + + + + + + + + + + + + + +
+
+
From a4800197537f649f90a702d7922fc0d52e3d142b Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:21:56 -0500 Subject: [PATCH 23/35] Added sag to main css. --- css/main.css | 6 ++++++ index.html | 1 + 2 files changed, 7 insertions(+) diff --git a/css/main.css b/css/main.css index d9f1ba0..c3bb029 100644 --- a/css/main.css +++ b/css/main.css @@ -19,3 +19,9 @@ html { body { margin: 0; } + +svg { + display: block; + width: 100%; + height: 100%; +} diff --git a/index.html b/index.html index cc75852..6cebf9b 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ The Modern Nurse + From e96812fa863f5830677f0cc26faf7780e1c9d4e9 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:30:19 -0500 Subject: [PATCH 24/35] Fixed extra space. --- index.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/index.html b/index.html index 6cebf9b..dd11ff2 100644 --- a/index.html +++ b/index.html @@ -3,13 +3,12 @@ The Modern Nurse - - +
From 9b16d1fab7de43c344eb7fd012f6477b54dba138 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:35:05 -0500 Subject: [PATCH 25/35] Deleted unused svg. --- images/1.svg | 218 --------- images/2.svg | 78 ---- images/3.svg | 106 ----- images/4.svg | 123 ----- images/5.svg | 1210 -------------------------------------------------- 5 files changed, 1735 deletions(-) delete mode 100644 images/1.svg delete mode 100644 images/2.svg delete mode 100644 images/3.svg delete mode 100644 images/4.svg delete mode 100644 images/5.svg diff --git a/images/1.svg b/images/1.svg deleted file mode 100644 index 3bebfa8..0000000 --- a/images/1.svg +++ /dev/null @@ -1,218 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9% - - - - - - - - - - - - - - - - - - - - - - - - - - -3.5 Million Nurses in US - - - - - - - - - - - - - - - - - - - - - - - - -35 - $51,00 -3.2 - Million Females -Median age -Median Earnings - - - - - - - - - - - - - - - - - - Median Earnings - Median age - - - - - - - - - 31 - $60,700 - 330,000 - Males - - - - - - - - - - - - - - - - - - - - - - -The Modern Nurse - -Exploring Today’s Diversity in the Nursing Profession -91% - - - - - - - -GENDER - diff --git a/images/2.svg b/images/2.svg deleted file mode 100644 index 4bcbb4c..0000000 --- a/images/2.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RNs increased 14%per100,00 population(per capital) - - - LPNs increased 6% per100,00 population(per capital) - - diff --git a/images/3.svg b/images/3.svg deleted file mode 100644 index 4a876f3..0000000 --- a/images/3.svg +++ /dev/null @@ -1,106 +0,0 @@ - - - - -How old are nurses today? -LPN - - RN - -AGE - - - - - - - - - 42.6% - - - - - - - - - - 48.5% - - - - - - - - - - - - - - - - - - - - - - - -Under 40 - - - - - - - - - - - - - - - - - - - - - -41 — 60 - - - - - - - - - 37.8% - - - - - - - - - - 53.2% - - diff --git a/images/4.svg b/images/4.svg deleted file mode 100644 index cb723ad..0000000 --- a/images/4.svg +++ /dev/null @@ -1,123 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - 9.6% - RN - - - - - - - - - - - - - - - - 9.1% - 7.7% - 5.7% - 1990 - 2000 - 2010 - Today - - - - - - - 4.1% - 2.7% - 1970 - 1980 - - - LVN/LPN - - - - - - - - - - - - - - - - - - 3.9% - 3.4% - 6.4% - 7.6% - 7.8% - 8.1% - 1990 - 2000 - 2010 - Today - 1970 - 1980 - - - - Percentage of Male Nurses Over Time - - - - - - - - - - - diff --git a/images/5.svg b/images/5.svg deleted file mode 100644 index e10ac8b..0000000 --- a/images/5.svg +++ /dev/null @@ -1,1210 +0,0 @@ - - - - - - 24% - Male teachers: - - - - - √ - - - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - √ - - - - - - - - - - - - - - - - - - - - - - 13% - Male bookeepers: - - - 26% - Male social workers: - - - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - √ - - - - √ - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - - - - - - - - - - - - - √ - - - - √ - - - - - √ - - - - - √ - - - - - - - - - - 9% - - Male receptionists: - - - - - √ - - - - - - - From ddd4f4ff0ebb5da17e2e9dfddf953e1493cb90ce Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:41:29 -0500 Subject: [PATCH 26/35] Added another grids. --- images/student.svg | 80 ++++++++++++++++++++++++++++++++++++++++++++++ index.html | 4 +++ 2 files changed, 84 insertions(+) create mode 100644 images/student.svg diff --git a/images/student.svg b/images/student.svg new file mode 100644 index 0000000..5097cc2 --- /dev/null +++ b/images/student.svg @@ -0,0 +1,80 @@ + + + + + +Students Enrolled in Baccalaureate Nursing Programs +Asian 75.5% +African American / Black 52.5% +Hispanic / Latino 7% +Others 2% + +from 16% in 1993 to 26% in 2012. + + + + + + + + + + + + + + + Male 14% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Female: 86% + + diff --git a/index.html b/index.html index dd11ff2..289c863 100644 --- a/index.html +++ b/index.html @@ -1518,6 +1518,10 @@
+ +
+ +
From b754f3474867197181eb5915c5b5cb7099e57997 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:41:46 -0500 Subject: [PATCH 27/35] Added a units. --- index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/index.html b/index.html index 289c863..954caa3 100644 --- a/index.html +++ b/index.html @@ -1520,7 +1520,9 @@
+
+
From 34b53f0148a6a913a4b93833a50d8cad58bd150a Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:42:19 -0500 Subject: [PATCH 28/35] Added a new svg. --- index.html | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 62 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 954caa3..d06fed8 100644 --- a/index.html +++ b/index.html @@ -1521,7 +1521,68 @@
- + + + + + Students Enrolled in Baccalaureate Nursing Programs + + + Asian 75.5% + + + African American / Black 52.5% + + + Hispanic / Latino 7% + + + Others 2% + + + + from 16% in 1993 to 26% in 2012. + + + + + + + + + + + + + + + Male 14% + + + + + + + + + + + + + + + + + + + + + + + + Female: 86% + +
From b62de71f1b9d341ecf3905cf6ecd140f75b94654 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:43:43 -0500 Subject: [PATCH 29/35] Fixed empty space. --- index.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d06fed8..7a85269 100644 --- a/index.html +++ b/index.html @@ -1528,10 +1528,16 @@ Students Enrolled in Baccalaureate Nursing Programs - Asian 75.5% + Asian + + 75.5% - African American / Black 52.5% + African American + / + Black + + 52.5% Hispanic / Latino 7% From ac6e49ced423ff941e9f25c15b8048f9947a0617 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 10:45:59 -0500 Subject: [PATCH 30/35] Fixed errors. --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index 7a85269..a669e4b 100644 --- a/index.html +++ b/index.html @@ -1591,6 +1591,7 @@
+ From f180dddf1a84bbd48ca1f232594dd0657acc93ba Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 11:11:07 -0500 Subject: [PATCH 31/35] Fixed wrong spelling. --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a669e4b..a2bb195 100644 --- a/index.html +++ b/index.html @@ -122,7 +122,7 @@
-
+
@@ -1191,7 +1191,7 @@
-
+
@@ -1591,7 +1591,7 @@
- +
From f883a8437e52c7d4a3d39f28d62f115c2c423401 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 12:17:03 -0500 Subject: [PATCH 32/35] Fixed svg. --- images/student.svg | 51 ++++++++++++++++++++++------------------ index.html | 58 ++++++++++++++++++++++++++++------------------ 2 files changed, 63 insertions(+), 46 deletions(-) diff --git a/images/student.svg b/images/student.svg index 5097cc2..702bdd6 100644 --- a/images/student.svg +++ b/images/student.svg @@ -2,13 +2,19 @@ - + Students Enrolled in Baccalaureate Nursing Programs -Asian 75.5% -African American / Black 52.5% +Asian + +75.5% +African American + / +Black + +52.5% Hispanic / Latino 7% Others 2% from 16% in 1993 to 26% in 2012. - + @@ -27,11 +33,6 @@ - - Male 14% @@ -51,30 +52,34 @@ + + - - + - - - + + - + - - - + + - + - Female: 86% + Female: 86% diff --git a/index.html b/index.html index a2bb195..2731138 100644 --- a/index.html +++ b/index.html @@ -1527,17 +1527,29 @@ Students Enrolled in Baccalaureate Nursing Programs - - Asian - - 75.5% - - - African American - / - Black - - 52.5% + + Asian + + + + + + 75.5% + + + African American + + + / + + + Black + + + + + + 52.5% Hispanic / Latino 7% @@ -1559,8 +1571,6 @@ - - Male 14% @@ -1574,18 +1584,20 @@ - - - - - - + + + + + + + + - - + + - - + + Female: 86% From 0a64bab3f90e14feada84509f5fc252c32824a25 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 12:29:14 -0500 Subject: [PATCH 33/35] Deleted unused css. --- css/modules.css | 412 -------------------------- css/type.css | 757 ------------------------------------------------ 2 files changed, 1169 deletions(-) delete mode 100644 css/modules.css delete mode 100644 css/type.css diff --git a/css/modules.css b/css/modules.css deleted file mode 100644 index 85ebd47..0000000 --- a/css/modules.css +++ /dev/null @@ -1,412 +0,0 @@ -/*! - * Modulifier || Code released under the UNLICENSE - * Code under other copyrights & licenses listed below. - * http://modulifier.web-dev.tools/#responsive;images;list-group;embed;media-object;buttons;forms;accessibility;print - */ - -@-moz-viewport { width: device-width; scale: 1; } -@-ms-viewport { width: device-width; scale: 1; } -@-o-viewport { width: device-width; scale: 1; } -@-webkit-viewport { width: device-width; scale: 1; } -@viewport { width: device-width; scale: 1; } - -html { - box-sizing: border-box; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - text-size-adjust: 100%; -} - -*, *::before, *::after { - box-sizing: inherit; -} - -body { - margin: 0; -} - -article, aside, details, figcaption, figure, -footer, header, main, menu, nav, section, summary { - display: block; -} - -audio, canvas, progress, video { - display: inline-block; - vertical-align: baseline; -} - -template { - display: none; -} - -img { - border: 0; -} - -.img-flex { - display: block; - width: 100%; -} - -svg:not(:root) { - overflow: hidden; -} - -svg { - fill: currentColor; - stroke: currentColor; -} - -.image-replacement, .ir { - overflow: hidden; - direction: ltr; - text-align: left; - text-indent: 100%; - white-space: nowrap; -} - -.list-group { - padding-left: 0; - list-style-type: none; -} - -.list-group > dd { - margin-left: 0; -} - -.list-group--inline::before, -.list-group--inline::after { - content: ""; - display: table; -} - -.list-group--inline::after { - clear: both; -} - -.list-group--inline > li { - display: inline-block; -} - -.list-group--inline > dt { - clear: left; - float: left; - width: 11em; -} - -.list-group--inline > dd { - float: left; - min-width: 12em; -} - -.embed { - margin-left: 0; - margin-right: 0; - overflow: hidden; - position: relative; - width: 100%; -} - -.embed--1by1 { - padding-top: 100%; /* Square */ -} - -.embed--4by3 { - padding-top: 75%; /* Traditional TV/computer screens */ -} - -.embed--iso216 { - padding-top: 70.92%; /* A-standard paper sizes */ -} - -.embed--3by2 { - padding-top: 66.6%; /* Classic 35 mm film & most digital photos, landscape */ -} - -.embed--2by3 { - padding-top: 150%; /* Classic 35 mm film & most digital photos, portrait */ -} - -.embed--golden { - padding-top: 61.8%; /* The Golden Ratio */ -} - -.embed--16by9 { - padding-top: 56.25%; /* HD TV */ -} - -.embed--185by100 { - padding-top: 54.05%; /* Common widescreen cinema */ -} - -.embed--24by10 { - padding-top: 41.667%; /* Widescreen cinema: 2.4:1 */; -} - -.embed--3by1 { - padding-top: 33.3333%; /* Panorama photos */ -} - -.embed--4by1 { - padding-top: 25%; /* Polyvision */ -} - -.embed__item { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} - -.media { - overflow: hidden; -} - -.media__img { - float: left; -} - -.media__img--reversed { - float: right; -} - -.media__img--stacked { - float: none; -} - -.media__body { - overflow: hidden; - min-width: 12em; /* Slightly less than 200px, responsiveness built in */ -} - -.link-box { - display: block; - text-decoration: none; -} - -.btn { - display: inline-block; - padding: 0.375em 0.75em 0.42em; - background-color: #333; - border-radius: 8px; - border: 0; - color: #fff; - text-decoration: none; -} - -.btn:hover { - background-color: #000; - color: #fff; -} - -.btn--light { - background-color: #e2e2e2; - color: #000; -} - -.btn--light:hover { - background-color: #666; - color: #fff; -} - -.btn--ghost { - background-color: transparent; - border: 3px solid #333; - color: #000; -} - -.btn--ghost:hover { - border-color: #000; -} - -label, .label-block { - display: block; - cursor: pointer; -} - -input[type="checkbox"] + label, -input[type="radio"] + label, -.label-inline { - display: inline-block; -} - -/*! - * (c) Nicolas Gallagher and Jonathan Neal of Normalize.css || MIT License - * https://necolas.github.io/normalize.css/ - */ - -button, input, optgroup, select, textarea { - color: inherit; - font: inherit; - margin: 0; -} - -button { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -input[type="checkbox"], -input[type="radio"] { - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"] { - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -fieldset { - border: 1px solid; -} - -legend { - border: 0; - padding: 0; -} - -textarea { - overflow: auto; -} - -optgroup { - font-weight: bold; -} - -/*! End Normalize.css code */ - -a:hover, a:active { - outline: none; -} - -a:focus, [tabindex="0"]:focus, -input:focus, textarea:focus, button:focus { - outline: 3px solid #000; - outline-offset: 3px; -} - -.skip-links { - margin: 0; - padding: 0; - list-style-type: none; -} - -.skip-links a { - padding: 0.5em 0.75em; - position: absolute; - top: -3em; - z-index: 10000; /* To make sure they're always on top */ - background-color: #000; - color: #fff; - font-size: 1.125rem; - font-weight: bold; - text-decoration: none; -} - -.skip-links a:focus { - top: 0; -} - -.print-only { - display: none; - visibility: hidden; -} - -@media print { - - .no-print { - display: none; - visibility: hidden; - } - - .print-only { - display: block; - visibility: visible; - } - - /*! - * (c) HTML5 Boilerplate || MIT License - * https://html5boilerplate.com/ - */ - - *, *:before, *:after, *:first-letter, *:first-line { - background: none transparent !important; - color: #000 !important; - box-shadow: none !important; - text-shadow: none !important; - } - - a, a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - - pre, blockquote { - page-break-inside: avoid; - } - - thead { - display: table-header-group; - } - - tr, img { - page-break-inside: avoid; - } - - p, h1, h2, h3, h4, h5, h6 { - orphans: 3; - widows: 3; - } - - h1, h2, h3, h4, h5, h6 { - page-break-after: avoid; - } - - /*! End HTML5 Boilerplate code */ -} diff --git a/css/type.css b/css/type.css deleted file mode 100644 index ce96513..0000000 --- a/css/type.css +++ /dev/null @@ -1,757 +0,0 @@ -/* - Typografier || Code released under the UNLICENSE - http://typografier.web-dev.tools/#0,100,1.3,1.067;38,110,1.4,1.125;60,120,1.5,1.125;90,130,1.5,1.125 -*/ - -html { - font-size: 100%; - line-height: 1.3; -} - -a { - background-color: transparent; -} - -sub, sup { - font-size: 75%; - line-height: 1px; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -pre, code, kbd, samp { - font-size: 100%; -} - -abbr[title] { - border-bottom: 1px dotted; - text-decoration: none; -} - -b, strong { - font-weight: bold; -} - -dfn, caption { - font-style: italic; -} - -hr { - border: 0; - border-top: 1px solid; - height: 0; -} - -table { - border-collapse: collapse; - border-spacing: 0; - width: 100%; -} - -th, td { - border-bottom: 1px solid; - text-align: left; -} - -thead th { - vertical-align: bottom; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -.normal { - font-weight: normal; -} - -.bold { - font-weight: bold; -} - -.italic { - font-style: italic; -} - -.text-upper { - text-transform: uppercase; -} - -.text-lower { - text-transform: lowercase; -} - -h1, h2, h3, h4, h5, h6, -p, ul, ol, dl, dd, figure, -blockquote, details, hr, -fieldset, pre, table { - margin: 0 0 1.3rem; -} - -.yotta { - font-size: 1.5745rem; - line-height: 1.6513; -} - -.zetta { - font-size: 1.4757rem; - line-height: 1.7619; -} - -h1, .exa { - font-size: 1.3830rem; - line-height: 1.8800; -} - -h2, .peta { - font-size: 1.2962rem; - line-height: 1.0030; -} - -h3, .tera { - font-size: 1.2148rem; - line-height: 1.0702; -} - -h4, .giga { - font-size: 1.1385rem; - line-height: 1.1419; -} - -h5, .mega { - font-size: 1.0670rem; - line-height: 1.2184; -} - -h6, .kilo, input, textarea { - font-size: 1.0000rem; - line-height: 1.3000; -} - -small, .milli { - font-size: 0.9372rem; - line-height: 1.3871; -} - -.micro { - font-size: 0.8784rem; - line-height: 1.4800; -} - -.push { - margin-bottom: 1.3rem; -} - -.push-none, .push-0 { - margin-bottom: 0; -} - -.push-double, .push-2 { - margin-bottom: 2.6000rem; -} - -.push-half, .push-1-2 { - margin-bottom: 0.6500rem; -} - -.push-quarter, .push-1-4 { - margin-bottom: 0.3250rem; -} - -.push-right-quarter, .push-r-1-4 { - margin-right: 0.3250rem; -} - -.push-right-half, .push-r-1-2 { - margin-right: 0.6500rem; -} - -.push-right, .push-r { - margin-right: 1.3rem; -} - -.pad-top, .pad-t { - padding-top: 1.3rem; -} - -.pad-bottom, .pad-b { - padding-bottom: 1.3rem; -} - -.pad-top-double, .pad-t-2 { - padding-top: 2.6000rem; -} - -.pad-bottom-double, .pad-b-2 { - padding-bottom: 2.6000rem; -} - -.pad-top-half, .pad-t-1-2 { - padding-top: 0.6500rem; -} - -.pad-bottom-half, .pad-b-1-2 { - padding-bottom: 0.6500rem; -} - -.pad-top-quarter, .pad-t-1-4 { - padding-top: 0.3250rem; -} - -.pad-bottom-quarter, .pad-b-1-4 { - padding-bottom: 0.3250rem; -} - -.island { - padding: 1.3rem; -} - -.island-double, .island-2 { - padding: 2.6000rem; -} - -.island-half, .island-1-2 { - padding: 0.6500rem; -} - -.island-quarter, .island-1-4, -td, th, fieldset { - padding: 0.3250rem; -} - -.gutter { - padding-left: 1.3rem; - padding-right: 1.3rem; -} - -.gutter-double, .gutter-2 { - padding-left: 2.6000rem; - padding-right: 2.6000rem; -} - -.gutter-half, .gutter-1-2 { - padding-left: 0.6500rem; - padding-right: 0.6500rem; -} - -.gutter-quarter, .gutter-1-4 { - padding-left: 0.3250rem; - padding-right: 0.3250rem; -} - -@media only screen and (min-width: 38em) { - -html { - font-size: 110%; - line-height: 1.4; -} - -h1, h2, h3, h4, h5, h6, -p, ul, ol, dl, dd, figure, -blockquote, details, hr, -fieldset, pre, table { - margin: 0 0 1.4rem; -} - -.yotta { - font-size: 2.2807rem; - line-height: 1.2277; -} - -.zetta { - font-size: 2.0273rem; - line-height: 1.3812; -} - -h1, .exa { - font-size: 1.8020rem; - line-height: 1.5538; -} - -h2, .peta { - font-size: 1.6018rem; - line-height: 1.7480; -} - -h3, .tera { - font-size: 1.4238rem; - line-height: 1.9665; -} - -h4, .giga { - font-size: 1.2656rem; - line-height: 1.1062; -} - -h5, .mega { - font-size: 1.1250rem; - line-height: 1.2444; -} - -h6, .kilo, input, textarea { - font-size: 1.0000rem; - line-height: 1.4000; -} - -small, .milli { - font-size: 0.8889rem; - line-height: 1.5750; -} - -.micro { - font-size: 0.7901rem; - line-height: 1.7719; -} - -.push { - margin-bottom: 1.4rem; -} - -.push-none, .push-0 { - margin-bottom: 0; -} - -.push-double, .push-2 { - margin-bottom: 2.8000rem; -} - -.push-half, .push-1-2 { - margin-bottom: 0.7000rem; -} - -.push-quarter, .push-1-4 { - margin-bottom: 0.3500rem; -} - -.push-right-quarter, .push-r-1-4 { - margin-right: 0.3500rem; -} - -.push-right-half, .push-r-1-2 { - margin-right: 0.7000rem; -} - -.push-right, .push-r { - margin-right: 1.4rem; -} - -.pad-top, .pad-t { - padding-top: 1.4rem; -} - -.pad-bottom, .pad-b { - padding-bottom: 1.4rem; -} - -.pad-top-double, .pad-t-2 { - padding-top: 2.8000rem; -} - -.pad-bottom-double, .pad-b-2 { - padding-bottom: 2.8000rem; -} - -.pad-top-half, .pad-t-1-2 { - padding-top: 0.7000rem; -} - -.pad-bottom-half, .pad-b-1-2 { - padding-bottom: 0.7000rem; -} - -.pad-top-quarter, .pad-t-1-4 { - padding-top: 0.3500rem; -} - -.pad-bottom-quarter, .pad-b-1-4 { - padding-bottom: 0.3500rem; -} - -.island { - padding: 1.4rem; -} - -.island-double, .island-2 { - padding: 2.8000rem; -} - -.island-half, .island-1-2 { - padding: 0.7000rem; -} - -.island-quarter, .island-1-4, -td, th, fieldset { - padding: 0.3500rem; -} - -.gutter { - padding-left: 1.4rem; - padding-right: 1.4rem; -} - -.gutter-double, .gutter-2 { - padding-left: 2.8000rem; - padding-right: 2.8000rem; -} - -.gutter-half, .gutter-1-2 { - padding-left: 0.7000rem; - padding-right: 0.7000rem; -} - -.gutter-quarter, .gutter-1-4 { - padding-left: 0.3500rem; - padding-right: 0.3500rem; -} - -} - -@media only screen and (min-width: 60em) { - -html { - font-size: 120%; - line-height: 1.5; -} - -h1, h2, h3, h4, h5, h6, -p, ul, ol, dl, dd, figure, -blockquote, details, hr, -fieldset, pre, table { - margin: 0 0 1.5rem; -} - -.yotta { - font-size: 2.2807rem; - line-height: 1.3154; -} - -.zetta { - font-size: 2.0273rem; - line-height: 1.4798; -} - -h1, .exa { - font-size: 1.8020rem; - line-height: 1.6648; -} - -h2, .peta { - font-size: 1.6018rem; - line-height: 1.8729; -} - -h3, .tera { - font-size: 1.4238rem; - line-height: 1.0535; -} - -h4, .giga { - font-size: 1.2656rem; - line-height: 1.1852; -} - -h5, .mega { - font-size: 1.1250rem; - line-height: 1.3333; -} - -h6, .kilo, input, textarea { - font-size: 1.0000rem; - line-height: 1.5000; -} - -small, .milli { - font-size: 0.8889rem; - line-height: 1.6875; -} - -.micro { - font-size: 0.7901rem; - line-height: 1.8984; -} - -.push { - margin-bottom: 1.5rem; -} - -.push-none, .push-0 { - margin-bottom: 0; -} - -.push-double, .push-2 { - margin-bottom: 3.0000rem; -} - -.push-half, .push-1-2 { - margin-bottom: 0.7500rem; -} - -.push-quarter, .push-1-4 { - margin-bottom: 0.3750rem; -} - -.push-right-quarter, .push-r-1-4 { - margin-right: 0.3750rem; -} - -.push-right-half, .push-r-1-2 { - margin-right: 0.7500rem; -} - -.push-right, .push-r { - margin-right: 1.5rem; -} - -.pad-top, .pad-t { - padding-top: 1.5rem; -} - -.pad-bottom, .pad-b { - padding-bottom: 1.5rem; -} - -.pad-top-double, .pad-t-2 { - padding-top: 3.0000rem; -} - -.pad-bottom-double, .pad-b-2 { - padding-bottom: 3.0000rem; -} - -.pad-top-half, .pad-t-1-2 { - padding-top: 0.7500rem; -} - -.pad-bottom-half, .pad-b-1-2 { - padding-bottom: 0.7500rem; -} - -.pad-top-quarter, .pad-t-1-4 { - padding-top: 0.3750rem; -} - -.pad-bottom-quarter, .pad-b-1-4 { - padding-bottom: 0.3750rem; -} - -.island { - padding: 1.5rem; -} - -.island-double, .island-2 { - padding: 3.0000rem; -} - -.island-half, .island-1-2 { - padding: 0.7500rem; -} - -.island-quarter, .island-1-4, -td, th, fieldset { - padding: 0.3750rem; -} - -.gutter { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.gutter-double, .gutter-2 { - padding-left: 3.0000rem; - padding-right: 3.0000rem; -} - -.gutter-half, .gutter-1-2 { - padding-left: 0.7500rem; - padding-right: 0.7500rem; -} - -.gutter-quarter, .gutter-1-4 { - padding-left: 0.3750rem; - padding-right: 0.3750rem; -} - -} - -@media only screen and (min-width: 90em) { - -html { - font-size: 130%; - line-height: 1.5; -} - -h1, h2, h3, h4, h5, h6, -p, ul, ol, dl, dd, figure, -blockquote, details, hr, -fieldset, pre, table { - margin: 0 0 1.5rem; -} - -.yotta { - font-size: 2.2807rem; - line-height: 1.3154; -} - -.zetta { - font-size: 2.0273rem; - line-height: 1.4798; -} - -h1, .exa { - font-size: 1.8020rem; - line-height: 1.6648; -} - -h2, .peta { - font-size: 1.6018rem; - line-height: 1.8729; -} - -h3, .tera { - font-size: 1.4238rem; - line-height: 1.0535; -} - -h4, .giga { - font-size: 1.2656rem; - line-height: 1.1852; -} - -h5, .mega { - font-size: 1.1250rem; - line-height: 1.3333; -} - -h6, .kilo, input, textarea { - font-size: 1.0000rem; - line-height: 1.5000; -} - -small, .milli { - font-size: 0.8889rem; - line-height: 1.6875; -} - -.micro { - font-size: 0.7901rem; - line-height: 1.8984; -} - -.push { - margin-bottom: 1.5rem; -} - -.push-none, .push-0 { - margin-bottom: 0; -} - -.push-double, .push-2 { - margin-bottom: 3.0000rem; -} - -.push-half, .push-1-2 { - margin-bottom: 0.7500rem; -} - -.push-quarter, .push-1-4 { - margin-bottom: 0.3750rem; -} - -.push-right-quarter, .push-r-1-4 { - margin-right: 0.3750rem; -} - -.push-right-half, .push-r-1-2 { - margin-right: 0.7500rem; -} - -.push-right, .push-r { - margin-right: 1.5rem; -} - -.pad-top, .pad-t { - padding-top: 1.5rem; -} - -.pad-bottom, .pad-b { - padding-bottom: 1.5rem; -} - -.pad-top-double, .pad-t-2 { - padding-top: 3.0000rem; -} - -.pad-bottom-double, .pad-b-2 { - padding-bottom: 3.0000rem; -} - -.pad-top-half, .pad-t-1-2 { - padding-top: 0.7500rem; -} - -.pad-bottom-half, .pad-b-1-2 { - padding-bottom: 0.7500rem; -} - -.pad-top-quarter, .pad-t-1-4 { - padding-top: 0.3750rem; -} - -.pad-bottom-quarter, .pad-b-1-4 { - padding-bottom: 0.3750rem; -} - -.island { - padding: 1.5rem; -} - -.island-double, .island-2 { - padding: 3.0000rem; -} - -.island-half, .island-1-2 { - padding: 0.7500rem; -} - -.island-quarter, .island-1-4, -td, th, fieldset { - padding: 0.3750rem; -} - -.gutter { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.gutter-double, .gutter-2 { - padding-left: 3.0000rem; - padding-right: 3.0000rem; -} - -.gutter-half, .gutter-1-2 { - padding-left: 0.7500rem; - padding-right: 0.7500rem; -} - -.gutter-quarter, .gutter-1-4 { - padding-left: 0.3750rem; - padding-right: 0.3750rem; -} - -} From bea034c456f77100d1004652454fa322fca040f9 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 14:18:17 -0500 Subject: [PATCH 34/35] Fixed svg and wrong spelling. --- images/hook.svg | 190 ++++++++++++++++++----------------- images/student.svg | 117 ++++++++++++---------- index.html | 240 +++++++++++++++++++++++---------------------- 3 files changed, 279 insertions(+), 268 deletions(-) diff --git a/images/hook.svg b/images/hook.svg index 8f6da18..f941a06 100644 --- a/images/hook.svg +++ b/images/hook.svg @@ -1,149 +1,147 @@ + viewBox="0 0 750 510" enable-background="new 0 0 750 510" xml:space="preserve"> - - + + - + - - + + - + - + - - + + - - + + - + - - + + - + - - + + - + - - + + - 35 - $51,00 - 3.2 - Million Females - Median age - Median Earnings + 35 + $51,00 + 3.2 + Million Females + Median age + Median Earnings - - - - - - + + + + + + - - - - - - + + + + - Median Earnings - Median age + +Median Earnings +Median age + - - - - - - + + + + - 31 - $60,700 - 330,000 - Males +31 + $60,700 +330,000 +Males - - + + - + - - + + - - + + - + - + -The Modern Nurse - -Exploring Today’s Diversity in the Nursing Profession +The Modern Nurse + +Exploring Today’s Diversity in the Nursing Profession diff --git a/images/student.svg b/images/student.svg index 702bdd6..82f3a15 100644 --- a/images/student.svg +++ b/images/student.svg @@ -2,84 +2,95 @@ - - -Students Enrolled in Baccalaureate Nursing Programs -Asian - -75.5% -African American - / -Black - -52.5% -Hispanic / Latino 7% -Others 2% - + + +Students Enrolled in Baccalaureate Nursing Programs +Asian 75.5% +African American / Black 52.5% +Hispanic / Latino 7% +Others 2% + from 16% in 1993 to 26% in 2012. - - - - + + + + - + - - + + - Male 14% + Male 14% - + - - + + - + - - + + - - - - + + - - - + + - + + + - - + + + + + + + - + + Female: 86% + + +Percentage of minority students enrolled in basic RN programs increased + + Caucasian 72% + + +Asian 9% + + Hispanic / Latino 51.5% - Female: 86% + Caucasian 48.5% +Percentage of Nursing students that pursue a Baccalaureate or Higher Education by Ethnicity diff --git a/index.html b/index.html index 2731138..98f7621 100644 --- a/index.html +++ b/index.html @@ -10,114 +10,106 @@
- + - - + + - - - - + + + + - + - - + + - - - + + + - - - + + + - - - + + + - + 35 - - - $51,00 + + $51,00 - - 3.2 - + + 3.2 - - - Million Females + + Million Females - + Median age - + Median Earnings - - - + + + - - - + + + - + Median Earnings - - Median age - + + Median age - - - + + + - + 31 - + $60,700 - - 330,000 - + + 330,000 - + Males - - - + + + - - + + - - - + + + - - The - Modern - Nurse + + The Modern Nurse - - - Exploring Today’s Diversity - in the Nursing Profession + + + Exploring Today’s Diversity in the Nursing Profession
@@ -1519,87 +1511,97 @@
-
+
- - + + Students Enrolled in Baccalaureate Nursing Programs - - Asian - - - - - - 75.5% - - - African American - - - / - - - Black + + Asian + + 75.5% - - - - - 52.5% + + African American + / + Black + + 52.5% - + Hispanic / Latino 7% - + Others 2% - + from 16% in 1993 to 26% in 2012. - - - + + + - + - - + + - + Male 14% - - - + + + - - - + + + - - - - - - - - + + + + + + + + - - + + - - + + Female: 86% + + Percentage of minority students enrolled in + basic RN programs increased + + + Caucasian 72% + + + + Asian 9% + + + Hispanic / Latino + 51.5% + + + Caucasian 48.5% + + + Percentage of Nursing students that pursue a + Baccalaureate or Higher Education by Ethnicity +
From efb06df8b2f92d4d842435c502fcb5cc092a0284 Mon Sep 17 00:00:00 2001 From: xuke918 Date: Fri, 26 Feb 2016 14:20:56 -0500 Subject: [PATCH 35/35] Fixed the validation. --- index.html | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 98f7621..60289fa 100644 --- a/index.html +++ b/index.html @@ -45,13 +45,16 @@ 35 - $51,00 + + $51,00 - 3.2 + 3.2 + - Million Females + + Million Females Median age @@ -73,7 +76,8 @@ Median Earnings - Median age + Median age + @@ -87,7 +91,8 @@ $60,700 - 330,000 + 330,000 + Males @@ -105,11 +110,14 @@ - The Modern Nurse + The + Modern + Nurse - Exploring Today’s Diversity in the Nursing Profession + Exploring Today’s Diversity + in the Nursing Profession