Permalink
Browse files

Finishing touches

  • Loading branch information...
1 parent 382b88d commit ba02e20cde91de2fd91eb80f33ba9ddf9f088f67 @gordonbrander committed Jun 17, 2010
Showing with 13 additions and 4 deletions.
  1. +13 −1 trunk/README.mdown
  2. +0 −1 trunk/css/screen.css
  3. +0 −2 trunk/index.html
View
@@ -1,13 +1,25 @@
2010-06 BDW Semantics Class
====================================
-Semantics exercise for [BDW][1] students. Take the following code and re-factor it.
+Semantics exercise for [BDW][1] students. Open the following code in a text editor (like TextWrangler) and re-factor it.
- 1 point for every classname changed
- 5 points for every [Microformat][2] implemented
- 3 points for changing colors/design
May the best team win!
+IMPORTANT TIP: Use your text-editor's global search feature.
+
[1]: http://bdw.colorado.edu/
[2]: http://microformats.org/wiki/Main_Page
+
+
+Part 2
+----------------
+
+After re-naming code, add this to the `<head>` of your document:
+
+ <link rel="stylesheet" href="css/small-screen.css" type="text/css" media="only screen and (max-width: 500px)" />
+
+If you used your global search feature, this should work beautifully.
@@ -99,7 +99,6 @@ h1.big-text {
*display: inline;
width: 30%; /* (270px at max width) */
margin: 20px 1%; /* 30px at max width) */
- max-width: 500px;
vertical-align: top;
}
.text-thingy .medium-text {
View
@@ -8,10 +8,8 @@
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no" />
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="css/small-screen.css" type="text/css" media="only screen and (max-width: 480px)" />
<!--[if lt IE 9]>
- <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>

0 comments on commit ba02e20

Please sign in to comment.