Merge branch 'master' into permissions
[pithos] / htdocs / index.html
index 3c6e6ab..e75273f 100644 (file)
-<!DOCTYPE html>
-<html>
+<!doctype html>
+<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
 <head>
-    <meta charset="utf-8" />
-    <title>Pithos</title>
-    <link rel="stylesheet" href="static/bootstrap.css">
+    <meta charset="utf-8">
+
+  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
+       Remove this if you use the .htaccess -->
+  <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+  <title>Pithos+</title>
+  <meta name="description" content="Pithos+ GRNet Service">
+  <meta name="author" content="Kostas Papadimitriou <kpap@grnet.gr>">
+
+  <!--  Mobile viewport optimized: j.mp/bplateviewport -->
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <!-- Place favicon.ico & apple-touch-icon.png
+        in the root of your domain and delete these references -->
+  <link rel="shortcut icon" href="/favicon.ico">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  
+  <link rel="stylesheet" href="site_media/css/site.css">
+  <script src="site_media/js/libs/modernizr-1.7.min.js"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+  <script>
+    var CLOUDBAR_USER_DATA = {'user': 'kpap@grnet.gr', 'logged_in': true};
+    var CLOUDBAR_ACTIVE_SERVICE = 'pithos';
+    var CLOUDBAR_LOC = "http://docs.dev.grnet.gr/cloudbar/";
+
+    $(document).ready(function(){
+      $.getScript(CLOUDBAR_LOC + 'servicesbar.js');
+    })
+  </script>
 </head>
-<body>
+<body id="index">
     <div class="container">
-        <div class="row" style="margin-bottom: 8px;">
-            <div class="span16 columns">
-                <img src="pithos-logo-large.png">
-            </div>
+        <div class="logo">
+            <a href="#" title="Pithos+"><img 
+                src="site_media/images/logo.png" 
+                alt="Pithos+" 
+                title="Pithos+" /></a>
         </div>
-        <div class="row" style="margin-bottom: 0px;">
-            <div class="span10 columns offset3">
-                <div class="well">
-                    <p>Η υπηρεσία Pithos προσφέρει σε κάθε χρήστη 50 GBytes αποθηκευτικού χώρου online, προσβάσιμα από παντού, πάντοτε, με ασφάλεια. Η χρήση της υπηρεσίας είναι ελεύθερη και δωρεάν για τους φοιτητές και μέλη της ακαδημαϊκής, ερευνητικής και εκπαιδευτικής κοινότητας της Ελλάδας.</p>
-                    <p>Οι χρήστες μπορούν να αποθηκεύσουν με ασφάλεια τα αρχεία τους και να τα μοιραστούν με άλλους χρήστες. Επιπλέον, η υπηρεσία τηρεί αυτόματα διαδοχικά αντίγραφα ασφαλείας των δεδομένων και προσφέρει στον χρήστη την δυνατότητα προβολής των αλλαγών στη συλλογή αρχείων του στο πέρασμα του χρόνου.</p>
-                    <p style="margin-bottom: 0px;">Η χρήση της υπηρεσίας διέπεται από τους όρους χρήσης της.</p>
-                </div>
-            </div>
+
+        <div class="inner box-round-mid box-shadow-mid clearfix">
+            <div class="cols clearfix">
+                <div class="main-content">
+
+    <div class="intro-text page text">
+        <p>
+        Η υπηρεσία Pithos+ προσφέρει σε κάθε χρήστη <em class="bold">50 GBytes</em> αποθηκευτικού χώρου online, προσβάσιμα από παντού, πάντοτε, με ασφάλεια. Η χρήση είναι <em class="bold">ελεύθερη και δωρεάν</em> για τους φοιτητές και μέλη της ακαδημαϊκής, ερευνητικής και εκπαιδευτικής κοινότητας της Ελλάδας, οι οποίοι μπορούν να αποθηκεύουν τα αρχεία τους και να τα μοιράζονται με άλλους χρήστες ή να τα διαθέτουν στο Διαδίκτυο. Προαιρετικά, τηρείται ιστορικό των αρχείων με δυνατότητα ανάγνωσης παλαιότερων εκδόσεων (versioning).
+        </p>
+        <!--<p>
+        Η χρήση της υπηρεσίας διέπεται από τους όρους χρήσης της.
+        </p>-->
+    </div>
+    <div class="inner-bottom">
+        <a class="gotoapp" 
+            href="/ui" 
+            title="Enter Pithos+">Είσοδος</a>
+    </div>
+    <div class="downloads clearfix">
+        <div class="desc">
+        <h4>Λογισμικό</h4>
+            <p class="desc">Για την άμεση πρόσβαση και τον συγχρονισμό των αρχείων του υπολογιστή σας με την υπηρεσία, κατεβάστε την εφαρμογή Pithos+ για το λειτουργικό σύστημα που χρησιμοποιείτε:</p>
         </div>
-        <div class="row">
-            <div class="span2 columns offset3">
-                <button href="/docs" class="btn"">Τεκμηρίωση</button>
+        <div class="downloads-list">
+            <div class="download windows">
+                <div class="subtitle">Pithos+ για</div>
+                <div class="title">Windows</div>
+                <div class="compat">XP, Vista, 7</div>
+                <div class="link"><a href="http://code.grnet.gr/projects/pithos-ms-client/files">Επιλογή</a></div>
             </div>
-            <div class="span2 columns offset6">
-                <button href="/ui" class="btn primary">Είσοδος</button>
+            <div class="download osx">
+                <div class="subtitle">Pithos+ για</div>
+                <div class="title">Mac OS X</div>
+                <div class="compat">10.6 ή νεότερο</div>
+                <div class="link"><a href="http://code.grnet.gr/projects/pithos-macos/files">Επιλογή</a></div>
+            </div>
+            <div class="download linux last">
+                <div class="subtitle">Pithos+ για</div>
+                <div class="title">Linux</div>
+                <div class="compat">Πακέτο Python</div>
+                <div class="link"><a href="http://code.grnet.gr/projects/pithos-tools/files">Επιλογή</a></div>
+            </div>
+        </div>
+    </div>
+</div>
+
             </div>
         </div>
     </div>
+
+</div>
+</div>
+
+<div class="footer">
+    
+<div class="bottom-text">
+    <p>&copy; 2011 <a target="_blank" href="http://www.grnet.gr/">Εθνικό Δίκτυο Έρευνας και Τεχνολογίας</a></p>
+</div>
+</div>
+  
+              
+      <script src="site_media/js/libs/jquery-1.5.1.min.js"></script>
+      <script src="site_media/js/libs/jquery.cookie.js"></script>
+      <script src="site_media/js/intro-hover.js"></script>
+      <script src="site_media/js/main.js"></script>
+
+                        <!--[if lt IE 7 ]>
+      <script src="site_media/js/libs/dd_belatedpng.js"></script>
+      <script>DD_belatedPNG.fix('img, .png_bg');</script>
+      <![endif]-->
 </body>
-</html>
\ No newline at end of file
+</html>