Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

cleaning up slides, removing stuff we aren't using

  • Loading branch information...
commit 8c6d3e8f77f23253cb6fa4772f4ec8f2870f98c1 1 parent 39e2363
Andy Chung authored
Showing with 71 additions and 76 deletions.
  1. +67 −76 index.html
  2. +4 −0 style.css
View
143 index.html
@@ -79,22 +79,12 @@
<!-- end intro -->
- <!-- slide - begin Andy's intro -->
- <li class="slide">
- <div class="wrapper">
- <div class="vAlign">
- <img class="shadow" src="i/andy.gif">
- </div>
- </div>
- </li>
-
- <!-- end Andy's intro -->
-
<!-- slide - being Alanna's intro -->
<li class="slide alanna">
<div class="wrapper">
<div class="vAlign">
<img src="i/alanna.gif" width="200" height="150" alt="Alanna">
+ <span class="caption mono">Alanna Scott</span>
</div>
</div>
</li>
@@ -132,17 +122,54 @@
</li>
<!-- end Alanna's intro -->
- <!-- slide -->
- <li class="slide">
+
+ <!-- slide - begin Andy's intro -->
+ <li class="slide alanna">
<div class="wrapper">
<div class="vAlign">
- <h2>Why you should care</h2>
- Value Proposition -- protoyping -- understanding the medium -- closer collab -- control over important details
+ <img class="shadow" src="i/andy.gif">
+ <span class="caption mono">Andy Chung</span>
</div>
</div>
</li>
+
+ <!-- end Andy's intro -->
+
<!-- slide -->
- <li class="slide">
+ <li class="slide blue">
+ <div class="wrapper">
+ <div class="vAlign">
+ <h2>Why is coding relevant to design?</h2>
+ </div>
+ </div>
+ </li>
+
+ <li class="slide blue">
+ <div class="wrapper">
+ <div class="vAlign">
+ <p><em>Prototyping</em></p>
+ </div>
+ </div>
+ </li>
+
+ <li class="slide blue">
+ <div class="wrapper">
+ <div class="vAlign">
+ <p><em>Collaboration</em></p>
+ </div>
+ </div>
+ </li>
+
+ <li class="slide blue">
+ <div class="wrapper">
+ <div class="vAlign">
+ <p><em>Attention to detail</em></p>
+ </div>
+ </div>
+ </li>
+
+ <!-- slide - beging HTML slides -->
+ <li class="slide yellow">
<div class="wrapper">
<div class="vAlign">
<h2>What is HTML</h2>
@@ -151,101 +178,65 @@
</div>
</div>
</li>
- <li class="slide">
+ <li class="slide yellow">
<div class="wrapper">
<div class="vAlign">
<p>HTML is the content and structure of your page</p>
<p>(putting <em>content</em> in <em>containers</em>)</p>
- <pre class="mono">
+<pre class="mono">
&lt;div&gt;
- This is content inside a container.
+ This is content inside a container.
&lt;/div&gt;
- </pre>
+</pre>
</div>
</div>
</li>
- <li class="slide">
+ <li class="slide yellow">
<div class="wrapper">
<div class="vAlign">
<p>It is a markup language comprised of tags</p>
- <pre class="mono">
+<pre class="mono">
&lt;div&gt;
- Tags are like containers.
+ Tags are like containers.
&lt;/div&gt;
- </pre>
+</pre>
</div>
</div>
</li>
- <li class="slide">
+ <li class="slide yellow">
<div class="wrapper">
<div class="vAlign">
<p>Tags help to organize different types of content</p>
- <pre class="mono">
+<pre class="mono">
&lt;div&gt;
- &lt;p&gt;
- Different types of tags are good
- for different types of content.
- &lt;/p&gt;
-
- &lt;h1&gt;This is a heading&lt;/h1&gt;
+ &lt;p&gt;
+ Different types of tags are good
+ for different types of content.
+ &lt;/p&gt;
- &lt;ol&gt;
- &lt;li&gt;this&lt;/li&gt;
- &lt;li&gt;is&lt;/li&gt;
- &lt;li&gt;a&lt;/li&gt;
- &lt;li&gt;list&lt;/li&gt;
- &lt;ol&gt;
+ &lt;h1&gt;This is a heading&lt;/h1&gt;
+ &lt;ol&gt;
+ &lt;li&gt;this&lt;/li&gt;
+ &lt;li&gt;is&lt;/li&gt;
+ &lt;li&gt;a&lt;/li&gt;
+ &lt;li&gt;list&lt;/li&gt;
+ &lt;ol&gt;
&lt;/div&gt;
- </pre>
+</pre>
</div>
</div>
</li>
-
- <!-- slide -->
- <li class="slide">
+ <li class="slide yellow">
<div class="wrapper">
<div class="vAlign">
- use js fiddle to show examples of tags
-
- <h2>My Shopping List</h2>
- <div id="breakfast">
- <h2>Breakfast</h2>
- <ol>
- <li>Eggs</li>
- <li>Bacon</li>
- <li>Bread</li>
- </ol>
- </div>
- <div id="lunch">
- <h2>Lunch</h2>
- <ol>
- <li>Chicken</li>
- <li>Tomato</li>
- <li>Lettuce</li>
- <li>Avocado</li>
- </ol>
- </div>
-
+ <h2>Demo time!</h2>
</div>
</div>
</li>
<!-- slide - beging CSS intro -->
-
- <!--
- <ul>
- <li>CSS defines the style of your HTML, this means colors, typography, and layout</li>
- <li>We learned HTML is comprised of tags, CSS is comprised of properties which apply to those tags</li>
- <li>selector vs. property</li>
- <li>what is a selector</li>
- <li>basic css properties: color, font-size, line-height, font-weight</li>
-
- <li><a href="http://www.htmldog.com/reference/cssproperties/">http://www.htmldog.com/reference/cssproperties/</a></li>
- </ul>
- -->
-
<li class="slide green">
<div class="wrapper">
<div class="vAlign">
View
4 style.css
@@ -67,6 +67,10 @@ a {
background-color: #FFFF99;
}
+.blue {
+ background-color: #D9F0FF;
+}
+
.alanna {
background: #d7d7d7;
}
Please sign in to comment.
Something went wrong with that request. Please try again.