projects / quandoparte / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 1f67fd1)
Use JavaScript to generate Screenshot list
authorLuciano Montanaro <mikelima@cirulla.net>
Wed, 29 Jun 2011 22:37:05 +0000 (00:37 +0200)
committerLuciano Montanaro <mikelima@cirulla.net>
Wed, 29 Jun 2011 22:37:05 +0000 (00:37 +0200)
Eventually, it will allow some kind of gallery display.

www/default.css patch | blob | history
www/screenshots.html patch | blob | history

diff --git a/www/default.css b/www/default.css
index 5e3b553..3fb2fbc 100644 (file)
--- a/www/default.css
+++ b/www/default.css
@@ -29,11 +29,16 @@ div.screenshot {
        padding-top: 6pt;
        padding-bottom: 3pt;
        text-align: center;
-       width: 800px;
+       width: 50%;
        border: none;
        background-color: #eee
 }
+
 div.screenshot p {
        font-style: italic;
        text-indent: 0pt;
 }
+
+div.screenshot img {
+       width: 100%
+}
diff --git a/www/screenshots.html b/www/screenshots.html
index 613a31d..c0faf14 100644 (file)
--- a/www/screenshots.html
+++ b/www/screenshots.html
@@ -3,7 +3,8 @@
        <head>
                <title>Quando Parte</title>
                <link rel="stylesheet" type="text/css" href="default.css" />
-               </style>
+               <script type="text/javascript" src="./screenshot-generator.js"> 
+               </script>
        </head>
        <body>
                <div class="header">
@@ -19,14 +20,7 @@
                <div class="bodymatter">
                        <h2>Screenshots</h2>
                        <p>No utility program homepage is complete without a few screenshots. Here are a few:</p>
-                       <div class="screenshot">
-                               <p><img src="./screenshot-stationlist.png"/></p>
-                               <p>The Station List View</p>
-                       </div>
-                       <div class="screenshot">
-                               <p><img src="./screenshot-stationview.png"/></p>
-                               <p>The Station Departures View</p>
-                       </div>
+                       <div id="screenshot-list" />
                </div>
        </body>
 </html>
Unnamed repository; edit this file to name it for gitweb.