Update Semantic

Fixes #40,#24

web/semantic/test/fixtures/accordion.html

@@ -0,0 +1,24 @@
+<div class="ui accordion">
+  <div class="active title">
+    <i class="dropdown icon"></i>
+    What is a dog?
+  </div>
+  <div class="active content">
+    <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
+  </div>
+  <div class="title">
+    <i class="dropdown icon"></i>
+    What kinds of dogs are there?
+  </div>
+  <div class="content">
+    <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
+  </div>
+  <div class="title">
+    <i class="dropdown icon"></i>
+    How do you acquire a dog?
+  </div>
+  <div class="content">
+    <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
+    <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
+  </div>
+</div>

web/semantic/test/fixtures/checkbox.html

@@ -0,0 +1,46 @@
+<div class="ui form">
+  <div class="grouped inline fields">
+    <div class="field">
+      <div class="ui radio checkbox">
+        <input type="radio" name="fruit" checked="checked" />
+        <label>Apples</label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="ui radio checkbox">
+        <input type="radio" name="fruit" />
+        <label>Oranges</label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="ui radio checkbox">
+        <input type="radio" name="fruit" />
+        <label>Pears</label>
+      </div>
+    </div>
+    <div class="field">
+      <div class="ui radio checkbox">
+        <input type="radio" name="fruit" />
+        <label>Grapefruit</label>
+      </div>
+    </div>
+  </div>
+  <div class="field">
+    <div class="ui checkbox">
+      <input type="checkbox">
+      <label>Poodle</label>
+    </div>
+  </div>
+  <div class="field">
+    <div class="ui toggle checkbox">
+      <input type="checkbox" name="pet" />
+      <label>Allow other people to pet my dog</label>
+    </div>
+  </div>
+  <div class="field">
+    <div class="ui slider checkbox">
+      <input type="checkbox" name="pet" />
+      <label>Allow other people to pet my dog</label>
+    </div>
+  </div>
+</div>

web/semantic/test/fixtures/dropdown.html

@@ -0,0 +1,9 @@
+<div class="ui selection dropdown">
+  <input type="hidden" name="gender">
+  <i class="dropdown icon"></i>
+  <div class="default text">Gender</div>
+  <div class="menu">
+    <div class="item" data-value="male">Male</div>
+    <div class="item" data-value="female">Female</div>
+  </div>
+</div>

web/semantic/test/fixtures/modal.html

@@ -0,0 +1,25 @@
+<div class="ui test modal">
+  <i class="close icon"></i>
+  <div class="header">
+    Profile Picture
+  </div>
+  <div class="content">
+    <div class="left">
+      <img class="ui fluid image">
+    </div>
+    <div class="right">
+      <div class="ui header">Are you sure you want to upload that?</div>
+      <p>I mean it's not really the best profile photo.</p>
+      <p>It's resampled to like two times the size it's suppose to be. Our image detection software also says it might even be inappropriate.</p>
+    </div>
+  </div>
+  <div class="actions">
+    <div class="ui black button">
+      Cancel
+    </div>
+    <div class="ui green right labeled icon button">
+      Add Photo
+      <i class="checkmark icon"></i>
+    </div>
+  </div>
+</div>

web/semantic/test/fixtures/popup.html

@@ -0,0 +1,8 @@
+<i class="circular heart icon link" data-content="Top Left" data-position="top left"></i>
+<i class="circular heart icon link" data-content="Top Center" data-position="top center"></i>
+<i class="circular heart icon link" data-content="Top Right" data-position="top right"></i>
+<i class="circular heart icon link" data-content="Left Center" data-position="left center"></i>
+<i class="circular heart icon link" data-content="Right Center" data-position="right center"></i>
+<i class="circular heart icon link" data-content="Bottom Left" data-position="bottom left"></i>
+<i class="circular heart icon link" data-content="Bottom Center" data-position="bottom center"></i>
+<i class="circular heart icon link" data-content="Bottom Right" data-position="bottom right"></i>

web/semantic/test/fixtures/rating.html

@@ -0,0 +1,7 @@
+<div class="ui star rating">
+  <i class="icon"></i>
+  <i class="icon"></i>
+  <i class="icon"></i>
+  <i class="icon"></i>
+  <i class="icon"></i>
+</div>

web/semantic/test/fixtures/shape.html

@@ -0,0 +1,7 @@
+<div class="ui shape">
+  <div class="sides">
+    <div class="active side">This side is visible.</div>
+    <div class="side">This side is not visible.</div>
+    <div class="side">This side is not visible.</div>
+  </div>
+</div>

web/semantic/test/fixtures/sidebar.html

@@ -0,0 +1,25 @@
+<div class="ui red vertical demo sidebar menu">
+  <a class="item">
+    <i class="home icon"></i>
+    Home
+  </a>
+  <a class="active item">
+    <i class="heart icon"></i>
+    Current Section
+  </a>
+  <a class="item">
+    <i class="facebook icon"></i>
+    Like us on Facebook
+  </a>
+  <div class="item">
+    <b>More</b>
+    <div class="menu">
+      <a class="item">About</a>
+      <a class="item">Contact Us</a>
+    </div>
+  </div>
+</div>
+<div class="ui disabled teal toggle button">
+  <i class="left arrow icon"></i>
+  Trigger Sidebar
+</div>

web/semantic/test/fixtures/tab.html

@@ -0,0 +1,8 @@
+<div class="ui menu">
+  <a class="active item" data-tab="first">First</a>
+  <a class="item" data-tab="second">Second</a>
+  <a class="item" data-tab="third">Third</a>
+</div>
+<div class="ui active tab segment" data-tab="first">First</div>
+<div class="ui tab segment" data-tab="second">Second</div>
+<div class="ui tab segment" data-tab="third">Third</div>

web/semantic/test/fixtures/transition.html

@@ -0,0 +1 @@
+<div class="ui image"></div>

web/semantic/test/fixtures/video.html

@@ -0,0 +1,5 @@
+<div class="ui video">
+  <div class="play"></div>
+  <div class="placeholder"></div>
+  <div class="embed"></div>
+</div>