diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4a48538
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_store
\ No newline at end of file
diff --git a/CDS_Dashboard/index.html b/CDS_Dashboard/index.html
new file mode 100644
index 0000000..4707f71
--- /dev/null
+++ b/CDS_Dashboard/index.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
' + "Bureau: " + series.name + '
');
+ $modalInitiative.prepend('' + "Initiative: " + series.initiative + '
');
+ $modalServices.prepend('' + "Services: " + series.services + '
');
+ $modalObjective.prepend('' + "Objective: " + series.objective + '
');
+ $modalPicture.attr('src', series.picture);
+ if (series.web) {
+ $modalWebsite.prepend('' + series.web + '
');
+ $modalWebsite.attr('href', series.web);
+ $modalWebsite.attr('target', "_blank");
+ }
+ $exampleModal.modal('show');
+ clearModal();
+}
+
+//Clears the modal so if double-clicked the information won't show up twice
+function clearModal() {
+ $closeModal.click(function() {
+ $modalName.empty();
+ $modalInitiative.empty();
+ $modalServices.empty();
+ $modalObjective.empty();
+ $modalWebsite.empty();
+ });
+}
+
+function buildOptions(drilldown) {
+ if (drilldown) { // drill down
+ var options = {
+ 'title': drilldown.title,
+ 'subtitle': drilldown.subtitle,
+ 'name': drilldown.name,
+ 'categories': drilldown.categories,
+ 'data': drilldown.data,
+ 'type': chartType
+ };
+ } else { // restore to first level
+ var options = {
+ 'title': title,
+ 'subtitle': subtitle,
+ 'name': name,
+ 'categories': categories,
+ 'data': data,
+ 'type': chartType
+ // return options;
+ };
+ }
+ return options;
+}
+
+Highcharts.setOptions({
+ credits: {
+ enabled: false
+ },
+ chart: {
+ style: {
+ fontFamily: 'SourceSansProRegular, Open Sans, Helvetica Neue, Arial, sans-serif'
+ }
+ },
+ title: {
+ text: title,
+ style: {
+ fontWeight: 'bold',
+ textTransform: 'uppercase'
+ }
+ },
+ subtitle: {
+ text: subtitle
+ },
+ plotOptions: {
+ pie: {
+ dataLabels: {
+ enabled: true,
+ color: 'black',
+ style: {
+ fontWeight: 'bold'
+ }
+ }
+ }
+ }, //end of plotOptions
+ exporting: {
+ enabled: false // can't print chart
+ }
+});
+
+ var chart1 = {
+ chart: {
+ renderTo: 'chartContainer'
+ },
+ plotOptions: {
+ series: {
+ cursor: 'pointer', // cursor set to pointer since we have 'click' events
+ point: {
+ events: {
+ click: function () {
+ // var drilldown = this.drilldown; // uses keyword 'this'
+ // var options;
+ mq.addListener(responsiveHighCharts);
+ responsiveHighCharts(mq, this.drilldown);
+
+
+ function responsiveHighCharts(mq, drilldown) {
+ var options = buildOptions(drilldown);
+ if (mq.matches) {
+ // create variable to passed into setChart function
+ setTimeout(function() {
+ setSecondChart(options);
+ },700);
+
+ } else {
+ if (counter === 0) {
+ counter++;
+ moveChart();
+ setTimeout(function() {
+ setSecondChart(options);
+ },700);
+ } else {
+ setSecondChart(options);
+ }
+ } //end of responsive else statement
+ }
+
+ } //end of click
+ } // end of events
+ } //points
+ } //series
+ }, //plot options
+ tooltip: {
+ formatter: function () {
+ var point = this.point; // sets keyword 'this' -- this.point is really series.data
+ var s = point.name + ': ' + point.list + '. '; //formats pointer
+ if (point.deepDrill) {
+ s = point.name + '' + 'Click to return home' + ' ';
+ } else if (point.objective == 'Numerous Objectives') {
+ s = point.name + '' + 'Click Here to Learn More About ' + point.name + ' Projects' + ' ';
+ } else if (point.drilldown){
+ s = 'Click to view ' + point.name;
+ } else {
+ s = point.name + '' + 'Click to Learn More' + ' ';
+ }
+ return s;
+ }
+ }, //end of tooltip
+ series: [{ // sets chart series here
+ type: chartType,
+ name: name,
+ data: data,
+ color: 'white' // don't know why you set this to white
+ }]
+ } //chart1
+
+ chart2 = {
+ chart: {
+ renderTo: 'secondContainer'
+ },
+ plotOptions: {
+ series: {
+ cursor: 'pointer', // cursor set to pointer since we have 'click' events
+ point: {
+ events: {
+ click: function () {
+ var drilldown = this.drilldown; // uses keyword 'this'
+ var options; // create variable to passed into setChart function
+ createModal(this);
+ $(this.modal).modal('show');
+ }
+ }
+ }
+ } //end of series
+ }, //end of plotOptions
+ tooltip: {
+ formatter: function () {
+ if (mq.matches) {
+ s = 'Please learn more from our pop-up';
+ } else {
+ var point = this.point; // sets keyword 'this' -- this.point is really series.data
+ var s = point.name + ': ' + point.list + '. '; //formats pointer
+ if (point.deepDrill) {
+ s = point.name + '' + 'Click to return home' + ' ';
+ } else if (point.objective == 'Numerous Objectives') {
+ s = point.name + '' + 'Click Here to Learn More About ' + point.name + ' Projects' + ' ';
+ } else if (point.drilldown){
+ s = 'Click to view ' + point.name;
+ } else {
+ s = point.name + '' + 'Click to Learn More' + ' ';
+ }
+
+ }
+ return s;
+ }
+ },
+ series: [{ // sets chart series here
+ type: chartType,
+ name: name,
+ data: [{y:1}]
+ }]
+ }
+
+chart = new Highcharts.Chart(chart1);
+chart2 = new Highcharts.Chart(chart2);
+
+}); // end of document.ready()
diff --git a/CDS_Dashboard/style.css b/CDS_Dashboard/style.css
new file mode 100644
index 0000000..438a0fb
--- /dev/null
+++ b/CDS_Dashboard/style.css
@@ -0,0 +1,224 @@
+* {
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ border-radius: 0 !important;
+ font: 'SourceSansProRegular','Open Sans','Helvetica Neue',Arial,sans-serif;
+}
+
+
+#secondContainer {
+ display: inline-block;
+ visibility: hidden;
+ padding-top: 50px;
+ margin: 0 auto;
+}
+
+#chartContainer {
+ padding-top: 50px;
+ /*display: inline-block;*/
+ margin: 0 auto;
+}
+
+.modal-content {
+ border-radius: 6px !important;
+}
+
+/* This is the CSS for the close modal */
+div.close-modal {
+ float: left;
+ margin-right: 30px;
+ margin-bottom: 200px;
+ position: static;
+ top: 25px;
+ right: 25px;
+ width: 75px;
+ height: 75px;
+ background-color: transparent;
+ cursor: pointer;
+ padding-left: 20px;
+ padding-top: 15px;
+}
+
+/* These next two create the X for the close modal*/
+div.close-modal .lr {
+ z-index: 1051;
+ width: 1px;
+ height: 75px;
+ margin-left: 35px;
+ background-color: #222;
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+}
+
+div.close-modal .lr .rl {
+ z-index: 1052;
+ width: 1px;
+ height: 75px;
+ margin-left: 1px;
+ background-color: #222;
+ transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+}
+
+div.modal {
+ margin: auto;
+ padding-left: 30px;
+ padding-top: 30px;
+}
+
+#modalName p {
+ font-weight: bold;
+}
+
+div.modal-content {
+ padding-top: 20px;
+}
+
+#modalPicture {
+ display: inline-block;
+ vertical-align: baseline;
+ margin: 90px 21px 50px 15px;
+}
+
+div#bureauInfo {
+ position:relative;
+ display:inline-block;
+ vertical-align: top;
+ margin-top: 90px;
+ margin-bottom: 70px;
+}
+
+@media only screen
+and (min-device-width : 375px)
+and (max-device-width : 667px)
+and (orientation : portrait) {
+
+ /* This is the CSS for the close modal */
+ div.close-modal {
+ float: left;
+ margin-right: 30px;
+ margin-bottom: 20px;
+ position: static;
+ top: 25px;
+ right: 25px;
+ width: 75px;
+ height: 75px;
+ background-color: transparent;
+ cursor: pointer;
+ padding-left: 20px;
+ padding-top: 15px;
+ }
+
+ /* These next two create the X for the close modal*/
+ div.close-modal .lr {
+ z-index: 1051;
+ width: 1px;
+ height: 60px;
+ margin-left: 35px;
+ background-color: #222;
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ }
+
+ div.close-modal .lr .rl {
+ z-index: 1052;
+ width: 1px;
+ height: 60px;
+ margin-left: 1px;
+ background-color: #222;
+ transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+ }
+
+ div.modal {
+ margin-left: 100px;
+ margin-top: 75px;
+ }
+
+ #modalName p {
+ font-size: 37px;
+ font-weight: bold;
+ }
+
+ #modalInitiative p {
+ font-size: 29px;
+ }
+
+ #modalServices p {
+ font-size: 29px;
+ }
+
+ #modalObjective p {
+ font-size: 29px;
+ }
+
+ #chartContainer {
+ height: 50%;
+ }
+
+ #modalPicture {
+ display: inline-block;
+ vertical-align: baseline;
+ margin: 10px 35px;
+ }
+
+ div#bureauInfo {
+ position:relative;
+ display:inline-block;
+ vertical-align: top;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ margin-left: 25px;
+ }
+}
+
+@media only screen
+and (max-device-width : 374px)
+and (orientation : portrait) {
+
+ div.close-modal {
+ float: none;
+ margin-bottom: 10px;
+ }
+}
+
+@media only screen
+and (max-device-width : 768px)
+and (orientation : portrait) {
+ div.modal-content {
+ padding-top: 5px;
+ }
+
+ div.close-modal {
+ margin-right: 6px;
+ vertical-align: top;
+ display: inline-block;
+ height:auto;
+ padding-left: 0px;
+ margin-bottom: 3px;
+ }
+
+ img#modalPicture {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+
+ div#bureauInfo {
+ margin-top: 2px;
+ margin-left: 15px;
+ margin-bottom: 10px;
+ }
+
+ div.close-modal .lr {
+ width: 2px;
+ height: 35px;
+ margin-left: 23px;
+ }
+
+ div.close-modal .lr .rl {
+ width: 2px;
+ height: 35px;
+ }
+}
\ No newline at end of file
diff --git a/ImageCarousel/bureauLogos/bea-logo.png b/ImageCarousel/bureauLogos/bea-logo.png
new file mode 100644
index 0000000..7586353
Binary files /dev/null and b/ImageCarousel/bureauLogos/bea-logo.png differ
diff --git a/ImageCarousel/bureauLogos/bis-logo.png b/ImageCarousel/bureauLogos/bis-logo.png
new file mode 100644
index 0000000..2fa0488
Binary files /dev/null and b/ImageCarousel/bureauLogos/bis-logo.png differ
diff --git a/ImageCarousel/bureauLogos/census-logo.png b/ImageCarousel/bureauLogos/census-logo.png
new file mode 100644
index 0000000..cc30674
Binary files /dev/null and b/ImageCarousel/bureauLogos/census-logo.png differ
diff --git a/ImageCarousel/bureauLogos/doc-logo.png b/ImageCarousel/bureauLogos/doc-logo.png
new file mode 100644
index 0000000..fad995d
Binary files /dev/null and b/ImageCarousel/bureauLogos/doc-logo.png differ
diff --git a/ImageCarousel/bureauLogos/eda-logo.png b/ImageCarousel/bureauLogos/eda-logo.png
new file mode 100644
index 0000000..9f73b18
Binary files /dev/null and b/ImageCarousel/bureauLogos/eda-logo.png differ
diff --git a/ImageCarousel/bureauLogos/esa-logo.png b/ImageCarousel/bureauLogos/esa-logo.png
new file mode 100644
index 0000000..b680a82
Binary files /dev/null and b/ImageCarousel/bureauLogos/esa-logo.png differ
diff --git a/ImageCarousel/bureauLogos/ita-logo.png b/ImageCarousel/bureauLogos/ita-logo.png
new file mode 100644
index 0000000..99bbac8
Binary files /dev/null and b/ImageCarousel/bureauLogos/ita-logo.png differ
diff --git a/ImageCarousel/bureauLogos/mbda-logo.png b/ImageCarousel/bureauLogos/mbda-logo.png
new file mode 100644
index 0000000..b48167e
Binary files /dev/null and b/ImageCarousel/bureauLogos/mbda-logo.png differ
diff --git a/ImageCarousel/bureauLogos/nist-logo.png b/ImageCarousel/bureauLogos/nist-logo.png
new file mode 100644
index 0000000..baeb0f6
Binary files /dev/null and b/ImageCarousel/bureauLogos/nist-logo.png differ
diff --git a/ImageCarousel/bureauLogos/noaa-logo.png b/ImageCarousel/bureauLogos/noaa-logo.png
new file mode 100644
index 0000000..d04d6dc
Binary files /dev/null and b/ImageCarousel/bureauLogos/noaa-logo.png differ
diff --git a/ImageCarousel/bureauLogos/ntia-logo.png b/ImageCarousel/bureauLogos/ntia-logo.png
new file mode 100644
index 0000000..9dbdef1
Binary files /dev/null and b/ImageCarousel/bureauLogos/ntia-logo.png differ
diff --git a/ImageCarousel/bureauLogos/ntis-logo.png b/ImageCarousel/bureauLogos/ntis-logo.png
new file mode 100644
index 0000000..f111796
Binary files /dev/null and b/ImageCarousel/bureauLogos/ntis-logo.png differ
diff --git a/ImageCarousel/bureauLogos/uspto-logo.png b/ImageCarousel/bureauLogos/uspto-logo.png
new file mode 100644
index 0000000..cb5eb5a
Binary files /dev/null and b/ImageCarousel/bureauLogos/uspto-logo.png differ
diff --git a/ImageCarousel/carousel.js b/ImageCarousel/carousel.js
new file mode 100644
index 0000000..327915e
--- /dev/null
+++ b/ImageCarousel/carousel.js
@@ -0,0 +1,47 @@
+$(document).ready( function(){
+ $('.image-carousel').slick({
+ infinite: true,
+ slidesToShow: 5,
+ slidesToScroll: 1,
+ autoplay: true,
+ autoplaySpeed: 5000,
+ centerMode: true,
+ centerPadding: '50px',
+ pauseOnHover: false,
+ initialSlide: 3,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ autoplay: true,
+ autoplaySpeed: 3000,
+ infinite: false
+ }
+ },
+ {
+ breakpoint: 600,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 2,
+ autoplay: true,
+ autoplaySpeed: 3000,
+ infinite: false
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ autoplay: true,
+ autoplaySpeed: 3000,
+ infinite: false
+ }
+ }
+ ]
+ });
+});
+
+ // $('.image-carousel').get(0).slick.setPosition();
\ No newline at end of file
diff --git a/ImageCarousel/index.html b/ImageCarousel/index.html
new file mode 100644
index 0000000..de7603e
--- /dev/null
+++ b/ImageCarousel/index.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Data Corps
-
- Data Service | Department of Commerce
+
+
+
+
+
+
+ 
+ 
+ 
+ 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-
-
-