diff --git a/.DS_Store b/.DS_Store
index 298889b..3227ea7 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..ccf22a0
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,3 @@
+h1 {
+ color: blue;
+}
diff --git a/images/nasa.png b/images/nasa.png
new file mode 100644
index 0000000..73d60f7
Binary files /dev/null and b/images/nasa.png differ
diff --git a/index.html b/index.html
index bf57b95..1c9bf93 100644
--- a/index.html
+++ b/index.html
@@ -3,12 +3,16 @@
+
+ NASA
+ Picture of the Day
+ Choose a Date, and reveal the satelite image!
![]()
-
-
+
+
diff --git a/js/main.js b/js/main.js
index 6278b9e..ac9a1c9 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,3 +1,6 @@
+
+
+
const grabImage = (year, month, day) => {
fetch(`https://api.nasa.gov/planetary/apod?api_key=bXoVlRGJe8N7w4D4fweO0Fzkg3D49BjvYjxuJphw&date=${year}-${month}-${day}`)
.then(res => res.json()) // parse response as JSON (can be res.text() for plain response)
@@ -16,9 +19,8 @@ fetch(`https://api.nasa.gov/planetary/apod?api_key=bXoVlRGJe8N7w4D4fweO0Fzkg3D49
document.querySelector('iframe').width = "100%"
document.querySelector('img').src = ""
}
- document.querySelector('h1').textContent = response.title
- document.querySelector('p').textContent = response.explanation
-
+ document.querySelector('h4').textContent = response.title
+ document.querySelector('span').textContent = response.explanation
})
.catch(err => {
console.log(`error ${err}`)