Changeset 4445

Timestamp:

02/05/14 12:31:03 (10 years ago)

Author:

twagoo

Message:

permalink icon in mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• index.html (modified) (2 diffs)
• index2.html (modified) (1 diff)
• index3.html (modified) (1 diff)
• record1.html (modified) (1 diff)
• style/link-128.png (added)
• style/vlo-facets.css (modified) (1 diff)
• style/vlo.css (modified) (1 diff)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

@@ -56 +56 @@
                 </div>
                 <div id="topnavigationlinks">
-                    <a href="">Help</a>
-                    | <a href="">Link to this page</a>
+                    <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
+                    <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
                 </div>
             </div>
@@ -66 +66 @@
                 <a href="#" class="collapsefacet"><span>collapse</span></a>
                 <h1><a href="#">Collections</a></h1>
-                <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                 <form class="filterform">
                     <input type="text" />

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index2.html

@@ -57 +57 @@
                 </div>
                 <div id="topnavigationlinks">
-                    <a href="">Help</a>
-                    | <a href="">Link to this page</a>
+                    <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
+                    <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
                 </div>
             </div>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index3.html

@@ -58 +58 @@
                 </div>
                 <div id="topnavigationlinks">
-                    <a href="">Help</a>
-                    | <a href="">Link to this page</a>
+                    <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
+                    <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
                 </div>
             </div>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/record1.html

@@ -57 +57 @@
                 </div>
                 <div id="topnavigationlinks">
-                    <a href="">Help</a>
-                    | <a href="">Link to this page</a>
-                </div>
-            </div>
-
-            <div class="sidebar">
-
-                <div class="sidebaritem" id="recordnavigation">
-                    <!-- rounded corners - top **** -->
-                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
-                    <h1>Result set</h1>
-                    <p>
-                        Record 1 out of 606156<br />
-                    </p>
-                    <p>
-                        <ul>
-                            <li><a href="#recordlandingpage">1 landing page</a></li>
-                            <li><a href="#recordresources">2 resources</a></li>
-                            <li><a href="#recordcmdi">CMDI metadata</a></li>
-                        </ul>
-                    </p>
-                    <p>
-                        &lt; previous
-                        | <a href="">next &gt;</a>
-                    </p>
-                    <!-- rounded corners - bottom **** -->
-                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
-                </div>
-
-                <div class="sidebaritem" id="recordcontext">
-                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
-                    <h1>Search context</h1>
-                    <p>You searched for: 'democratie'</p>
-                    <p>
-                        Selected facets:
-                        <ul id="recordcontextfacets">
-                            <li>Language: Dutch</li>
-                        </ul>
-                    </p>
-                    <p>
-                        <a href="index3.html">≪ Back to search results</a>
-                    </p>
-                    <!-- rounded corners - bottom **** -->
-                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
+                    <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
+                    <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
                 </div>
             </div>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -156 +156 @@
 .filtertoggle {
     display: none;
-}
-
-.facet.expandedfacet a.filtertoggle {
-    /* link means enabled */
-    background-image: url('filled-filter-128.png'); /* icon from icons8.com */
-}
-
-.facet.expandedfacet div.filtertoggle {
-    /* div means disabled */
-    background-image: url('empty-filter-128-disabled.png'); /* icon from icons8.com */
 }
 

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo.css

@@ -55 +55 @@
     padding-bottom: .5em;
 }
+
+#topnavigation #topnavigationlinks a {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+}
+
+#topnavigation #topnavigationlinks a {
+    background-size: 12px;
+    background-repeat: no-repeat;
+    text-decoration: none;
+}
+
+#topnavigation #topnavigationlinks a span {
+    display: none;
+}
+
+#topnavigation #topnavigationlinks #help:after {
+   content: 'Help'
+}
+
+#topnavigation #topnavigationlinks #permalink {
+    background-image: url('link-128.png'); /* icon from icons8.com */
+}
+