Changeset 4337

Timestamp:

01/24/14 16:22:00 (10 years ago)

Author:

twagoo

Message:

mockup: truncated descriptions and styling

Location:

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

Files:

• index.html (modified) (4 diffs)
• js/vlo-search.js (added)
• style/colour.css (modified) (1 diff)
• style/vlo-collections.css (modified) (3 diffs)
• style/vlo-search.css (modified) (3 diffs)

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

@@ -32 +32 @@
         <!-- **** layout stylesheet **** -->
         <link rel="stylesheet" type="text/css" href="style/style.css" />
-
         <!-- **** colour scheme stylesheet **** -->
         <link rel="stylesheet" type="text/css" href="style/colour.css" />
-
         <!-- **** VLO extensions stylesheet **** -->
         <link rel="stylesheet" type="text/css" href="style/vlo.css" />
@@ -44 +42 @@
         <script src="js/vlo-collections.js" type="text/javascript"></script>
         <script src="js/vlo-facets.js" type="text/javascript"></script>
+        <script src="js/vlo-search.js" type="text/javascript"></script>
 
         <div id="main">
@@ -67 +66 @@
                         <li class="collection"><input type="checkbox"/>Bavarian Archive for Speech Signals (BAS) (14416)</li>
                         <li class="collection"><input type="checkbox"/>TLA: Acquisition (14363)</li>
-                        <li class="collection"><input type="checkbox"/>Institut fÌr Deutsche Sprache, CLARIN-D Zentrum, Mannheim (14320)</li>
+                        <li class="collection"><input type="checkbox"/>Institut f&uuml;r Deutsche Sprache, CLARIN-D Zentrum, Mannheim (14320)</li>
                         <li class="collection"><input type="checkbox"/>Meertens collection: Liederenbank (243129)</li>
-                    </ul> 
+                    </ul>
                     <div id="collections-end"></div>
                 </form>
@@ -182 +181 @@
                         <li class="searchresultitem">
                             <h2>
-                                <a href="">"Chinese Democratie en de Transformatie"</a>
+                                <a href="">"Zichzelf zien"': het dubbelgangermotief in E.T.A. Hoffmanns Prinzessin Brambilla. ein Capriccio nach Jacob Callot. Een Lacaniaanse analyse</a>
                             </h2>
                             <div class="searchresultcollection">UBU CLARIN</div>
                             <p class="searchresultdescription">
-                                In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
+                                Mogelijke implicaties van het 'zichzelf zien'(zoals de vroege romanticus Jean Paul Richter het dubbelgangermotief benoemde), werkte E.T.A. Hoffmann uit in de experimentele tekst PRINZESSIN BRAMBILLA. Daarin verbindt de auteur genoemd motief met de thema's carnaval, theater en de nieuwe romantische mythe. Deze variant van het literaire motief werd geanalyseerd in het licht van Lacans theorie (zoals specifiek vastgelegd in twee van diens artikelen) over het 'spiegelstadium'. Dit heeft bijgedragen aan de 'ontginning' van een zeldzame variant van de dubbelformatie in de literatuur en heeft daarbij Lacans theorie over de orde van het imaginaire in de context van dit onderzoek tastbaarder gemaakt.
                             </p>
                             <p class="searchresultresources">
-                                Resources: <a href="">1 written resource</a>, <a href="">1 audio file</a>
+                                Resources: <a href="">1 written resource</a></a>
                             </p>
                         </li>
                         <li class="searchresultitem">
                             <h2>
-                                <a href="">"Chinese Democratie en de Transformatie"</a>
+                                <a href="">2007 Festival</a>
+                            </h2>
+                            <div class="searchresultcollection">TLA: Language and Cognition</div>
+                            <p class="searchresultdescription">
+                                Video documentation of the "festival of folk songs and dances". One file consisting of the three original tapes concatenated.
+                            </p>
+                            <p class="searchresultresources">
+                                Resources: <a href="">1 audio file</a>, <a href="">2 video files</a>
+                            </p>
+                        </li>
+                        <li class="searchresultitem">
+                            <h2>
+                                <a href="">...DE LEUGEN REGEERT...</a>
                             </h2>
                             <div class="searchresultcollection">UBU CLARIN</div>
                             <p class="searchresultdescription">
-                                In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
+                                Presentatie: Felix Meurders. Hij wordt bijgestaan door een Mediaraad, die gedurende het programma commentaar levert op de onderwerpen. Vaste onderdelen: deleugenregeert.nl en een media-analyse door Francisco van Jole. 
+                                Serie praatprogramma's over de berichtgeving van het nieuws door de Nederlandse media. Presentatie: Felix Meurders. De Mediaraad geeft gedurende de gehele uitzending commentaar op de gespreksonderwerpen.
+                                In deze aflevering, waarin de Mediaraad bestaat uit journalist Tijs van den Brink (EO) en freelance journalist Ton van Dijk:
                             </p>
                             <p class="searchresultresources">
-                                Resources: <a href="">1 written resource</a>, <a href="">1 audio file</a>
-                            </p>
-                        </li>
-                        <li class="searchresultitem">
-                            <h2>
-                                <a href="">"Chinese Democratie en de Transformatie"</a>
-                            </h2>
-                            <div class="searchresultcollection">UBU CLARIN</div>
-                            <p class="searchresultdescription">
-                                In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
-                            </p>
-                            <p class="searchresultresources">
-                                Resources: <a href="">1 written resource</a>, <a href="">1 audio file</a>
+                                Resources: <a href="">1 resource</a>
                             </p>
                         </li>

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

@@ -64 +64 @@
 #content a
 { background: transparent;
-  color: #F06B00;
+  color: #6EAB03;
 }
 

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

@@ -23 +23 @@
 /* collection selection */
 
+form#collections {
+    padding: 0;
+    margin: 0;
+}
+
 form#collections ul li {
     display: block;
@@ -29 +34 @@
     float: left;
     overflow: no-content;
-    height: 3em;
+    padding-bottom: .2em;
 }
 
@@ -36 +41 @@
     clear: both;
     width: 100%;
+    
 }
 

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

@@ -33 +33 @@
 
 #searchresultsheader {
-    border-bottom: 1px solid;
+    border-bottom: 1px dashed;
     height: 1em;
     padding-bottom: .5em;
+}
+
+#searchresultcount {
+    float: left;
+    height: 1em;
+    width: 20%;
 }
 
@@ -41 +47 @@
     padding: 0;
     margin: 0;
-    float: right;
+    float: left;
+    width: 60%;
     height: 1em;
-}
-
-#searchresultcount {
-    float: left;
-    height: 1em;
-    width: 30%;
+    text-align: center;
 }
 
 #searchresultpagecount{
-    float: left;
+    float: right;
     height: 1em;
-    width: 30%;
-    text-align: center;
+    width: 20%;
 }
 
@@ -88 +89 @@
 }
 
+.truncate {
+    /* limit description to one line */
+    white-space: nowrap;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-height: 1em;
+}
+
 #searchresultpagination{
     clear: both;
-    text-align: right;
+    text-align: center;
 }