<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>$title</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="shortcut icon" href="https://www.omdb.org/favicon.ico">
<style>
body {
	background-color:#efefef;
}
a {
	color:#121212;
	transition: 0.4s all;
}
h1{
	color:#ff0000;
}
a:hover {
	color:#ff0000;
	transition: 0.2s all;
}

#main{
	padding: 10px;
	background-color:#dedede;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

img.logo{
	float:right;
	width: 45px;
	height:50px;
	align:right;
	transition-timing-function: ease-in-out;
	transform: rotate(0deg);
	transition: 0.3s all;
}
img.logo:hover{
	transition-timing-function: ease-in-out;
	transform: rotate(360deg);
	transition: 0.3s all;
}
</style>

</head>
<body><div id='main'>
<a href="$script_name/" style="float:left; font-size:small;">&lt; Home</a>
<a href="https://www.credativ.de" target="blank" ><img src="https://www.credativ.com/sites/default/files/styles/carousel_logo/public/CD_credativ.png" class="logo" alt="credativ GmbH" title="Open Source for Business"\></a>
<h1>$title</h1>

[% BLOCK movie %]
<a href="$script_name/movie/$m.id-$m.name">$m.name</a> ($m.kind[% IF m.date %], <a href="$script_name/date/$m.date">$m.date</a>[% END %])
[% END %]

[% BLOCK comma %]
[% IF NOT loop.last %], [% END %]
[% END %]
