diff --git a/final_project/css/style.css b/final_project/css/style.css new file mode 100644 index 0000000..913a85b --- /dev/null +++ b/final_project/css/style.css @@ -0,0 +1,38 @@ +body { + margin: 0; + padding: 0; + overflow: hidden; + + } + + img { + + } + + #img{ + + } + +/* Google font */ +@import url('https://fonts.googleapis.com/css?family=Orbitron'); + +#clock { + font-family: 'Orbitron', sans-serif; + color: #66ff99; + font-size: 56px; + position: absolute; + top: 50%; + left: 34%; + + +} +p{ + position: absolute; + top: 40%; + left: 34%; + font-family: 'Orbitron', sans-serif; + color: #66ff99; + font-size: 20px; +} + + diff --git a/final_project/index.html b/final_project/index.html new file mode 100644 index 0000000..011e0ce --- /dev/null +++ b/final_project/index.html @@ -0,0 +1,20 @@ + + +
+ + ++ + + + + + + + + \ No newline at end of file diff --git a/final_project/js/this.js b/final_project/js/this.js new file mode 100644 index 0000000..e98f9f2 --- /dev/null +++ b/final_project/js/this.js @@ -0,0 +1,55 @@ +const numItemsToGenerate = 1; + +function renderItem(){ + fetch(`https://source.unsplash.com/1600x900/?morning`).then((response)=> { + let item = document.getElementById("img"); + item.classList.add('item'); + item.innerHTML = ` +