├── OpenSourceRecords ├── about.html ├── bands.html ├── contact.html ├── images │ ├── bg-content.png │ ├── bg-header.png │ ├── bg-tile.png │ ├── osr-logo.png │ ├── prependers-logo.jpg │ ├── prependers-logo@2x.jpg │ ├── prependers-recording.jpg │ ├── prependers │ │ ├── opacity-zero.jpg │ │ ├── opacity-zero@2x.jpg │ │ ├── top-right-bottom-left.jpg │ │ └── top-right-bottom-left@2x.jpg │ ├── regular-logo.jpg │ └── regular-logo@2x.jpg ├── main.css ├── prependers-band.html └── regular-band.html ├── RecipeWorld ├── home.html ├── images │ ├── crossword.png │ ├── featured-cake.png │ ├── florida-omelette.jpg │ ├── florida-omelette@2x.jpg │ ├── green-gobbler-smaller.png │ ├── green_gobbler.png │ ├── logo.png │ ├── magic-cake-featured.jpg │ ├── magic-cake-featured@2x.jpg │ ├── magic-cake1.jpg │ ├── magic-cake1@2x.jpg │ ├── magic-cake2.jpg │ ├── magic-cake2@2x.jpg │ ├── magic-cake3.jpg │ ├── magic-cake3@2x.jpg │ ├── mystery-wich.jpg │ ├── mystery-wich@2x.jpg │ ├── stardust.png │ ├── stardust_@2X.png │ ├── tacosaurus-mex.jpg │ └── tacosaurus-mex@2x.jpg ├── legal.html ├── magic-cake.html ├── main.css ├── recipes.html └── suggest.html └── SoupToBits ├── README.md ├── content.txt ├── images ├── badges │ ├── core-ios-7@2x.png │ ├── ios-operation-models@2x.png │ ├── small │ │ ├── core-ios-7@2x.png │ │ ├── ios-operation-models@2x.png │ │ ├── try-ios@2x.png │ │ └── try-objective-c@2x.png │ ├── try-ios@2x.png │ └── try-objective-c@2x.png └── projects │ ├── core-ios-7-banner.png │ ├── try-ios-banner.png │ └── try-objective-c-banner.png ├── main.css └── soup-to-bits.html /OpenSourceRecords/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | Open Source Records logo 9 | 10 | 15 |
16 | 17 |
18 |

About

19 | 20 |

Open Source Records is a quickly growing record label that brings you the hottest up-and-coming groups. All of our bands are actively recording and touring, and receive our full support producing, recording, mixing, touring, and promoting their work. At Open Source Records, artists come first.

21 | 22 |
23 |

Recording Album Now!

24 |
25 |
26 | 27 | -------------------------------------------------------------------------------- /OpenSourceRecords/bands.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | Open Source Records logo 9 | 10 | 15 |
16 | 17 |
18 |

Bands

19 | 20 | 30 | 31 |

We're always looking for new talent, so Contact us now!

32 |
33 | 34 | -------------------------------------------------------------------------------- /OpenSourceRecords/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | Open Source Records logo 9 | 10 | 15 |
16 | 17 |
18 |

Contact

19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 |
30 | 31 | -------------------------------------------------------------------------------- /OpenSourceRecords/images/bg-content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/bg-content.png -------------------------------------------------------------------------------- /OpenSourceRecords/images/bg-header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/bg-header.png -------------------------------------------------------------------------------- /OpenSourceRecords/images/bg-tile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/bg-tile.png -------------------------------------------------------------------------------- /OpenSourceRecords/images/osr-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/osr-logo.png -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers-logo.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers-logo@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers-logo@2x.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers-recording.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers-recording.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers/opacity-zero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers/opacity-zero.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers/opacity-zero@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers/opacity-zero@2x.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers/top-right-bottom-left.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers/top-right-bottom-left.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/prependers/top-right-bottom-left@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/prependers/top-right-bottom-left@2x.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/regular-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/regular-logo.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/images/regular-logo@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/OpenSourceRecords/images/regular-logo@2x.jpg -------------------------------------------------------------------------------- /OpenSourceRecords/main.css: -------------------------------------------------------------------------------- 1 | html, body, h1, h2, h3, h4, ul, ol, li, p, a { 2 | padding: 0; 3 | border: 0; 4 | margin: 0; 5 | font: inherit; 6 | font-size: 100%; 7 | } 8 | h1 { 9 | color: #000000; 10 | margin: 15px 0 15px; 11 | text-align: center; 12 | font-family: Verdana, sans-serif; 13 | font-size: 32px; 14 | font-weight: bold; 15 | } 16 | h2 { 17 | color: #333333; 18 | margin: 20px 0 5px 0; 19 | border-bottom: 1px solid #aaaaaa; 20 | padding: 2px; 21 | font-family: Verdana, sans-serif; 22 | font-size: 26px; 23 | font-weight: bold; 24 | } 25 | h3 { 26 | color: #666666; 27 | margin: 10px 0 10px 0; 28 | font-family: Verdana, sans-serif; 29 | font-size: 18px; 30 | } 31 | p { 32 | color: #444444; 33 | margin: 0 0 10px 0; 34 | line-height: 24px; 35 | } 36 | a { 37 | color: #440000; 38 | } 39 | ul { 40 | padding: 0 0 0 30px; 41 | } 42 | li { 43 | margin-bottom: 5px; 44 | line-height: 22px; 45 | } 46 | body { 47 | padding: 0; 48 | background: #555555 url(images/bg-tile.png) top left repeat; 49 | font-family: Garamond, serif; 50 | font-size: 16px; 51 | } 52 | ol { 53 | padding: 0 0 0 20px; 54 | } 55 | .nav { 56 | padding: 0; 57 | text-align: center; 58 | } 59 | .nav li { 60 | display: inline; 61 | padding-right: 20px; 62 | } 63 | .nav li:last-child { 64 | padding-right: 0; 65 | } 66 | .nav a { 67 | color: #ee932a; 68 | } 69 | .day-time { 70 | color: #444444; 71 | margin: 0 0 3px 0; 72 | } 73 | .concert-location { 74 | color: #888888; 75 | margin: 0 0 15px 0; 76 | } 77 | .header { 78 | padding: 15px; 79 | background: #242424 url(images/bg-header.png) top center no-repeat; 80 | } 81 | .content-section { 82 | padding: 15px; 83 | width: 450px; 84 | margin: 0 auto; 85 | background: #ffffff url(images/bg-content.png) top left repeat; 86 | } 87 | .album { 88 | border: 2px dashed #bbbbbb; 89 | padding: 5px 10px 5px 10px; 90 | margin-bottom: 5px; 91 | background-color: #ffffff; 92 | } 93 | .band-list { 94 | list-style-type: none; 95 | padding-left: 0; 96 | } 97 | .band-list h2 { 98 | border-bottom: 0; 99 | margin: 0; 100 | } 101 | .band-list a { 102 | text-decoration: none; 103 | color: #ff2244; 104 | } 105 | .band-list li { 106 | border: 1px solid #555555; 107 | background-color: #ffffff; 108 | height: 120px; 109 | } 110 | .header img { 111 | margin: 0 auto 15px auto; 112 | display: block; 113 | } 114 | .recording-now { 115 | width: 440px; 116 | height: 200px; 117 | background: #ffffff url(images/prependers-recording.jpg) center center no-repeat; 118 | border: 1px solid #ee932a; 119 | padding: 4px 4px 4px 4px; 120 | } 121 | .recording-now p { 122 | color: #ffffff; 123 | font-size: 28px; 124 | } 125 | .band-list img { 126 | float: left; 127 | padding-right: 15px; 128 | } 129 | .album img { 130 | float: right; 131 | } 132 | input { 133 | display: block; 134 | margin-bottom: 0 0 15px 0; 135 | font-size: 20px; 136 | } 137 | label { 138 | display: block; 139 | font-weight: bold; 140 | } 141 | textarea { 142 | display: block; 143 | margin-bottom: 0 0 15px 0; 144 | width: 445px; 145 | font-size: 20px; 146 | } 147 | input[type=submit] { 148 | width: 165px; 149 | } 150 | input[type="checkbox"], label[for=on-tour] { 151 | display: inline; 152 | } 153 | input { 154 | display: block; 155 | margin-bottom: 0 0 15px 0; 156 | font-size: 20px; 157 | } 158 | input[type=text] { 159 | width: 445px; 160 | } -------------------------------------------------------------------------------- /OpenSourceRecords/prependers-band.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | Open Source Records logo 9 | 10 | 15 |
16 | 17 |
18 |

The Prependers

19 | 20 |

Bio

21 | 22 |

The Prependers are a quirky four-piece from Orlando, FL. Critics have hailed them as the greatest post-garage-rock band of the last decade.

23 | 24 |

They are currently writing a full length album that's a follow-up to their breakout 2011 album, Top Right Bottom Left, and their critically acclaimed EP, Opacity Zero.

25 | 26 |

Members

27 | 28 | 34 | 35 |

Albums

36 | 37 |
38 |

Top, Right, Bottom, Left

39 | 40 | Top Right Bottom Left album cover 41 | 42 |
    43 |
  1. The Last
  2. 44 |
  3. Downtown
  4. 45 |
  5. Yellow Carpet
  6. 46 |
  7. Rocket to Mars
  8. 47 |
  9. Walk, not Run
  10. 48 |
  11. Design
  12. 49 |
  13. Shopping Cart
  14. 50 |
  15. Our Gift to You
  16. 51 |
52 |
53 | 54 |
55 |

Opacity Zero

56 | 57 | Opacity Zero album cover 58 | 59 |
    60 |
  1. Visible/Invisible
  2. 61 |
  3. Car Trip
  4. 62 |
  5. AFK
  6. 63 |
  7. Up and Up
  8. 64 |
65 |
66 | 67 |

Tour Dates

68 | 69 |

The Prependers are not currently on tour because they are recording their new album. Check back later!

70 |
71 | 72 | -------------------------------------------------------------------------------- /OpenSourceRecords/regular-band.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | Open Source Records logo 9 | 10 | 15 |
16 | 17 |
18 |

Regular Expressions

19 | 20 |

Bio

21 |

Regular Expressionists are a hip-hop trio from New York City.

22 | 23 |

Members

24 | 25 | 30 | 31 |

Albums

32 | 33 |

This group has no albums released, but they are recording one album right now.

34 | 35 |

Tour Dates

36 | 37 | 55 |
56 | 57 | -------------------------------------------------------------------------------- /RecipeWorld/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | Recipe World Logo 8 | 13 |
14 |
15 |

Home

16 | 19 |
20 | 23 | 24 | -------------------------------------------------------------------------------- /RecipeWorld/images/crossword.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/crossword.png -------------------------------------------------------------------------------- /RecipeWorld/images/featured-cake.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/featured-cake.png -------------------------------------------------------------------------------- /RecipeWorld/images/florida-omelette.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/florida-omelette.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/florida-omelette@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/florida-omelette@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/green-gobbler-smaller.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/green-gobbler-smaller.png -------------------------------------------------------------------------------- /RecipeWorld/images/green_gobbler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/green_gobbler.png -------------------------------------------------------------------------------- /RecipeWorld/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/logo.png -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake-featured.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake-featured.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake-featured@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake-featured@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake1.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake1@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake1@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake2.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake2@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake2@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake3.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/magic-cake3@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/magic-cake3@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/mystery-wich.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/mystery-wich.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/mystery-wich@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/mystery-wich@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/stardust.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/stardust.png -------------------------------------------------------------------------------- /RecipeWorld/images/stardust_@2X.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/stardust_@2X.png -------------------------------------------------------------------------------- /RecipeWorld/images/tacosaurus-mex.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/tacosaurus-mex.jpg -------------------------------------------------------------------------------- /RecipeWorld/images/tacosaurus-mex@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/RecipeWorld/images/tacosaurus-mex@2x.jpg -------------------------------------------------------------------------------- /RecipeWorld/legal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |

Recipe World

6 |

Legal Disclaimer

7 |

The recipes found on this site are for informational purposes only. Recipe World is not responsible for any damage or harm that results from following any of the directions or consuming any of the foods listed on this site. Thanks for understanding.

8 | 9 | -------------------------------------------------------------------------------- /RecipeWorld/magic-cake.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | Recipe World Logo 8 | 13 |
14 |
15 |

Magic Cake

16 |

Magic Cake is one of the tastiest cakes the world has ever known. Few have tried it and lived to tell about it, and these are their stories.

17 |

We also need to stress that whatever happens to you as a result of consuming Magic Cake is your responsibility. You've been warned, and you can view our legal page for more information.

18 |

Ingredients

19 | 24 |

Directions

25 |
    26 |
  1. Mix eggs, sugar, and butter in 27 | a large bowl.
  2. 28 |
  3. Spread into a non-stick dish
  4. 29 |
  5. Bake at 350 degrees for 1 hour
  6. 30 |
  7. Let sit at room temperature for 20 31 | minutes
  8. 32 |
  9. Eat and enjoy!
  10. 33 |
34 |

Your Photos

35 | 40 |
41 | 44 | 45 | -------------------------------------------------------------------------------- /RecipeWorld/main.css: -------------------------------------------------------------------------------- 1 | html, body, h1, h2, h3, p, ol, ul, li, a { 2 | padding: 0; 3 | border: 0; 4 | margin: 0; 5 | font-size: 100%; 6 | font: inherit; 7 | } 8 | body { 9 | padding: 0 0 0 0; 10 | background-color: #ffffff; 11 | background-image: url(images/stardust.png); 12 | background-position: top left; 13 | background-repeat: repeat; 14 | font-family: Helvetica, Arial, sans-serif; 15 | } 16 | a, a:visited, a:link, a:active { 17 | color: #0000EE; 18 | text-decoration: none; 19 | } 20 | a:hover { 21 | text-decoration: underline; 22 | color: darkred; 23 | } 24 | h1, h2, h3 { 25 | color: #72b39e; 26 | } 27 | h1 { 28 | color: #ffffff; 29 | margin: 10px 0 15px 0; 30 | text-align: center; 31 | } 32 | h2 { 33 | margin: 10px 0 20px 0; 34 | text-align: center; 35 | font-size: 26px; 36 | font-weight: bold; 37 | } 38 | h3 { 39 | margin: 15px 0 15px 0; 40 | border-bottom: 1px solid #CCCCCC; 41 | padding-bottom: 3px; 42 | font-size: 18px; 43 | font-weight: bold; 44 | } 45 | ul { 46 | padding: 0 0 0 50px; 47 | } 48 | ul li { 49 | margin: 0 0 5px 0; 50 | } 51 | ol { 52 | padding: 0 0 0 50px; 53 | } 54 | .nav { 55 | padding-left: 0; 56 | margin: 5px 0 20px 0; 57 | text-align: center; 58 | } 59 | .nav li { 60 | display: inline; 61 | padding-right: 10px; 62 | } 63 | .nav li:last-child { 64 | padding-right: 0; 65 | } 66 | .recipes { 67 | list-style-type: none; 68 | padding: 0; 69 | } 70 | .recipes li { 71 | border: 1px solid #b56663; 72 | background-color: #ffffff; 73 | height: 90px; 74 | } 75 | .recipes h3 { 76 | border-bottom: 0; 77 | margin-bottom: 5px; 78 | } 79 | .recipes a { 80 | color: #7facaa; 81 | text-decoration: none; 82 | } 83 | .recipes img { 84 | float: left; 85 | padding-right: 11px; 86 | } 87 | .header { 88 | padding: 10px 10px 10px 10px; 89 | background-color: #b56663; 90 | } 91 | .header a { 92 | color: #ffffff; 93 | } 94 | .header img { 95 | display: block; 96 | margin: 0 auto 0 auto; 97 | } 98 | .main-content { 99 | width: 500px; 100 | padding: 20px 20px 20px 20px; 101 | border: 1px solid #dddddd; 102 | margin: 30px auto 0 auto; 103 | background: #ffffff url(images/crossword.png) top left repeat; 104 | } 105 | .main-content p { 106 | line-height: 26px; 107 | } 108 | .photos { 109 | list-style-type: none; 110 | padding: 0; 111 | } 112 | .photos li { 113 | display: inline; 114 | padding-left: 11px; 115 | } 116 | .featured-image { 117 | width: 500px; 118 | height: 195px; 119 | background: #ffffff url(images/featured-cake.png) top left no-repeat; 120 | } 121 | .featured-image h3 { 122 | margin: 0; 123 | background-color: #333333; 124 | color: #ffffff; 125 | padding: 5px 0 5px 15px; 126 | text-transform: uppercase; 127 | } 128 | .footer { 129 | margin-top: 20px; 130 | } 131 | .footer p { 132 | color: #aaaaaa; 133 | text-align: center; 134 | font-weight: bold; 135 | font-size: 12px; 136 | font-style: italic; 137 | text-transform: uppercase; 138 | } 139 | label, input { 140 | display: block; 141 | } 142 | label { 143 | margin-bottom: 10px; 144 | } 145 | input { 146 | width: 500px; 147 | margin-bottom: 25px; 148 | } 149 | input[type=submit] { 150 | width: 120px; 151 | font-size: 30px; 152 | } 153 | input[type=text] { 154 | border: 2px solid #7facaa; 155 | font-size: 24px; 156 | padding: 7px; 157 | } 158 | textarea { 159 | width: 500px; 160 | height: 400px; 161 | padding: 7px; 162 | border: 2px solid #7facaa; 163 | margin-bottom: 25px; 164 | font-size: 24px; 165 | } 166 | input[type=checkbox], label[for=newsletter] { 167 | width: 100px; 168 | display: inline; 169 | } -------------------------------------------------------------------------------- /RecipeWorld/recipes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | Recipe World Logo 8 | 13 |
14 |
15 |

Recipes

16 | 38 |
39 | 42 | 43 | -------------------------------------------------------------------------------- /RecipeWorld/suggest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | Recipe World Logo 8 | 13 |
14 |
15 |

Suggest

16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 |
30 | 33 | 34 | -------------------------------------------------------------------------------- /SoupToBits/README.md: -------------------------------------------------------------------------------- 1 | # Front-end Foundations Watch Us Build 2 | 3 | *We changed the name of this series to "Watch Us Build," so you may see an occasional reference to its former name ("Soup to Bits") in this repository.* 4 | 5 | Drew and Jon created a simple portfolio website with HTML, CSS, and a few images in the [Watch Us Build episode](https://www.codeschool.com/screencasts/build-a-portfolio-web-page-with-html-and-css) for the [Front-end Foundations course](https://www.codeschool.com/courses/front-end-foundations) on [Code School](http://codeschool.com). 6 | 7 | This repo contains the final source code as shown at the end of the episode. 8 | -------------------------------------------------------------------------------- /SoupToBits/content.txt: -------------------------------------------------------------------------------- 1 | Jon Friskics 2 | 3 | 4 | I'm an iOS Developer and Educator who works at Code School helping build the best way to learn to code. 5 | 6 | 7 | Try iOS (released November 2012), Try Objective-C (released March 2013), Core iOS 7 (released September 2013) 8 | 9 | 10 | Try iOS, Try Objective-C, iOS Operation: Models, Core iOS 7 11 | 12 | 13 | - Learning Auto Layout in Core iOS 7 https://www.codeschool.com/blog/2013/11/13/learning-auto-layout-in-core-ios-7/ 14 | - Optimized for iOS 7 https://www.codeschool.com/blog/2013/12/20/optimized-for-ios-7/ 15 | - (Early) thoughts on Swift, Apple's new programming language http://blog.codeschool.com/post/87704128233/early-thoughts-on-swift-apples-new-programming 16 | - How Apple's new programming language will impact your company http://www.bizjournals.com/orlando/blog/2014/06/how-apples-new-programming-language-will-impact.html?page=all 17 | - Swift is great, but you should still know Objective-C first http://venturebeat.com/2014/06/07/swift-is-great-but-you-should-still-know-objective-c-first/ 18 | 19 | 20 | - Objective-C 21 | - Swift 22 | - HTML 23 | - CSS 24 | - JavaScript 25 | - git 26 | 27 | 28 | jon@codeschool.com -------------------------------------------------------------------------------- /SoupToBits/images/badges/core-ios-7@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/core-ios-7@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/ios-operation-models@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/ios-operation-models@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/small/core-ios-7@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/small/core-ios-7@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/small/ios-operation-models@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/small/ios-operation-models@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/small/try-ios@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/small/try-ios@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/small/try-objective-c@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/small/try-objective-c@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/try-ios@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/try-ios@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/badges/try-objective-c@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/badges/try-objective-c@2x.png -------------------------------------------------------------------------------- /SoupToBits/images/projects/core-ios-7-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/projects/core-ios-7-banner.png -------------------------------------------------------------------------------- /SoupToBits/images/projects/try-ios-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/projects/try-ios-banner.png -------------------------------------------------------------------------------- /SoupToBits/images/projects/try-objective-c-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeschool/WatchUsBuild-PortfolioWithHTMLAndCSS/2b49c9b2c5b16f05932d40fdd8751b704042b6ce/SoupToBits/images/projects/try-objective-c-banner.png -------------------------------------------------------------------------------- /SoupToBits/main.css: -------------------------------------------------------------------------------- 1 | /* main.css */ 2 | 3 | html, body, h1, h2, h3, h4, p, div, ul, ol, li { 4 | padding: 0; 5 | border: 0; 6 | margin: 0; 7 | font: inherit; 8 | font-size: 100%; 9 | } 10 | h1 { 11 | font-family: "Helvetica Neue", Helvetica, sans-serif; 12 | font-size: 70px; 13 | font-weight: bold; 14 | text-align: center; 15 | } 16 | h2 { 17 | font-family: "Helvetica Neue", Helvetica, sans-serif; 18 | font-size: 30px; 19 | font-weight: 100; 20 | text-align: center; 21 | color: #ffffff; 22 | width: 700px; 23 | margin: 0 auto 0 auto; 24 | } 25 | h2 strong { 26 | font-weight: 400; 27 | } 28 | .header { 29 | background-color: #999999; 30 | } 31 | h3 { 32 | font-family: "Helvetica Neue", Helvetica, sans-serif; 33 | font-size: 28px; 34 | font-weight: normal; 35 | text-align: center; 36 | border-bottom: 1px solid #555555; 37 | margin: 20px 0 20px 0; 38 | } 39 | p { 40 | font-family: "Helvetica Neue", Helvetica, sans-serif; 41 | font-size: 18px; 42 | } 43 | a { 44 | font-family: "Helvetica Neue", Helvetica, sans-serif; 45 | font-size: 16px; 46 | font-weight: bold; 47 | text-decoration: none; 48 | color: #000000; 49 | } 50 | a:hover { 51 | color: #aa0000; 52 | text-decoration: underline; 53 | } 54 | .tagline { 55 | background-color: #000000; 56 | padding: 20px 0 20px 0; 57 | } 58 | .projects, .badges, .articles, .skills { 59 | width: 700px; 60 | margin: 0 auto; 61 | } 62 | .projects ul, .badges ul, .articles ul, .skills ul { 63 | list-style-type: none; 64 | } 65 | .projects li, .badges li, .articles li, .skills li { 66 | margin-bottom: 10px; 67 | } 68 | .badges img { 69 | float: left; 70 | padding-right: 10px; 71 | } 72 | .skills { 73 | margin-bottom: 20px; 74 | } 75 | .skills li { 76 | font-family: "Helvetica Neue", Helvetica, sans-serif; 77 | font-weight: bold; 78 | background-color: #444444; 79 | color: #cccccc; 80 | display: inline; 81 | padding: 8px 8px 8px 8px; 82 | margin-right: 10px; 83 | } 84 | .footer { 85 | background-color: #999999; 86 | text-align: center; 87 | padding: 20px 0 20px 0; 88 | } -------------------------------------------------------------------------------- /SoupToBits/soup-to-bits.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 |

Jon Friskics

9 |
10 |
11 |

I'm an iOS Developer and Educator who works at Code School helping build the best way to learn to code.

12 |
13 |
14 |

Projects

15 | 20 |
21 |
22 |

Badges I've Earned

23 | 45 |
46 |
47 |

Articles I've Written

48 | 55 |
56 |
57 |

Skills I Have

58 | 66 |
67 | 70 | 71 | 72 | --------------------------------------------------------------------------------