Difference between revisions of "Sandbox"

The projects and contributions area at dekalborama.com
 
(47 intermediate revisions by 3 users not shown)
Line 23: Line 23:
{{Template:Ephemera}}
{{Template:Ephemera}}
</p>
</p>
<p>...and [[Ephemera02]]
===Testing the bigbullet css class....===
Alas, all work here has been broken time and again as MediaWiki changed its mechanism for handling "skins", breaking the site each time. The text here is left for a future day when we might resurrect the css definitions in the "enkoBook" skin. Until then, edit this page for a look at history. <em>-- Gongmaster, 2021</em>
<div style="clear:both; min-height:155px">
<div id="ephemera" class="bigbullet" style="float:left;">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]
</div>
<p class="bbtext">Use "id='ephemera'" to invoke the animated "Neoteric book" image under the cover.
</p>
</p>
<p>Creating [[Collection of Tim Blickhan]]
</div>
<div style="clear:both; min-height:155px">
<div class="bigbullet" style="float:left;">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]
</div>
<p class="bbtext">Using no "id" value gives us the default background animation....
</p>
</p>
</div>
<div style="clear:both; min-height:155px">
<div class="bigbullet" style="float:left; background-image:'images/b/bc/Sitelaunch_B_anim_125.gif';">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]
</div>
<p class="bbtext">But can we override the animation by simply using the style property during invocation?</p>
<p class="bbtext">No. But surely there is some css way to do image substitution without defining style sheets for individual pages....</p>
</div>
===Well, it worked until the 1.35 upgrade===
<p>All skins are now handled differently (ugh) but maybe we can resurrect using the Gadgets approach recommended by MediaWiki.</p>
<p>Test that image (img) tags no longer function:
<img src="http://dekal;borama.com/wikimedia/images/cincoDrop.png" alt="Attempting to place cincoDrop.png here..."></p>
<p>Yup, definitely and thoroughly dead.</p>
<div class="bigbullet">[[File:Ephemera_rectoB_anim_125.gif|link=Neoteric_Ensemble]]
<div class="bbcover" style="position:relative; top:-125px; left:0px;">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]</div></div>
<p class="bbtext">Can't get divs to hide on hover using css gadgets. Is it even working?<br>
At long last, yes. By rewriting it in the right place. Oh, well...</p>
<div class="bigbullet">[[File:Ephemera_rectoB_anim_125.gif|link=Neoteric_Ensemble]]
<div class="bbcover" style="position:relative; top:-125px; left:0px;">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]</div></div>
<p class="bbtext">And now we'll check to see if we have stacked float issues... We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need even more text. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more.</p>
<div class="bigbullet">[[File:Ephemera_rectoB_anim_125.gif|link=Neoteric_Ensemble]]
<div class="bbcover" style="position:relative; top:-125px; left:0px;">[[File:Ephemera_rectoB_stat_125.gif|link=Neoteric_Ensemble]]</div></div>
<p class="bbtext">...but not much more.</p>
<p>Shall we just try creating MediaWiki:Common.css like almost all documentation seems to suggest, despite claims of deprecation sprinkled through the [Hah!] documentation?</p>
==More convenient workspaces==
<p>Creating [[Collection of Gene Nichols]]
</p>
<ul>Band pages
<ul>Band pages
   <li>Create a [[Neoteric Ensemble]] page...
   <li>Create a [[Neoteric Ensemble]] page...
Line 33: Line 73:
   </li>
   </li>
</ul>
</ul>
<ul>In memoriam
 
   <li>Create [[Barbara Bullock]]
<p>To create a [[new_page]]:
<ul>
   <li>Get a login: [mailto:gongmaster@wikigong.com contact us]
  </li>
  <li>Edit any page (this one works)
  </li>
  <li>Type the new page name encased in double square brackets
   </li>
   </li>
   <li>Create [[Harry Castle]]
   <li>Save your edits (or use "show preview")
   </li>
   </li>
   <li>Create [[Jim Slenger]]
   <li>Click the link to open the new page and start editing...
   </li>
   </li>
</ul>
</ul>


==Video experiments==
It's easy enough to be non-obvious...
Can we use HTML5 as hinted at elsewhere?
 
===Take 1: HTML5 tagging===
<video>
      <source type="video/mp4" src="Relache_039_Dance.mp4" />
      <source type="video/ogg" src="Relache_039_Dance.ogv" />
</video>
Hmmm. Need to install some stuff....
===Take 1.5: More HTML5===
Maybe it is the syntax?
<nowiki>
<video poster="Relache_039.jpg" controls>
        <source src='Relache_039_Dance.webm' type='video/webm; codecs="vp8.0, vorbis"'/>
        <source src=Relache_039_Dance.ogv' type='video/ogg; codecs="theora, vorbis"'/>
        <source src='Relache_039_Dance.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>Or try this link [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link] if the video doesn't play.</p>
</video>
</nowiki>
===Take 2: mwEmbed/Kaltura===
It seems this has been displaced by [http://corp.kaltura.com/ commercial elements].
===Take 3: HTML5video extension===
<HTML5video type="HTML5" width="320" height="240" autoplay="false" loop="false">Relache_039_Dance</HTML5video>
 
Uploaded three versions of the video:
#Relache_039_Dance.mp4
#Relache_039_Dance.ogv  (Huge!)
#Relache_039_Dance.webm
 
Hopeful, but challenged. Results so far:
*Android 2.3.6 = Yes! Plays in its own window.
*Chrome 17.0 = Yes! On PC running Vista Enterprise
*Firefox 11.0 = Yes! Only after pushing MIME types as below.
*Safari 5.1.4 = Yes! On both Mac OS X Snow Leopard and PC Vista
*IE 7 = Nope, not even after the MIME adjustment. Not even a box....
 
Thanks to [http://camendesign.com/code/video_for_everybody Video for Everybody] for a few hints. Adding MIME types to .htaccess, for example.... Now, what to do about IE7 since I cannot get Flash fallback to work?
 
First uploaded even more formats to see if IE can be fooled:
#Relache_039_Dance.flv
#Relache_039_Dance.avi (Also huge!)
 
Drat!
===Take4: jwplayer standalone....===
<p><!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE --></p>
<div id="mediaplayer">JW Player goes here</div>
<p>
<script type="text/javascript" src="../jwplayer/jwplayer.js"></script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "jwplayer/player.swf",
file: "jwplayer/video.mp4",
image: "jwplayer/preview.jpg"
});
</script>
<!-- END OF THE PLAYER EMBEDDING --></p>
 
Oh, well....
===Take5: MediawikiPlayer embedding===
First an MPEG 4 file:


<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.mp4</mediaplayer>
Working through the [[:Category:Diaspora]]:
* Anyone left?
Add link to a blank page for nominees. Removal from this list should mean a page exists!


Then Flash:
Our [[Video Sandbox|video experiments]] dragged on and on, so now there's a separate page...


<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.flv</mediaplayer>
And a page for [[Credits]]: GNU licensed software, etc....
===Last resort===
Well, there's always [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link]!


[[Category:Site_administration]]
[[Category:Site_administration]]
[[Category:Templates]]
[[Category:Templates]]
[[Category:Work to do]]
[[Category:Work to do]]

Latest revision as of 02:51, 27 September 2021

  • A place to play.
  • A place to spawn new pages.
  • A place to test what works.

Setting up for spam filters....

See whether these exist....

Setting up templates for submissions and linkings

Let's test it: Ephemera rectoA anim 125.gif

Testing the bigbullet css class....[edit]

Alas, all work here has been broken time and again as MediaWiki changed its mechanism for handling "skins", breaking the site each time. The text here is left for a future day when we might resurrect the css definitions in the "enkoBook" skin. Until then, edit this page for a look at history. -- Gongmaster, 2021

Ephemera rectoB stat 125.gif

Use "id='ephemera'" to invoke the animated "Neoteric book" image under the cover.

Ephemera rectoB stat 125.gif

Using no "id" value gives us the default background animation....

Ephemera rectoB stat 125.gif

But can we override the animation by simply using the style property during invocation?

No. But surely there is some css way to do image substitution without defining style sheets for individual pages....

Well, it worked until the 1.35 upgrade[edit]

All skins are now handled differently (ugh) but maybe we can resurrect using the Gadgets approach recommended by MediaWiki.

Test that image (img) tags no longer function: <img src="http://dekal;borama.com/wikimedia/images/cincoDrop.png" alt="Attempting to place cincoDrop.png here...">

Yup, definitely and thoroughly dead.

Ephemera rectoB anim 125.gif
Ephemera rectoB stat 125.gif

Can't get divs to hide on hover using css gadgets. Is it even working?
At long last, yes. By rewriting it in the right place. Oh, well...

Ephemera rectoB anim 125.gif
Ephemera rectoB stat 125.gif

And now we'll check to see if we have stacked float issues... We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need a lot of text. We'll need even more text. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more. And even more.

Ephemera rectoB anim 125.gif
Ephemera rectoB stat 125.gif

...but not much more.

Shall we just try creating MediaWiki:Common.css like almost all documentation seems to suggest, despite claims of deprecation sprinkled through the [Hah!] documentation?

More convenient workspaces[edit]

Creating Collection of Gene Nichols

To create a new_page:

  • Get a login: contact us
  • Edit any page (this one works)
  • Type the new page name encased in double square brackets
  • Save your edits (or use "show preview")
  • Click the link to open the new page and start editing...

It's easy enough to be non-obvious...

Working through the Category:Diaspora:

  • Anyone left?

Add link to a blank page for nominees. Removal from this list should mean a page exists!

Our video experiments dragged on and on, so now there's a separate page...

And a page for Credits: GNU licensed software, etc....

Retrieved from "http://www.dekalborama.com/mediawiki/index.php?title=Sandbox&oldid=1189"