View source for Template:Home/FloppyDisk

<templatestyles src="Home/FloppyDisk/styles.css" />
<div class="floppy-outer" style="box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115);">
<h2>From The Floppy Disk</h2>
<div class="floppy-inner">
<div id="outer1">
<div id="floppy1" style="-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);">
<DPL>
  category       = People
  mode           = none
  randomcount    = 1
  randomseed     ={{#time:Ymd}}
  include        = *
  nottitlematch  = %Home%
  format         = ,<h2>[[%TITLE%]]</h2>,
</DPL>
</div>
<p style="text-align: center;"><b>Click the heading above to read more!</b></p>
</div>
<div id="outer2">
<div id="floppy2" style="-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);">
<DPL>
  category       = Songs
  mode           = none
  randomcount    = 1
  randomseed     ={{#time:Ymd}}
  include        = *
  nottitlematch  = %Home%  
  format         = ,<h2>[[%TITLE%]]</h2>,
</DPL>
</div>
<p style="text-align: center;"><b>Click the heading above to read more!</b></p>
</div>
<div id="outer3">
<div id="floppy3" style="-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);">
<DPL>
  category       = Releases
  mode           = none
  randomcount    = 1
  randomseed     ={{#time:Ymd}}
  include        = *
  nottitlematch  = %Home%  
  format         = ,<h2>[[%TITLE%]]</h2>,
</DPL>
</div>
<p style="text-align: center;"><b>Click the heading above to read more!</b></p>
</div>
</div>
</div>
<html>
<head>
<script>
$(document).ready(function(){
  $('.thumbinner').css({
    'width': 'unset'
  });
})
</script>
</head>
</html>