- Complete your .gitignore file.
- Flesh out your basic html page.
- Find 5 appropriately licensed images with a common theme (e.g. https://pixabay.com/) and save them to your images directory.
- Create a subsection for each of your photos. Each subsection should contain the following:
- a short descriptive heading
- a descriptive paragraph that includes a link to a related internet page
- the image
- a list contain at least 2 keywords for the subsection
- For the Skilled Sorcerers & Wise Wizards among you, include header, nav, main, div, and footer elements with appropriate content.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 1. Visit a news website like cnn.com | |
// 2. paste this into your console | |
setInterval(() => | |
document.querySelectorAll('p,img,a,button,h1,h2,h3,span') | |
.forEach(x=>x.style=`transform:rotate(${Math.random()*777}deg) scale(${Math.random()* 3}); transition:all .5s`) | |
, 500); | |
// 3. feel a lil bit better 😘 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>D3 Practice</title> | |
<script src="https://d3js.org/d3.v4.min.js"></script> | |
<style> | |
circle { | |
fill: none; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*******************************/ | |
/* Setting up the examples */ | |
/*******************************/ | |
var whatIsThis = function(a, b) { | |
console.log('This is...', this); | |
console.log('a = ', a); | |
console.log('b = ', b); | |
}; | |
var inAnObject = { |