icons, capitalizations

node/src/documents/elements/icon.html

@@ -159,14 +159,14 @@ type   : 'UI Element'
   <div class="another icon example">
     <h4>Indications</h4>
     <div class="ui eight column grid">
-      <div class="column"><i class="icon cancel circle"></i> Cancel circle</div>
+      <div class="column"><i class="icon cancel circle"></i> Cancel Circle</div>
       <div class="column"><i class="icon asterisk"></i> Asterisk</div>
-      <div class="column"><i class="icon attention circle"></i> Attention circle</div>
+      <div class="column"><i class="icon attention circle"></i> Attention Circle</div>
       <div class="column"><i class="icon attention"></i> Attention</div>
-      <div class="column"><i class="icon empty heart"></i> Empty heart</div>
+      <div class="column"><i class="icon empty heart"></i> Empty Heart</div>
       <div class="column"><i class="icon heart"></i> Heart</div>
-      <div class="column"><i class="icon thumbs down"></i> Thumbs down</div>
-      <div class="column"><i class="icon thumbs up"></i> Thumbs up</div>
+      <div class="column"><i class="icon thumbs down"></i> Thumbs Down</div>
+      <div class="column"><i class="icon thumbs up"></i> Thumbs Up</div>
       <div class="column"><i class="icon terminal"></i> Terminal</div>
       <div class="column"><i class="icon direction"></i> Direction</div>
       
@@ -183,18 +183,18 @@ type   : 'UI Element'
   <div class="another icon example">
     <h4>Symbols</h4>
     <div class="ui eight column grid">
-      <div class="column"><i class="icon left arrow"></i> Left open</div>
-      <div class="column"><i class="icon left triangle"></i> Left triangle</div>
+      <div class="column"><i class="icon left arrow"></i> Left Open</div>
+      <div class="column"><i class="icon left triangle"></i> Left Triangle</div>
       <div class="column"><i class="icon left"></i> Left</div>
       <div class="column"><i class="icon right"></i> Right</div>
-      <div class="column"><i class="icon right triangle"></i> Right triangle</div>
-      <div class="column"><i class="icon right arrow"></i> Right arrow</div>
+      <div class="column"><i class="icon right triangle"></i> Right Triangle</div>
+      <div class="column"><i class="icon right arrow"></i> Right Arrow</div>
       <div class="column"><i class="icon up"></i> Up</div>
-      <div class="column"><i class="icon up triangle"></i> Up triangle</div>
-      <div class="column"><i class="icon up arrow"></i> Up arrow</div>
-      <div class="column"><i class="icon down arrow"></i> Down arrow</div>
-      <div class="column"><i class="icon down triangle"></i> Down triangle</div>
-      <div class="column"><i class="icon down"></i> Down arrow</div>
+      <div class="column"><i class="icon up triangle"></i> Up Triangle</div>
+      <div class="column"><i class="icon up arrow"></i> Up Arrow</div>
+      <div class="column"><i class="icon down arrow"></i> Down Arrow</div>
+      <div class="column"><i class="icon down triangle"></i> Down Triangle</div>
+      <div class="column"><i class="icon down"></i> Down Arrow</div>
       <div class="column"><i class="icon square"></i> Square</div>
       <div class="column"><i class="icon minus"></i> Minus</div>
       <div class="column"><i class="icon plus"></i> Plus</div>

node/src/documents/index.html

@@ -7,7 +7,7 @@ type   : 'Semantic'
 
 <div class="masthead segment">
   <div class="container">
-    <h1><i class="icon th-alt"></i>Semantic UI</h1>
+    <h1><i class="icon globe"></i>Semantic UI</h1>
     <h2><strike>HTML</strike> User interfaces are the DNA of the web.</h2>
     <p>Semantic empowers designers and developers by creating a shared vocabulary for user interfaces.</p>
     

node/src/files/stylesheets/semantic.css

@@ -320,7 +320,7 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
   text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2);
 }
 #example .masthead strike {
-  color: rgba(255, 255, 255, 0.5);
+  color: rgba(0, 0, 0, 0.2);
 }
 #example .masthead h2 {
   font-weight: normal;