diff --git a/README.md b/README.md index 013706a..4f7cdb1 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ # Instructional Thing, Part II Take the [first week's](https://github.com/bfl-itp/syllabus/blob/master/schedule.md#sep-4) offline Instructional Thing assignment online. Modify [`index.html`](index.html), and add any other files you need (CSS, images, etc.) + + +*[Amelia's Lego Breadboard](http://www.inventioninbrooklyn.com/learning/Project2/) diff --git a/amelia.css b/amelia.css new file mode 100644 index 0000000..96aa7db --- /dev/null +++ b/amelia.css @@ -0,0 +1,51 @@ +body { + background-image: url("http://inventioninbrooklyn.com/learning/Lego.jpg"); + background-repeat: repeat; + margin-top: 0px; + margin-bottom:0px; +} + +.main { + margin-left:10%; + margin-right:10%; + background:black; + height:100%; + width:78%; + float:center; + position:absolute; +} + +.textbox { + padding-left:2%; + padding-top:2%; + position: relative; + font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; + color: #FFFFFF; + font-size: 18px; +} + +.listbox { + padding-left:2%; + padding-top:2%; + font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; + color: #FFFFFF; + font-size: 18px; + font-size: 14px; + position: relative; +} + +.videoWrapper { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-left:30%; + padding-top: 25px; + height: 0; +} +.videoWrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + diff --git a/index.html b/index.html index 6257184..510aaec 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,33 @@ - - So-and-so's Instructional Assignment - - - YOUR CODE HERE - - + + + Amelia's Breadboard Lego Instructional Assignment + + + + +
+ +
+ Prototyping your circuits with breadboards and legos: +
+ + Directions: +
  • + pull off adhesive backing of breadboard +
  • + press flat lego onto it +
  • thats it! +
    + + + +
    +
    • +
    +
    + + + + \ No newline at end of file