[29863] | 1 | <?xml version="1.0" encoding="UTF-8"?>
|
---|
| 2 | <!DOCTYPE videocollection [
|
---|
| 3 | <!ENTITY ndash "–">
|
---|
| 4 | <!ENTITY mdash "—">
|
---|
| 5 | ]>
|
---|
| 6 | <xsl:stylesheet version="1.0"
|
---|
| 7 | xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
|
---|
| 8 | xmlns:java="http://xml.apache.org/xslt/java"
|
---|
| 9 | xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
|
---|
| 10 | xmlns:gslib="http://www.greenstone.org/skinning"
|
---|
| 11 | extension-element-prefixes="java util"
|
---|
| 12 | exclude-result-prefixes="java util">
|
---|
| 13 |
|
---|
| 14 | <!-- use the 'main' layout -->
|
---|
| 15 | <xsl:include href="layouts/main.xsl"/>
|
---|
| 16 |
|
---|
| 17 | <!-- set page title -->
|
---|
| 18 | <xsl:template name="pageTitle"><gslib:collectionName/></xsl:template>
|
---|
| 19 |
|
---|
| 20 | <!-- set page breadcrumbs -->
|
---|
| 21 | <xsl:template name="breadcrumbs"><gslib:siteLink/><gslib:rightArrow/></xsl:template>
|
---|
| 22 |
|
---|
| 23 | <!-- the page content -->
|
---|
| 24 | <xsl:template match="/page">
|
---|
| 25 |
|
---|
| 26 | <!--Display the description text of the current collection,
|
---|
| 27 | and if some services are available then create a list
|
---|
| 28 | of links for each service within a <ul id="servicelist"> element.-->
|
---|
| 29 |
|
---|
| 30 | <xsl:variable name="httpPath">
|
---|
| 31 | <xsl:value-of select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']" />
|
---|
| 32 | </xsl:variable>
|
---|
| 33 |
|
---|
| 34 | <link href="http://fonts.googleapis.com/css?family=Pacifico" type="text/css" rel="stylesheet"></link>
|
---|
| 35 | <link href="http://fonts.googleapis.com/css?family=Rock+Salt" type="text/css" rel="stylesheet"></link>
|
---|
| 36 | <!--
|
---|
| 37 | <link href="{$httpPath}/style/?family=Pacifico" type="text/css" rel="stylesheet"></link>
|
---|
| 38 | -->
|
---|
| 39 |
|
---|
| 40 | <link rel="stylesheet" href="{$httpPath}/style/style.css" ></link>
|
---|
| 41 | <link rel="stylesheet" href="{$httpPath}/style/about-sub.css" ></link>
|
---|
| 42 |
|
---|
| 43 | <style>
|
---|
| 44 | p.about { text-align: justify; }
|
---|
| 45 | h2 { /* line-height: 135%; */ }
|
---|
| 46 | h3 { margin-top: 4pt; margin-bottom: 7pt; line-height: 135%; }
|
---|
| 47 |
|
---|
| 48 | a.mashup {text-decoration: none; }
|
---|
| 49 | a.mashup:link {color:#000080;} /* unvisited link */
|
---|
| 50 | a.mashup:visited {color:#303080;} /* visited link */
|
---|
| 51 | a.mashup:hover {color:#000040;} /* mouse over link */
|
---|
| 52 | a.mashup:active {color:#0000a0;}
|
---|
| 53 |
|
---|
| 54 | </style>
|
---|
| 55 |
|
---|
| 56 |
|
---|
| 57 | <script src="{$httpPath}/script2/browser-detect.js" type="text/javascript">
|
---|
| 58 | /* space filler needed */
|
---|
| 59 | </script>
|
---|
| 60 |
|
---|
| 61 |
|
---|
| 62 |
|
---|
| 63 | <div style="width: 800px; margin-left: auto; margin-right: auto;">
|
---|
| 64 |
|
---|
[30093] | 65 | <xsl:if test="$interface_name='dlfm'">
|
---|
| 66 | <style>
|
---|
| 67 | .popbanner {
|
---|
| 68 | background-color: #DEEDF7;
|
---|
| 69 | color: #000;
|
---|
| 70 | }
|
---|
| 71 | </style>
|
---|
| 72 | </xsl:if>
|
---|
[29863] | 73 |
|
---|
[30093] | 74 |
|
---|
[29863] | 75 | <div class="popbanner">
|
---|
| 76 | <div class="poptitle">
|
---|
[30093] | 77 | Popup Videos Respooled
|
---|
[29863] | 78 | </div>
|
---|
| 79 | <div class="popbannersubtext">
|
---|
| 80 | Brought to you by VHHHHH1(*)
|
---|
| 81 | </div>
|
---|
| 82 | <div style="height: 10pt;"><hr /><xsl:comment>forced gap</xsl:comment></div>
|
---|
| 83 | <div class="popbannernote">
|
---|
| 84 | (*) <i>not affiliated to any music TV stations with fewer H's</i>
|
---|
| 85 | </div>
|
---|
| 86 | </div>
|
---|
| 87 |
|
---|
| 88 |
|
---|
[30093] | 89 | <xsl:choose>
|
---|
| 90 | <xsl:when test="$interface_name='dlfm'">
|
---|
| 91 | <p class="about">
|
---|
| 92 | Welcome to the Digitial Library for Musicology version of the
|
---|
| 93 | <i>Popup Videos Respooled</i> website. This is a project that
|
---|
| 94 | repurposes the <a
|
---|
| 95 | href="/greenstone3/respooled-library/collection/popup-video-respooled/page/about">original
|
---|
| 96 | Respooled project</a> (designed for a bit of fun), and recasts
|
---|
| 97 | it with an interface and functionality more suitable for
|
---|
| 98 | supporting musicological study.
|
---|
| 99 | </p>
|
---|
| 100 | </xsl:when>
|
---|
| 101 | <xsl:otherwise>
|
---|
| 102 | <p class="about">
|
---|
| 103 | Welcome to <i>Popup Videos Respooled</i>, a project that rekindles the
|
---|
| 104 | ideas present in the popular music video TV show <i>Pop Up Videos</i>,
|
---|
| 105 | a Music TV format devised in the late 1990s that embellishes the shown
|
---|
| 106 | content with <i>info nuggets</i> that popup as bubbles and then
|
---|
| 107 | disappear, as a music video plays. Through this website we have
|
---|
| 108 | updated and extended the concept, using the open source <a
|
---|
| 109 | href="http://www.greenstone.org/greenstone3">Greenstone 3 Digital
|
---|
| 110 | Library Software</a> system as a way to organize the set of videos
|
---|
| 111 | contained in the site. The popup information is collated and
|
---|
| 112 | displayed as metadata. We have also introduced a gamification element
|
---|
| 113 | to the site, where users can play along with a song using a range of
|
---|
| 114 | virtual musical instruments: piano, drum-kit and guitar.
|
---|
| 115 | </p>
|
---|
| 116 | </xsl:otherwise>
|
---|
| 117 | </xsl:choose>
|
---|
[29863] | 118 |
|
---|
[30093] | 119 | <p class="about">
|
---|
| 120 | Use the search box above to search for content in the digital library, or else
|
---|
| 121 | click on the Titles, Artists, or Albums tabs to browser the collection
|
---|
| 122 | </p>
|
---|
[29863] | 123 |
|
---|
[30093] | 124 | <xsl:if test="$interface_name='respooled'">
|
---|
| 125 | <p class="about">
|
---|
| 126 | You might also be interested in the <a
|
---|
| 127 | href="/greenstone3/dlfm-library/collection/popup-video-respooled/page/about">alternative
|
---|
| 128 | interface</a> to this content, developed for
|
---|
| 129 | supporting musicological study.
|
---|
| 130 | </p>
|
---|
| 131 | </xsl:if>
|
---|
[29863] | 132 |
|
---|
| 133 |
|
---|
[30093] | 134 | <xsl:choose>
|
---|
| 135 | <xsl:when test="/page/pageRequest/userInformation/@username">
|
---|
| 136 | <p class="about">
|
---|
| 137 | To incorpoate new videos into the collection, you need to
|
---|
| 138 | have the <a href="/greenstone3/Popup_Videos_Respooled.user.js">RespoolMe!</a> User Script installed in your browser
|
---|
| 139 | </p>
|
---|
| 140 |
|
---|
| 141 | </xsl:when>
|
---|
| 142 | </xsl:choose>
|
---|
| 143 |
|
---|
[29863] | 144 | </div>
|
---|
| 145 |
|
---|
| 146 |
|
---|
| 147 | </xsl:template>
|
---|
| 148 |
|
---|
| 149 |
|
---|
| 150 | </xsl:stylesheet>
|
---|
| 151 |
|
---|