The device has been modified: Your browser does not support Ogg Theora

video playback.


git-svn-id: http://yolanda.mister-muffin.de/svn@250 7eef14d0-6ed0-489d-bf55-20463b2d70db

trunk/images/tango/README

@@ -1,5 +1,5 @@
-Tango icons taken from
+Tango icons by various Artists
-http://tango.freedesktop.org/Tango_Icon_Gallery
+License: Creative Commons BY-SA 2.5
 
-they are licensed under CC BY-SA 2.5
+Totem icon by Jakub "jimmac" Steiner
-http://creativecommons.org/licenses/by-sa/2.5/
+License: GPL 2.0

trunk/locale/en-us.xml

@@ -61,6 +61,7 @@
     <string id="error_insert_password">Please insert a password.</string>
     <string id="error_repeat_password">Please repeat your password.</string>
     <string id="error_no_query">You passed no query string.</string>
+    <string id="error_no_ogg_plugin">Your browser does not support Ogg Theora video playback.</string>
     <string id=""></string>
 
     <!-- information -->

trunk/style/default.css

@@ -5,12 +5,6 @@ Yolanda default stylesheet
 
 /* global default */
 
-*
-{
-    clear:            both;
-}
-
-
 body
 {
     font-family:        sans-serif;
@@ -77,6 +71,12 @@ a
         height:             3em;
     }
 
+    div.footer,
+    div.header
+    {
+        clear:                  both;
+    }
+
     a.footer,
     a.header
     {
@@ -137,15 +137,6 @@ a
         border-width:       1px;
     }
 
-/*
-    div.footer
-    {
-        position:           absolute;
-        bottom:             1.5em;
-        margin-right:       1.5em;
-    }
-*/
-
     img.logo-header
     {
         display:        none;
@@ -158,7 +149,6 @@ a
 
 /* content */
 
-
     div.button-download,
     div.button-edit,
     div.button-junk
@@ -185,6 +175,20 @@ a
             vertical-align: middle;
         }
 
+    div#container
+    {
+            position: relative;
+    }
+
+        div#container form
+        {
+            position:       absolute;
+            top:            50%;
+            padding-left:   auto;
+            padding-right:  auto;
+            width:          100%
+        }
+
     div.commentform,
     div.loginform,
     div.registerform,

trunk/xsl/xhtml.xsl

@@ -110,36 +110,4 @@
 
 </xsl:template>
 
-<xsl:template name="tagcloud">
-    <xsl:variable name="max" select="//tagcloud/tag/count[not(//tagcloud/tag/count &gt; .)]" />
-    <xsl:variable name="min" select="//tagcloud/tag/count[not(//tagcloud/tag/count &lt; .)]" />
-    <div class="tagcloud">
-        <xsl:for-each select="//tagcloud/tag">
-            <xsl:sort select="text" order="ascending" data-type="text" />
-            <a class="tag">
-                <xsl:attribute name="style">
-<!--
-                scale *should* be logarihmic, but that's not widely supportet
--->
-                    font-size:<xsl:value-of select="round((32-12)*(number(count)-number($min))div (number($max)-number($min)))+12" />px
-                </xsl:attribute>
-                <xsl:attribute name="href">
-                    <xsl:value-of select="$site_strings[@id='path_results']" />
-                    tag:
-                    <xsl:value-of select="text" />
-                </xsl:attribute>
-                
-                <xsl:value-of select="text" />
-<!--
-                unnecessary, except for debug purposes
-                (<xsl:value-of select="count" />)
--->
-            </a>
-            &#8204;
-        </xsl:for-each>
-    </div>
-
-</xsl:template>
-
-
 </xsl:stylesheet>

trunk/xsl/xhtml/frontpage.xsl

@@ -64,4 +64,35 @@
 
 </xsl:template>
 
+<xsl:template name="tagcloud">
+    <xsl:variable name="max" select="//tagcloud/tag/count[not(//tagcloud/tag/count &gt; .)]" />
+    <xsl:variable name="min" select="//tagcloud/tag/count[not(//tagcloud/tag/count &lt; .)]" />
+    <div class="tagcloud">
+        <xsl:for-each select="//tagcloud/tag">
+            <xsl:sort select="text" order="ascending" data-type="text" />
+            <a class="tag">
+                <xsl:attribute name="style">
+<!--
+                scale *should* be logarihmic, but that's not widely supportet
+-->
+                    font-size:<xsl:value-of select="round((32-12)*(number(count)-number($min))div (number($max)-number($min)))+12" />px
+                </xsl:attribute>
+                <xsl:attribute name="href">
+                    <xsl:value-of select="$site_strings[@id='path_results']" />
+                    tag:
+                    <xsl:value-of select="text" />
+                </xsl:attribute>
+                
+                <xsl:value-of select="text" />
+<!--
+                unnecessary, except for debug purposes
+                (<xsl:value-of select="count" />)
+-->
+            </a>
+            &#8204;
+        </xsl:for-each>
+    </div>
+
+</xsl:template>
+
 </xsl:stylesheet>

trunk/xsl/xhtml/video.xsl

@@ -41,15 +41,13 @@
         function hide_movie()
             {
             document.getElementById('video').style.display = 'none';
-            document.getElementById('thumbnail').style.display = 'block';
+            document.getElementById('container').style.display = 'block';
-            document.getElementById('buttons').style.display = 'block';
             }
 
         function show_movie()
             {
-            document.getElementById('video').style.display = 'block';
+            document.getElementById('video').style.display = 'inline';
-            document.getElementById('thumbnail').style.display = 'none';
+            document.getElementById('container').style.display = 'none';
-            document.getElementById('buttons').style.display = 'none';
             }
 
         ]]]]></xsl:text>
@@ -57,6 +55,7 @@
     </script>
 
     <object type="application/ogg" id="video">
+
         <xsl:attribute name="width">
             <xsl:value-of select="//video/@width" />
         </xsl:attribute>
@@ -66,12 +65,23 @@
         <xsl:attribute name="data">
             <xsl:value-of select="concat(//video/rdf:RDF/cc:Work/@rdf:about,'view=true')" />
         </xsl:attribute>
-        <img src="/images/flash-sucks.png"/><br />
+
+        <div class="messagebox" id="error">
+            <img src="/images/tango/dialog-error.png" />
+            <xsl:value-of select="$locale_strings[@id='error_no_ogg_plugin']" />
+        </div>
+
+        <div>
             <img src="/images/vlc.png"/>
             <img src="/images/mplayer.png"/>
+            <img src="/images/totem.png"/>
+        </div>
+
     </object>
 
-    <img id="thumbnail" style="display: none;">
+    <div id="container" style="display: none;">
+
+        <img>
             <xsl:attribute name="src">
                 <xsl:value-of select="//video/@thumbnail" />
             </xsl:attribute>
@@ -81,12 +91,12 @@
             <xsl:attribute name="height">
                 <xsl:value-of select="//video/@height" />
             </xsl:attribute>
-        <xsl:attribute name="widht">
+            <xsl:attribute name="width">
                 <xsl:value-of select="//video/@width" />
             </xsl:attribute>
         </img>
 
-    <form id="buttons" method="get">
+        <form>
             <xsl:attribute name="action">
                 <xsl:value-of select="//video/rdf:RDF/cc:Work/@rdf:about" />
             </xsl:attribute>
@@ -123,6 +133,8 @@
             </button>
         </form>
 
+    </div>
+
     <xsl:if test="not(//@embed='true')">
 
 <!--