svn commit: r1354000 - /jackrabbit/site/trunk/content/oak/index.html

[ju...@apache.org]

Author: jukka
Date: Tue Jun 26 12:52:18 2012
New Revision: 1354000

URL: http://svn.apache.org/viewvc?rev=1354000&view=rev
Log:
OAK-128: Oak website

Use a media query to allow the page to scale down. Add copyright and trademark footer.

Modified:
    jackrabbit/site/trunk/content/oak/index.html

Modified: jackrabbit/site/trunk/content/oak/index.html
URL: http://svn.apache.org/viewvc/jackrabbit/site/trunk/content/oak/index.html?rev=1354000&r1=1353999&r2=1354000&view=diff
==============================================================================
--- jackrabbit/site/trunk/content/oak/index.html (original)
+++ jackrabbit/site/trunk/content/oak/index.html Tue Jun 26 12:52:18 2012
@@ -10,20 +10,15 @@ body {
   color: #111;
 }
 #container {
-  width: 900px;
-  margin: 50px auto;
+  margin: 30px;
 }
-#intro, #image, #left, #center, #right {
-  float: left;
-  margin: 10px;
-}
-#intro, #image {
-  width: 430px;
+#image {
+  display: none;
 }
-#left, #center, #right {
-  width: 280px;
+#intro, #image, #left, #center, #right, #footer {
+  margin: 10px;
 }
-#intro, #left {
+#intro, #left, #footer {
   clear: both;
 }
 h1 {
@@ -35,8 +30,29 @@ h1 {
   margin-top: 0;
   font-style: italic;
 }
-p {
-  text-align: justify;
+#footer {
+  text-align: center;
+  font-size: 11px;
+}
+
+@media only screen and (min-width: 900px) {
+  #container {
+    width: 900px;
+    margin: 50px auto;
+  }
+  #image {
+    display: block;
+  }
+  #intro, #image, #left, #center, #right {
+    float: left;
+  }
+  #intro, #image {
+    width: 430px;
+  }
+  #left, #center, #right {
+    width: 280px;
+    text-align: justify;
+  }
 }
     </style>
   </head>
@@ -104,6 +120,10 @@ p {
           issue tracker to submit issues, comments or patches.
         </p>
       </div>
+      <div id="footer">
+        &copy; 2012 The Apache Software Foundation. Apache Jackrabbit,
+        Jackrabbit and Apache are trademarks of The Apache Software Foundation.
+      </div>
     </div>
   </body>
 </html>