From 8343d45f3dfd631a3f5ac4213918f285930eb446 Mon Sep 17 00:00:00 2001
From: matgic78 <matgic78@gmail.com>
Date: Thu, 17 Dec 2009 18:22:23 +0100
Subject: Re-implemented previews in homepage without using plugins. Not
 finished yet : Little things that change: -nice buttons appearing on hover
 -transitions on hover TODO: -when a preview is empty or when loading, it is
 very ugly -for now there's no way to choose the page you want to preview
 -port "closed Tabs" to this new architecture -totally remove PreviewImage
 classes -eventually, specific contextmenu for previews

---
 src/data/home.html | 76 ++++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 63 insertions(+), 13 deletions(-)

(limited to 'src/data/home.html')

diff --git a/src/data/home.html b/src/data/home.html
index 9d8f390f..8db3d894 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -54,6 +54,10 @@ margin-top: 0.5em;
 a{
 color: #3F7AB7;
 text-decoration: none;
+-webkit-transition-property: color;
+-webkit-transition-duration: 0.5s;
+-webkit-transition-timing-function: ease;
+
 }
 a:hover{
 color: black;
@@ -118,18 +122,61 @@ margin-top: -5%;
 /* Thumbnail class */
 
 .thumbnail {
-text-align: center;
 display: inline-block;
-width:25%;
-margin-top: 7%;
-min-width:250px;
-min-height:192px;
+width:25%; margin-top: 7%;
+min-width:250px; min-height:192px;
+}
+
+.preview {
+display: block;
+width: 200px;
+height: 150px;
+padding: 14px 16px;
+background: url(%2/bg.png) no-repeat;
+-webkit-background-size: 100% 100%; 
+-webkit-background-clip: padding;
+}
+.thumbnail:hover .preview , .thumbnail:hover .button img {
+opacity: 0.8;
+}
+
+.button img, .preview {
+-webkit-transition-property: opacity;
+-webkit-transition-duration: 0.8s;
+-webkit-transition-timing-function: ease-in-out;
+}
+
+.button img {
+display: inline-block;
+width: 16px;
+height: 16px;
+opacity: 0;
 }
 
-.thumbnail object{
+.remove {
+    float: right;
+}
+.modify {
+    float: left;
+}
+
+.title {
+display: block;
+width: 200px;
+height: 15px;
+padding: 0 14px;
 text-align: center;
-width:228px;
-height:192px;
+}
+
+.thumbnail a {
+text-align:center;
+}
+.thumbnail a:hover {
+color:#3F7AB7;
+}
+
+.thumbnail span {
+
 }
 
 /* -------------------------------------------------------- */
@@ -162,11 +209,14 @@ margin-bottom: 0.5em;
         </a>
     </div>
     <div class="thumbnail">
-        <object type="application/image-preview" data="">
-            <param name="title" />
-            <param name="index" />
-            <param name="isFavorite" />
-        </object>
+        <a>
+            <img class="preview"></img>
+            <div class="title">
+                <a class="button modify"><img /></a>
+                <span><a></a></span>
+                <a class="button remove"><img /></a>
+            </div>
+        </a>
     </div>
     <h3></h3>
     <a></a>
-- 
cgit v1.2.1


From f1f7e2011c3f245cd1987b0f09b72c2f7dea283f Mon Sep 17 00:00:00 2001
From: matgic78 <matgic78@gmail.com>
Date: Fri, 18 Dec 2009 15:58:48 +0100
Subject: Various changes: - improve appearance of empty/loading previews -
 port closedTabs to new system - remove PreviewImage files TODO : dialog to
 choose preview

---
 src/data/home.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'src/data/home.html')

diff --git a/src/data/home.html b/src/data/home.html
index 8db3d894..103c559d 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -127,10 +127,12 @@ width:25%; margin-top: 7%;
 min-width:250px; min-height:192px;
 }
 
+.preview img {
+}
 .preview {
-display: block;
-width: 200px;
-height: 150px;
+display: table-cell;
+vertical-align: middle;
+width: 200px; height: 150px;
 padding: 14px 16px;
 background: url(%2/bg.png) no-repeat;
 -webkit-background-size: 100% 100%; 
@@ -154,10 +156,10 @@ opacity: 0;
 }
 
 .remove {
-    float: right;
+float: right;
 }
 .modify {
-    float: left;
+float: left;
 }
 
 .title {
@@ -171,14 +173,10 @@ text-align: center;
 .thumbnail a {
 text-align:center;
 }
-.thumbnail a:hover {
+.thumbnail a:hover, span {
 color:#3F7AB7;
 }
 
-.thumbnail span {
-
-}
-
 /* -------------------------------------------------------- */
 /* Bookmarks page*/
 
@@ -210,7 +208,9 @@ margin-bottom: 0.5em;
     </div>
     <div class="thumbnail">
         <a>
-            <img class="preview"></img>
+            <div class ="preview">
+                <img />
+            </div>
             <div class="title">
                 <a class="button modify"><img /></a>
                 <span><a></a></span>
-- 
cgit v1.2.1


From 6f3b61c0462b08d3c2a34ac1923470a3690233ee Mon Sep 17 00:00:00 2001
From: matgic78 <matgic78@gmail.com>
Date: Sat, 6 Feb 2010 11:19:18 +0100
Subject: Fix loading previews : when load finished, result wasn't shown

---
 src/data/home.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/data/home.html')

diff --git a/src/data/home.html b/src/data/home.html
index 103c559d..51b9ceec 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -66,7 +66,7 @@ color: black;
 /* ------------------------------------------------------- */
 /* page sections */
 
-#container {
+#rekonq-newtabpage {
 width: 100%;
 }
 
@@ -191,7 +191,7 @@ margin-bottom: 0.5em;
 
 <body>
 
-<div id="container">
+<div id="rekonq-newtabpage">
     <div id="navigation">
     </div>
     
-- 
cgit v1.2.1