Skip to content

Instantly share code, notes, and snippets.

@outoftime

outoftime/INSTRUCTIONS.md

Last active September 26, 2017 23:08
Show Gist options
  • Save outoftime/59999564236d59766958618b05845fb2 to your computer and use it in GitHub Desktop.
Save outoftime/59999564236d59766958618b05845fb2 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=59999564236d59766958618b05845fb2
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Wanted Poster: Robbin Robbie</title>
</head>
<body>
<h1> WANTED! </h1>
<h2> "Robbin' Robbie" </h2>
<img src="https://s3.amazonaws.com/after-school-assets/bot.png">
<p> Wanted for stealing CSS properties and values.</p>
<h2> Reward: ScriptEd Swag! </h2>
</body>
</html>
Raw
INSTRUCTIONS.md
  1. Let's change the font of the header to something that looks like it would go on a Wanted poster! (Note: The teacher can show a simple font example, but if time allows, navigate to Google fonts and demonstrate how to imbed a font. "Ewert" is a good example for this activity).
  2. Let's change the size of the image so we can see it.
  3. Let's put a dashed border around the image.
  4. Let's align all text in the center.
Raw
popcode.json
{"hiddenUIComponents":["editor.javascript"]}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment