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/main.css b/css/main.css new file mode 100644 index 0000000..c3bb029 --- /dev/null +++ b/css/main.css @@ -0,0 +1,27 @@ +@-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; +} + +svg { + display: block; + width: 100%; + height: 100%; +} diff --git a/images/document.svg b/images/document.svg new file mode 100644 index 0000000..ab8d47d --- /dev/null +++ b/images/document.svg @@ -0,0 +1,1198 @@ + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + + + + + + + + + + + + + + √ + + + + + √ + + + + + √ + + + + + √ + + + + + + + + + + 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..f941a06 --- /dev/null +++ b/images/hook.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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/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..4de332c --- /dev/null +++ b/images/notebook.svg @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Caucasian + 83% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Asian + 6% + + +Ethnicity +Percentage of Nurses by Ethnicity + + + + + + + + + + + + + + + + + + + + + + 3% + + + Others + + + + + + + + + + + + + + + + + + + + + + + + 3% + + + Hispanic/Latino + + + diff --git a/images/notebookman.svg b/images/notebookman.svg new file mode 100644 index 0000000..cb326e0 --- /dev/null +++ b/images/notebookman.svg @@ -0,0 +1,223 @@ + + + + + + + + + +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 + + + + + + + + + + + + + + + + + diff --git a/images/nurseage.svg b/images/nurseage.svg new file mode 100644 index 0000000..6d95be2 --- /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..4396b1f --- /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/images/student.svg b/images/student.svg new file mode 100644 index 0000000..82f3a15 --- /dev/null +++ b/images/student.svg @@ -0,0 +1,96 @@ + + + + + +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% + + +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 + diff --git a/index.html b/index.html new file mode 100644 index 0000000..60289fa --- /dev/null +++ b/index.html @@ -0,0 +1,1619 @@ + + + + + The Modern Nurse + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 + per100,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% + + +
+ +
+ + + + + + + + + + + + + + + + 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 + + +
+ +
+ + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + + + + + + + + + + √ + + + + √ + + + + √ + + + + √ + + + + + 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 + + + + + + + + $ + + +
+ +
+ + + + + + + + + + + + + + + + + + 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 + + + + + + + + + + + + + + +
+
+ +
+
+ + + + + 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% + + + 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 + + +
+
+ +
+ +