Moe
/
moeFlix


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>moeFlix</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <style>

      h1 {
        font-size: 8vh;
      }

      #logo {
        margin: 0 auto;
        text-align: center;
      }

      #logo img {
      width: 100%;
      }

      @media only screen and (min-width : 768px) {
        #logo img {
          width: auto;
          height: 200px;
        }
      }

      .list .row {
        display: flex;
        flex-wrap: wrap;
      }

      .col-sm-3 > div > a > img {
        width: 100%;
      }

      .col-sm-3 {
        padding-bottom: 15px;
        min-height: 500px;
      }

      .col-sm-3.episode {
        min-height: 50px;
      }

      .col-sm-3.episode > div > a > img {
        min-height: 50px;
      }

      .image-zoom {
        overflow: hidden;
      }

      .image-zoom img {
        -webkit-transition: all 1s ease; /* Safari and Chrome */
        -moz-transition: all 1s ease; /* Firefox */
        -ms-transition: all 1s ease; /* IE 9 */
        -o-transition: all 1s ease; /* Opera */
        transition: all 1s ease;
        outline: 1px solid transparent;
      }

      .image-zoom:hover img {
        -webkit-transform:scale(1.15); /* Safari and Chrome */
        -moz-transform:scale(1.15); /* Firefox */
        -ms-transform:scale(1.15); /* IE 9 */
        -o-transform:scale(1.15); /* Opera */
        transform:scale(1.15);
      }

      .episode-title {
        padding-top: 15px;
      }

      #user-menu {
        text-align: center;
      }

      @media only screen and (max-width : 480px) {
        .col-sm-3 {
          text-align: center;
        }
      }

    </style>
  </head>
  <body>

    <div id="logo">
      <a href="<?php echo $GLOBALS['conf']['baseURL']; ?>"><img src="<?php echo $GLOBALS['conf']['baseURL']; ?>img/moeflix.png" alt="moeflix"></a>
    </div>
    <div id="user-menu">
      <span>
        <i class="fa fa-hand-peace-o"></i>, <a href="<?php echo $GLOBALS['conf']['baseURL']; ?>?view=user"><?php echo $_SESSION['mail']; ?></a> <a href="<?php echo $GLOBALS['conf']['baseURL']; ?>?action=logout">Logout</a>
      </span>
    </div>