Editing Sandbox

The projects and contributions area at dekalborama.com

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.

Latest revision Your text
Line 23: Line 23:
{{Template:Ephemera}}
{{Template:Ephemera}}
</p>
</p>
===Testing the bigbullet css class....===
<p>...and [[Ephemera02]]
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>
</div>
<p>Creating [[Collection of Tim Blickhan]]
<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 73: Line 33:
   </li>
   </li>
</ul>
</ul>
 
<ul>In memoriam
<p>To create a [[new_page]]:
   <li>Create [[Barbara Bullock]]
<ul>
   <li>Get a login: [mailto:gongmaster@wikigong.com contact us]
  </li>
  <li>Edit any page (this one works)
   </li>
   </li>
   <li>Type the new page name encased in double square brackets
   <li>Create [[Harry Castle]]
   </li>
   </li>
   <li>Save your edits (or use "show preview")
   <li>Create [[Jim Slenger]]
  </li>
  <li>Click the link to open the new page and start editing...
   </li>
   </li>
</ul>
</ul>


It's easy enough to be non-obvious...
==Video experiments==
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:


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


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


And a page for [[Credits]]: GNU licensed software, etc....
<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.flv</mediaplayer>
===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]]

Please note that all contributions to dekalbowiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see dekalbowiki:Copyrights for details). Do not submit copyrighted work without permission!

To edit this page, please answer the question that appears below (more info):

Cancel Editing help (opens in new window)

Template used on this page: