Today is

test page

About

palace-of-westminster_main.jpg
 
 

It all started when…

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Sed a ligula quis sapien lacinia egestas. Quisque congue porttitor ullamcorper. Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Quisque congue porttitor ullamcorper. Nulla eu pretium massa.

Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Nullam sit amet nisi condimentum erat iaculis auctor. Donec eu est non lacus lacinia semper. Donec ac fringilla turpis. In sit amet felis malesuada, feugiat purus eget, varius mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

 

Video plug in:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="//f.vimeocdn.com/js/froogaloop2.min.js"></script>

<script>

$(function() {

// Video Plugin

$( " .index-image-overlay:eq(0)" ).append( $('.squarepluginsvideo') );

});

</script>

<script>

$(function() {

// Video Plugin

$( " .index-image-overlay:eq(0)" ).append( $('.videooverlay') );

});

</script>

<div style="display: none;">

<div class="videooverlay" style="height:100% !important; width:100% !important; top:0 !important; left:0 !important; position:absolute !important; background:#000 !important; opacity:0.2 !important;"></div>

<iframe class="squarepluginsvideo" src="https://player.vimeo.com/video/108425305?api=1&autoplay=1&loop=1&badge=0title=0&byline=0&portrait=0&background=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="overflow: hidden; position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; background:#201703 !important; box-sizing:content-box !important;"></iframe>

</div>

<script>

$(document).ready ( function(){

var divHeight = $(' .index-image-overlay:eq(0)').height();

var divWidth = $(' .index-image-overlay:eq(0)').width();

var aspHeight = divWidth / divHeight;

if(aspHeight < 1.7){

$('.squarepluginsvideo').height(1.1 * divHeight);

$('.squarepluginsvideo').width(2 * divHeight);

}

if(aspHeight > 1.7){

$('.squarepluginsvideo').height(0.7 * divWidth);

$('.squarepluginsvideo').width(1.3 * divWidth);

}

});

</script>

<script type="text/javascript">

window.onresize = resize;

function resize()

{

var divHeight = $(' .index-image-overlay:eq(0)').height();

var divWidth = $(' .index-image-overlay:eq(0)').width();

var aspHeight = divWidth / divHeight;if(aspHeight < 1.7){

$('.squarepluginsvideo').height(1.1 * divHeight);

$('.squarepluginsvideo').width(2 * divHeight);

}

if(aspHeight > 1.7){

$('.squarepluginsvideo').height(0.7 * divWidth);

$('.squarepluginsvideo').width(1.3 * divWidth);

}

}

</script>

<style>

.index-image-overlay {overflow:hidden !important; pointer-events: none !important;}

video::-webkit-media-controls {display:none !important;}

.touch .squarepluginsvideo {display:none !important;}

@media (max-width:667px) {.squarepluginsvideo {display:none !important;}}

</style>

<script>

document.documentElement.className +=

(("ontouchstart" in document.documentElement) ? ' touch' : ' no-touch');

</script>

<script>

var iframe = $('.squarepluginsvideo')[0],

player = $f(iframe),

status = $('.status'); player.addEvent('ready', function() {

player.api('setVolume', 0);

});

</script>