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)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/about.xsl
r29875 r30093 63 63 <div style="width: 800px; margin-left: auto; margin-right: auto;"> 64 64 65 <xsl:if test="$interface_name='dlfm'"> 66 <style> 67 .popbanner { 68 background-color: #DEEDF7; 69 color: #000; 70 } 71 </style> 72 </xsl:if> 65 73 74 66 75 <div class="popbanner"> 67 76 <div class="poptitle"> 68 Pop -Up Videos Respooled77 Popup Videos Respooled 69 78 </div> 70 79 <div class="popbannersubtext"> … … 78 87 79 88 80 <!-- 81 <div style="background-color: #DD3611; color: white; padding: 4pt; margin-bottom: 6pt;"> 82 <table> 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> 83 118 84 <tr> 85 <td> 86 <img src="{$httpPath}/images/firefox-128.png" /> 87 </td> 88 <td> 89 <p class="about"> 90 <i><font size="+2"> 91 An experiment with Firefox's Advanced 92 Audio Processing Extension ... 93 </font></i> 94 </p> 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> 95 123 96 <p class="about">97 <i><font size="+2">98 ... featuring a mash-up of 99 <a class="mashup" href="http://www.greenstone.org" target="_blank">Greenstone</a>, 100 <a class="mashup" href="http://www.omras2.org/audioDB" target="_blank">AudioDB</a>, and 101 <a class="mashup" href="http://seasr.org/meandre/" target="_blank">Meandre</a>.102 </font></i>103 </p>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> 104 132 105 133 106 <div id="bd-version" style="display:none;" class="about"> 107 <p> 108 <img src="{$httpPath}/images/warning-icon.png" /> 109 Version of Firefox detected: 110 <script type="text/javascript"> 111 document.write(BrowserDetect.version); 112 </script> 113 </p> 114 <p> 115 You need to upgrade to a more recent version of Firefox 116 (v4.0 or greater) to access all the audio features of 117 this demonstration. 118 </p> 119 </div> 120 121 <div id="bd-browser" style="display:none;" class="about"> 122 123 <p> 124 <img src="{$httpPath}/images/warning-icon.png" /> 125 Browser detected: 126 <script type="text/javascript"> 127 document.write(BrowserDetect.browser); 128 </script> 129 </p> 130 <p>You need to access this web-site using Firefox 131 (v4.0 or greater) to access all the audio features provided. 132 </p> 133 </div> 134 135 136 137 138 <script> 139 <xsl:text disable-output-escaping="yes"> 140 141 if (BrowserDetect.browser == "Firefox") { 142 if (BrowserDetect.version < 4) { 143 document.getElementById("bd-version").style.display="block"; 144 145 } 146 } 147 else { 148 document.getElementById("bd-browser").style.display="block"; 149 150 } 151 </xsl:text> 152 </script> 153 154 155 156 157 </td> 158 </tr> 159 </table> 160 </div> 161 --> 162 163 <p class="about">A music DL collection that explores what is possible with only client-side processing. 164 165 166 <style> 167 li { padding-bottom: 10px; } 168 169 </style> 170 171 172 <ol> 173 174 <li> 175 <i>Client-side workflows:</i> the client-side Javascript 176 processing code is refactored to follow the same methodology as 177 Meandre components. 178 </li> 179 180 <li> 181 <i>Visualization:</i> the 182 Pre-computed self-similarity heat-maps are dropped from the 183 collection building process in preference for the same information 184 being computed through Javascript running in the user's web 185 browser. 186 </li> 187 188 189 <li> 190 <i>Annotation:</i> ... 191 192 </li> 193 </ol> 194 195 </p> 196 197 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 198 144 </div> 199 145
Note:
See TracChangeset
for help on using the changeset viewer.