Adding Crys

_pages/media.html

@@ -52,12 +52,26 @@ <h3>Font</h3>
         </div>
       </div>
 
+      <div class="row">
+        <div class="col s12">
+          <h3>Mascot</h3>
+          Meet Crys, the mascot of Crystal. It's smart and likes shiny things, so feed it with your best shards!
+
+          <div class="media-gallery">
+            {% include media/gallery_item.html img="media/crys-mascot.svg" name="Download SVG" %}
+            {% include media/gallery_item.html img="media/crys-mascot.png" name="Download PNG" %}
+          </div>
+        </div>
+      </div>
+
       <hr class="squares"/>
 
       <div class="row media-guidelines">
         <div class="col s12">
           <h2>Guidelines</h2>
 
+          Unless stated otherwise, with Crystal logos we mean any of the media presented in this page (icons and mascot).
+
           <h3>What can you do with the Crystal logos and brand:</h3>
           <ul class="guidelines dos">
           <li>Print them on any merchandise you want, as long as you don’t sell it.</li>
@@ -67,6 +81,16 @@ <h3>What can you do with the Crystal logos and brand:</h3>
           <li>Use them for educational purposes, as long as it’s available for free. </li>
           </ul>
 
+          <h3>What can you do with the Crystal mascot:</h3>
+          <ul class="guidelines dos">
+          <li>Create a variety of postures for Crys.</li>
+          <li>Change the mascot’s body angles, typically to convey energy and movement so the character remains lively and interesting.</li>
+          <li>Develop a variety of facial expressions and body language that may be utilized to represent various feelings and behaviors.
+            We understand it might be a challenge to add different expressions to the mascot without having eyes; however this is your opportunity to get creative.
+          </li>
+          <li>Place the mascot on a background with a different color.</li>
+          </ul>
+
           <h3>Don’t do these things with the Crystal logos and brand:</h3>
           <ul class="guidelines donts">
           <li>Change their colors, dimensions or add your own text.</li>
@@ -76,6 +100,12 @@ <h3>Don’t do these things with the Crystal logos and brand:</h3>
           <li>Use the logo in a way that could suggest sponsorship or endorsement by Crystal.</li>
           </ul>
 
+          <h3>Don’t do these things to Crys:</h3>
+          <ul class="guidelines donts">
+          <li>Add facial features like eyes.</li>
+          <li>Change its polyhedron look.</li>
+          </ul>
+
           <h3>Don’t hesitate to contact us if:</h3>
           <ul class="guidelines general">
           <li>You want permission to sell Crystal merchandise.</li>