Changes between Version 56 and Version 57 of ZooWebSite/2015/ZOO-Project/ZOO Identity

Timestamp:

Jul 25, 2015, 10:44:20 AM (9 years ago)

Author:

trac

Comment:

--

ZooWebSite/2015/ZOO-Project/ZOO Identity

@@ -9 +9 @@
     <div class="col-xs-12 col-sm-12 col-lg-10 text-center">     
       <h1 class="section-heading">ZOO Identity</h1>
-      <h2 class="sub-heading">ZOO Project footprint</h2>
+      <h2 class="sub-heading">the ZOO Project footprint</h2>
       <div class="well well well-heading">
-        <p class="intnp">...</p>
+        <p class="intnp">This is the <a href="http://zoo-project.org">ZOO-Project</a> Identity section. Please use the following material for promoting or citing the <a href="http://zoo-project.org">ZOO-Project</a> open WPS platform. And don't forget to link back to our website ! Thank you.</p>
       </div>
     </div>
@@ -18 +18 @@
 
 <div class="bblocks">
+ <div class="container">
   <div class="row zserv">
-   <div class="col-md-12 text-center">
-      <h2>Promote ZOO-Project !</h2>
-     </div>
-   </div>
-
-</div>
+    <div class="col-md-12 col-xs-12 text-center">
+      <h2>Promote ZOO-Project !</h2>  
+    </div>
+ </div>
+ </div>
+ </div>
+
   <div class="zoo-content-npb">
     <div class="container">
     <div class="row">
-
     <div class="col-xs-12 col-sm-4 col-lg-4">
    <h2 class="st"><i class="fa fa-image"></i> ZOO logo images</h2>
-   <p class="sp">The <a href="http://zoo-project.org">ZOO-Project</a> original logo represents the sunny african savannah with several animals (elephants,giraf,bird) and a baobab tree. A simplified version of the logo is also available.</p>
+   <p class="sp">The <a href="http://zoo-project.org">ZOO-Project</a> original logo represents the sunny african savannah with elephants, a giraf and a baobab tree. A simplified version of the logo is also commonly used with then sun only and the ZOO logo text on top of it.</p>
 
    </div>
@@ -43 +44 @@
    </div>
    <div class="col-xs-9 col-sm-5 col-lg-5 text-center">
-    <a href="http://zoo-project.org/img/zoo-landscape.png" target="_blank" title="ZOO-Project logo sun with rays">
+    <a href="http://zoo-project.org/img/zoo-landscape.png" target="_blank" title="ZOO-Project original logo">
     <div class="well well well-wht"> 
-      <img class="img-responsive" src="/img/zoo-landscape.png" height="140" />
- </div>
-    </a>
- <a href="http://zoo-project.org/img/zoo-landscape.png" target="_blank" title="ZOO-Project logo sun with rays">ZOO-Project logo (PNG | 118 ko)</a>
+      <img class="img-responsive" src="/img/zoo-landscape2.png" height="140" />
+ </div>
+    </a>
+ <a href="http://zoo-project.org/img/zoo-landscape2.png" target="_blank" title="ZOO-Project original logo"><i class="fa fa-external-link "></i> ZOO-Project logo (PNG | 118 ko)</a>
     
     </div>
@@ -74 +75 @@
    </div>
 
-   <div class="col-xs-12 col-sm-12 col-lg-12">
+<div class="col-xs-12 col-sm-12 col-lg-12">
 <hr class="mbp">
 </div>
@@ -80 +81 @@
  <div class="col-xs-12 col-sm-4 col-lg-4">
    <h2 class="st"><i class="icon-zoo-logo"></i> ZOO web font</h2>
-   <p class="sp">The <a href="http://zoo-project.org">ZOO-Project</a> ...</p>
-
+   <p class="sp">The ZOO Web font allow to show the <a href="http://zoo-project.org">ZOO-Project</a> logo using the CSS <i>@font-face</i> rule. Feel free to download the ZOO-Project font and to adapt the following CSS and HTML markup for using it.</p>
+<p class="sp"> <a href="./fonts/ZOO-Project-font.tar.bz2" target="_blank"><i class="icon-zoo-logo"></i> Download the ZOO-Project font <i class="fa fa-external-link"></i></a></p>
+<p>
+<p class="sp"><i class="fa fa-code"></i> HTML</p>
+<pre class="language-markup"><code>&lt;i class="zoo-ZOO-Font"/&gt;&lt;/i&gt;</code></pre>
+</p>
    </div>
     <div class="col-xs-3 col-sm-3 col-lg-8 text-center">
-sxqx
+<p class="sp"><i class="fa  fa-css3"></i> CSS</p>
+<pre class="language-css"><code>@font-face {
+        font-family: 'ZOO-Font';
+        src:url('fonts/ZOO-Font.eot');
+        src:url('fonts/ZOO-Font.eot') format('embedded-opentype'),
+                url('fonts/ZOO-Font.ttf') format('truetype'),
+                url('fonts/ZOO-Font.woff') format('woff'),
+                url('fonts/ZOO-Font.svg') format('svg');
+        font-weight: normal;
+        font-style: normal;
+        font-variant: normal;
+}
+
+[class^="zoo-"], [class*=" zoo-"] {
+        font-family: 'ZOO-Font';
+        text-transform: none;
+        line-height: 1;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+}
+
+.zoo-ZOO-Font:before {
+        content: "\e603";
+}</code></pre>
    </div>
 
@@ -141 +169 @@
 
    </div>
-    <div class="col-xs-12 col-sm-8 col-lg-8">
+    <div class="col-xs-12 col-sm-8 col-lg-8 mbp">
+<p class="sp"><i class="fa fa-newspaper-o"></i> <a href="http://link.springer.com/article/10.1007%2Fs12518-011-0070-0" target="_blank"> ZOO-Project: The open WPS platform <i class="fa fa-external-link"></i></a>
 <p class="sp">BibTeX</p>
 <pre class="latex"><code>@article{
@@ -159 +188 @@
 
    </div>
-
-
+</div>
+</div>
+</div>
+
+<div class="paper">
+ <div class="container">
+  <div class="row tserv">
+   <div class="col-md-12 text-center">
+<div class="well text-center mtpm">
+         <h2 class="ccic">C <span>cba</span></h2>
+         <p class="spg">This material is released under the Creative Commons Attribution-ShareAlike 4.0 International Public License (<a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="_blank">CC-BY-SA</a>).</p>
+        </div>
+</div>
 </div>
 </div>
@@ -169 +209 @@
   <div class="row tserv">
    <div class="col-md-12 text-center">
-      <h1 class="stw"><a href=""> test</a></h1>
+      <h1 class="stw"><a href="/docs/contribute/"> Get involved !</a></h1>
      </div>
    </div>