svn commit: r1369414 - in /archiva/site/src/site: resources/css/site.css xdoc/index.xml.vm

Sat, 04 Aug 2012 12:19:10 -0700 

Author: skygo
Date: Sat Aug  4 19:18:23 2012
New Revision: 1369414

URL: http://svn.apache.org/viewvc?rev=1369414&view=rev
Log:
put more in css (arrow image, screenshot section)
move css and js to head part to be sure it generate better html

Modified:
    archiva/site/src/site/resources/css/site.css
    archiva/site/src/site/xdoc/index.xml.vm

Modified: archiva/site/src/site/resources/css/site.css
URL: 
http://svn.apache.org/viewvc/archiva/site/src/site/resources/css/site.css?rev=1369414&r1=1369413&r2=1369414&view=diff
==============================================================================
--- archiva/site/src/site/resources/css/site.css (original)
+++ archiva/site/src/site/resources/css/site.css Sat Aug  4 19:18:23 2012
@@ -23,6 +23,8 @@ div.mainBox {
   background-color: #ccc;
   position: relative;
   padding-left: 5em;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
 }
 
 div.mainBox div {
@@ -30,8 +32,15 @@ div.mainBox div {
 }
 
 div.mainBox span + p a {
+  background: url(../images/arrow.png) no-repeat;
+  background-size: 16px 16px;
+  background-position: right;
+  padding-right: 20px;
+}
+
+div.mainBox span + p a {
   font-size: 1.5em;
-  color: black;
+  color: black; 
 }
 
 div.mainBox span + p a:hover {
@@ -71,3 +80,27 @@ span.jqmClose {
   top: 6px;
 }
 
+
+ div.section {
+  margin-right: 110px;
+  margin-left: 10px;
+}
+
+/*.hero-unit {
+  border-radius: 6px 0px 0px 6px;  
+}*/
+
+.archivascreenshots {
+  border: 1px solid silver; 
+  margin-left: 0.25em; 
+  margin-bottom: 0.25em
+}
+
+.rhs span {
+  display: block; 
+  font-size: 13px; 
+  font-weight: bold; 
+  margin-top: 1.5em; 
+  margin-bottom: 1.5em;    
+    
+}
\ No newline at end of file

Modified: archiva/site/src/site/xdoc/index.xml.vm
URL: 
http://svn.apache.org/viewvc/archiva/site/src/site/xdoc/index.xml.vm?rev=1369414&r1=1369413&r2=1369414&view=diff
==============================================================================
--- archiva/site/src/site/xdoc/index.xml.vm (original)
+++ archiva/site/src/site/xdoc/index.xml.vm Sat Aug  4 19:18:23 2012
@@ -23,91 +23,87 @@
     <title>The Build Artifact Repository Manager</title>
     <author email="[email protected]">Brett Porter</author>
   </properties>
-  <body>
+  <!-- move js and css to head -->
+  <head>
+    <link rel="stylesheet" href="css/jquery.fancybox-2.0.4.css" 
type="text/css" media="screen" />
+    
     <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
-
-    <script type="text/javascript" src="js/index.js"></script>
+    <script src="js/index.js" type="text/javascript" ></script>
     <script src="js/jquery.fancybox.pack-2.0.4.js" 
type="text/javascript"></script>
     <script src="js/jquery.easing-1.3.pack.js" type="text/javascript"></script>
     <script src="js/jquery.mousewheel-3.0.6.pack.js" 
type="text/javascript"></script>
-    <link rel="stylesheet" href="css/jquery.fancybox-2.0.4.css" 
type="text/css" media="screen" />
     <script src="js/bootstrap-modal.1.4.0.js" type="text/javascript"></script>
-    <script 
src="js/bootstrap-dropdown.1.4.0.js"type="text/javascript"></script>
+    <script src="js/bootstrap-dropdown.1.4.0.js" 
type="text/javascript"></script>
 
-    <style type="text/css">
-      div.section {
-        margin-right: 110px;
-        margin-left: 10px;
-      }
-      body {
-        padding-top: 1px;
-      }
-    </style>
+  </head>
+  <body>
+    
+    
     <div id="rhs">
-      <span style="display: block; font-size: 13px; font-weight: bold; 
margin-top: 1.5em; margin-bottom: 1.5em">Features</span>
+      <span>Features</span>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/project.png";
 class="gallery_image" rel="gallery_image" title="Project Information">
-          <img src="images/screenshots/project.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/project.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Project Information
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/search.png";
 class="gallery_image" rel="gallery_image" title="Artifact Search">
-          <img src="images/screenshots/search.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/search.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Artifact Search
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/proxy.png";
 class="gallery_image" rel="gallery_image" title="Remote Proxying Cache">
-          <img src="images/screenshots/proxy.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/proxy.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Remote Proxying Cache
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/upload.png";
 class="gallery_image" rel="gallery_image" title="Artifact Upload">
-          <img src="images/screenshots/upload.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/upload.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Artifact Upload
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/admin.png";
 class="gallery_image" rel="gallery_image" title="Graphical Administration">
-          <img src="images/screenshots/admin.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/admin.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Graphical Administration
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/virtual-repos.png";
 class="gallery_image" rel="gallery_image" title="Repository Groups">
-          <img src="images/screenshots/virtual-repos.png" width="150" 
height="93" style="border: 1px solid silver; margin-left: 0.25em; 
margin-bottom: 0.25em" alt="" /><br/>
+          <img src="images/screenshots/virtual-repos.png" width="150" 
height="93" class="archivascreenshots" alt="" /><br/>
           Repository Groups
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/rss.png";
 class="gallery_image" rel="gallery_image" title="RSS Feeds">
-          <img src="images/screenshots/rss.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/rss.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           RSS Feeds
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/security.png";
 class="gallery_image" rel="gallery_image" title="Role-based Security">
-          <img src="images/screenshots/security.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/security.png" width="150" height="93" 
class="archivascreenshots" alt="" /><br/>
           Role-based Security
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/reports.png";
 class="gallery_image" rel="gallery_image" title="Integrity Reports">
-          <img src="images/screenshots/reports.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/reports.png" width="150" height="93" 
class="archivascreenshots" alt="Integrity log screen" /><br/>
           Integrity Reports
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/audit-log.png";
 class="gallery_image" rel="gallery_image" title="Audit Log Report">
-          <img src="images/screenshots/audit-log.png" width="150" height="93" 
style="border: 1px solid silver; margin-left: 0.25em; margin-bottom: 0.25em" 
alt="" /><br/>
+          <img src="images/screenshots/audit-log.png" width="150" height="93" 
class="archivascreenshots" alt="Audit log screen" /><br/>
           Audit Log Report
         </a>
       </p>
       <p>
         <a 
href="http://archiva.apache.org/docs/${archivaReleaseVersion}/images/tour/maintenance.png";
 class="gallery_image" rel="gallery_image" title="Maintenance">
-          <img src="images/screenshots/maintenance.png" width="150" 
height="93" style="border: 1px solid silver; margin-left: 0.25em; 
margin-bottom: 0.25em" alt="" /><br/>
+          <img src="images/screenshots/maintenance.png" width="150" 
height="93" class="archivascreenshots" alt="Maintenance screen" /><br/>
           Maintenance
         </a>
       </p>
@@ -138,7 +134,7 @@
           <span class="bignumber badge badge-warning">1</span>
 
           <p>
-            <a href="docs/${archivaReleaseVersion}/tour/index.html">Take a 
look around <img src="images/arrow.png" width="16" height="16" alt="" /></a>
+            <a href="docs/${archivaReleaseVersion}/tour/index.html">Take a 
look around</a>
           </p>
           <p>
             <!-- Commenting out while we still don't have a live demo  
@@ -154,7 +150,7 @@
           <span class="bignumber badge badge-warning">2</span>
 
           <p>
-            <a href="download.html">Download Archiva <img 
src="images/arrow.png" width="16" height="16" alt="" /></a>
+            <a href="download.html">Download Archiva</a>
           </p>
           <p>
             <span class="expand">
@@ -183,7 +179,7 @@
           <span class="bignumber badge badge-warning">3</span>
 
           <p>
-            <a href="docs/${archivaReleaseVersion}/index.html">Documentation 
<img src="images/arrow.png" width="16" height="16" alt="" /></a>
+            <a 
href="docs/${archivaReleaseVersion}/index.html">Documentation</a>
           </p>
           <p>
             <img src="images/collapsed.gif" width="7" height="7" alt="" />
@@ -205,7 +201,7 @@
           <span class="bignumber badge badge-warning">4</span>
 
           <p>
-            <a href="get-involved.html">Get involved <img 
src="images/arrow.png" width="16" height="16" alt="" /></a>
+            <a href="get-involved.html">Get involved</a>
           </p>
           <p>
             Get support from the <a href="mail-lists.html">mailing lists</a> 
and <a href="http://cwiki.apache.org/confluence/display/ARCHIVA/";>wiki</a>, 
file <a href="issue-tracking.html">issues</a>, and even <a 
href="get-involved.html">get involved</a> in the development.

Reply via email to