Changeset 30093 for main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/about.xsl

Timestamp:

2015-08-04T13:50:35+12:00 (9 years ago)

Author:

davidb

Message:

Development work done in at JCDL

File:

• main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/about.xsl (modified) (2 diffs)

main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/about.xsl

@@ -63 +63 @@
 <div style="width: 800px; margin-left: auto; margin-right: auto;">
 
+  <xsl:if test="$interface_name='dlfm'">
+    <style>
+      .popbanner {
+        background-color: #DEEDF7;
+    color: #000;
+      } 
+    </style>
+  </xsl:if>
 
+  
   <div class="popbanner">
     <div class="poptitle">
-      Pop-Up Videos Respooled
+      Popup Videos Respooled
     </div>
     <div class="popbannersubtext">
@@ -78 +87 @@
 
 
-<!--
-<div style="background-color: #DD3611; color: white; padding: 4pt; margin-bottom: 6pt;">
-<table>
+<xsl:choose>
+  <xsl:when test="$interface_name='dlfm'">
+    <p class="about">
+      Welcome to the Digitial Library for Musicology version of the
+      <i>Popup Videos Respooled</i> website.  This is a project that
+      repurposes the <a
+      href="/greenstone3/respooled-library/collection/popup-video-respooled/page/about">original
+      Respooled project</a> (designed for a bit of fun), and recasts
+      it with an interface and functionality more suitable for
+      supporting musicological study.
+    </p>
+  </xsl:when>
+  <xsl:otherwise>
+    <p class="about">
+      Welcome to <i>Popup Videos Respooled</i>, a project that rekindles the
+      ideas present in the popular music video TV show <i>Pop Up Videos</i>,
+      a Music TV format devised in the late 1990s that embellishes the shown
+      content with <i>info nuggets</i> that popup as bubbles and then
+      disappear, as a music video plays.  Through this website we have
+      updated and extended the concept, using the open source <a
+      href="http://www.greenstone.org/greenstone3">Greenstone 3 Digital
+      Library Software</a> system as a way to organize the set of videos
+      contained in the site.  The popup information is collated and
+      displayed as metadata.  We have also introduced a gamification element
+      to the site, where users can play along with a song using a range of
+      virtual musical instruments: piano, drum-kit and guitar.
+    </p>
+  </xsl:otherwise>
+</xsl:choose>
 
-  <tr>
-    <td>
-       <img src="{$httpPath}/images/firefox-128.png" />
-    </td>
-    <td>
-    <p class="about">
-      <i><font size="+2">
-        An experiment with Firefox's Advanced
-        Audio Processing Extension ...
-      </font></i>
-    </p>
+<p class="about">
+  Use the search box above to search for content in the digital library, or else
+  click on the Titles, Artists, or Albums tabs to browser the collection
+</p>
 
-    <p class="about">
-      <i><font size="+2">
-... featuring a mash-up of 
-<a class="mashup" href="http://www.greenstone.org" target="_blank">Greenstone</a>,
-<a class="mashup" href="http://www.omras2.org/audioDB" target="_blank">AudioDB</a>, and
-<a class="mashup" href="http://seasr.org/meandre/" target="_blank">Meandre</a>.
-      </font></i>
-    </p>
+<xsl:if test="$interface_name='respooled'">
+  <p class="about">
+    You might also be interested in the <a
+    href="/greenstone3/dlfm-library/collection/popup-video-respooled/page/about">alternative
+    interface</a> to this content, developed for
+    supporting musicological study.
+  </p>
+</xsl:if>
 
 
-          <div id="bd-version" style="display:none;" class="about">
-        <p>
-          <img src="{$httpPath}/images/warning-icon.png" />
-            Version of Firefox detected:
-              <script type="text/javascript">
-                document.write(BrowserDetect.version);
-              </script>
-        </p>
-        <p>
-            You need to upgrade to a more recent version of Firefox 
-            (v4.0 or greater) to access all the audio features of 
-            this demonstration.
-        </p>
-          </div>
-
-          <div id="bd-browser" style="display:none;" class="about">
-
-        <p>
-          <img src="{$httpPath}/images/warning-icon.png" />
-Browser detected:
-          <script type="text/javascript">
-            document.write(BrowserDetect.browser);
-          </script>
-        </p>
-            <p>You need to access this web-site using Firefox 
-            (v4.0 or greater) to access all the audio features provided.
-        </p>
-          </div>
-
-
-
-
-  <script>
-    <xsl:text disable-output-escaping="yes">
-
-if (BrowserDetect.browser == "Firefox") {
-  if (BrowserDetect.version &lt; 4) {
-    document.getElementById("bd-version").style.display="block";
-
-  }
-}
-else {
-  document.getElementById("bd-browser").style.display="block";
-
-}
-      </xsl:text>
-    </script>
-
-
-
-
-    </td>
-  </tr>
-</table>
-</div>
--->
-
-<p class="about">A music DL collection that explores what is possible with only client-side processing.
-
-
-<style>
-  li { padding-bottom: 10px; }
-
-</style>
-
-
-<ol>
-
-  <li>
-    <i>Client-side workflows:</i> the client-side Javascript
-    processing code is refactored to follow the same methodology as
-    Meandre components.
-  </li>
-
-  <li>
-    <i>Visualization:</i> the
-    Pre-computed self-similarity heat-maps are dropped from the
-    collection building process in preference for the same information
-    being computed through Javascript running in the user's web
-    browser.
-  </li>
-
-
-  <li>
-    <i>Annotation:</i> ...
-
-  </li>
-</ol>
-
-</p>
-
-
+<xsl:choose>
+  <xsl:when test="/page/pageRequest/userInformation/@username">
+      <p class="about">
+    To incorpoate new videos into the collection, you need to
+    have the <a href="/greenstone3/Popup_Videos_Respooled.user.js">RespoolMe!</a> User Script installed in your browser
+      </p>
+    
+  </xsl:when>
+</xsl:choose>
+  
 </div>