adding guidelines and png version

_pages/media.html

@@ -58,7 +58,8 @@ <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="Crys, the Crystal mascot" %}
+            {% 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>
@@ -69,6 +70,8 @@ <h3>Mascot</h3>
         <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>
@@ -78,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>
@@ -87,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>
@@ -95,7 +114,6 @@ <h3>Don’t hesitate to contact us if:</h3>
           </ul>
         </div>
       </div>
-
     </div>
   </div>