├── 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 |
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 |
16 |
17 |
18 |
Bands
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
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 |
16 |
17 |
18 |
Contact
19 |
20 |
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 |
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 |
29 | Jack Smith - Vocals
30 | Sarah Quan - Guitar
31 | Laverne Butlet - Bass
32 | Simon St. Hollister - Drums
33 |
34 |
35 |
Albums
36 |
37 |
38 |
Top, Right, Bottom, Left
39 |
40 |
41 |
42 |
43 | The Last
44 | Downtown
45 | Yellow Carpet
46 | Rocket to Mars
47 | Walk, not Run
48 | Design
49 | Shopping Cart
50 | Our Gift to You
51 |
52 |
53 |
54 |
55 |
Opacity Zero
56 |
57 |
58 |
59 |
60 | Visible/Invisible
61 | Car Trip
62 | AFK
63 | Up and Up
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 |
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 |
26 | Rekt - Vocals
27 | Face-like - Vocals
28 | DJ Regex Capture - Decks
29 |
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 |
38 |
39 | July 16th, 2014 @ 7:00pm
40 | House of Blues - Orlando, FL
41 |
42 |
43 | July 17th, 2014 @ 7:30pm
44 | Jannus Landing - Tampa, FL
45 |
46 |
47 | July 19th, 2014 @ 8:00pm
48 | The Tabernacle - Atlanta, GA
49 |
50 |
51 | July 20th, 2014 @ 7:30pm
52 | 40 Watt Club - Athens, GA
53 |
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/RecipeWorld/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
14 |
15 |
Home
16 |
17 |
Featured: Magic Cake
18 |
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 |
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 |
20 | 2 eggs
21 | 1 pound of sugar
22 | 3 sticks of butter
23 |
24 |
Directions
25 |
26 | Mix eggs, sugar, and butter in
27 | a large bowl.
28 | Spread into a non-stick dish
29 | Bake at 350 degrees for 1 hour
30 | Let sit at room temperature for 20
31 | minutes
32 | Eat and enjoy!
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 |
14 |
15 |
Recipes
16 |
17 |
18 |
19 |
20 | This is a dangerously delicious cake.
21 |
22 |
23 |
24 |
25 | It's always taco night somewhere!
26 |
27 |
28 |
29 |
30 | Omelette you in on a little secret - this is one tasty egg.
31 |
32 |
33 |
34 |
35 | It's a sandwich. That's all we can really say right now.
36 |
37 |
38 |
39 |
42 |
43 |
--------------------------------------------------------------------------------
/RecipeWorld/suggest.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
14 |
15 |
Suggest
16 |
17 | Recipe Name
18 |
19 | Ingredients
20 |
21 | Your Name
22 |
23 | Your Email
24 |
25 | Get Newsletter?
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 |
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 |
21 |
22 |
Badges I've Earned
23 |
45 |
46 |
47 |
Articles I've Written
48 |
55 |
56 |
57 |
Skills I Have
58 |
59 | Objective-C
60 | Swift
61 | HTML
62 | CSS
63 | JavaScript
64 | Git
65 |
66 |
67 |
70 |
71 |
72 |
--------------------------------------------------------------------------------