Connection failed: SQLSTATE[HY000] [2002] No such file or directory<style>
body {
   font-family: "Lato", sans-serif;
    line-height: 1.6;
     font-weight: 400;
}

.sidebar {
  font-family: cursive;
  height: 100%;
  width: 50%;
  max-width: 200px;
  position: fixed;
  z-index: 1;
  top: 0px;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.0s;
  padding-top: 60px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sidebar a {
  padding: 8px 8px 8px 34px;
  text-decoration: none;
  font-size: 20px;
  color: black;
  display: block;
  transition: 0.0s;
  
}

.sidebar a:hover {
  color: blue;
  text-decoration: none;
}

.sidebar .closebtn {
  position: absolute;
  top: 6px;
  left: -13px;
  font-size: 26px;
  margin-left: 50px;
  padding: 10px 0px;
  font-family: 'Great Vibes', cursive;
}

 .openbtn {
  font-size: 26px;
  cursor: pointer;
  background-color: transparent;
  color: black;
  
  border: none;
  margin-top: 6px;
  font-family: 'Great Vibes', cursive;
  margin-left: 15px;
}

.openbtn:hover {
  background-color: transparent;
}
  #main{
  transition: margin-left .5s;
  top: -80px;
  
  


}
/*.header-items{
    width: 100%;
    margin-top: -1%;
    position: fixed;
    z-index: 1;
   
    
}
.header-items .circle{
  position: absolute;
  top: 4px;
  right: 100px;
  font-size: 20px;
  padding: 10px 0px;
   color: black;
}
.header-items .search{
  position: absolute;
  top: 4px;
  right: 60px;
  font-size: 20px;
  padding: 10px 0px;
  color: black;
}

.header-items .profile{
  position: absolute;
  top: 12.7px;
  right: 20px;
  font-size: 20px;
  padding: 0px 0px;
   color: black;
}*/

div.sticky {
  width: 30%;
  max-width: 200px;
  z-index: 1;
  position: fixed;
  border:none;
  top: 0;
  background-color: transparent;
  padding: 5px;
  font-size: 0px;
 
}


body {
  font-family: Arial;
}

* {
  box-sizing: border-box;
}

.openBtn {
  background: transparent;
  border: none;
  padding: 0px 0px;
  font-size: 25px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: -10px;
  width: 80%;
  text-align: center;
  margin-top: 0px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: -10px;
  left: 3%;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  max-width :1000px;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}
.sticky img{
    width: 30px;
    vertical-align: middle;
}

.top{
    height: 50px;
    width: 100%;
    z-index: 1;
    position: fixed;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size)*/
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 0px;}
  .sidebar a {font-size: 18px;}

}
@media screen and (max-height: 450px) {
.sidebar {
  height: 100%;
  width: 0px;
  position: fixed;
  z-index: 1;
  top: 0px;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.0s;
  padding-top: 60px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

}
</style>
</head>
<div>
     

<div class="sticky">
<div id="mySidebar" class="sidebar">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">☰ &nbsp;&nbsp;&nbsp;CinPic</a>
        
          <a href='https://cinpic.com/AnaSayfa'><img class="icons" src=https://cinpic.com/home.png alt="Ana Sayfa">&nbsp;&nbsp;&nbsp;&nbsp;Ana Sayfa</a><br>
       <!-- <a href='https://cinpic.com/Uyeler'><img class="icons" src=https://cinpic.com/recruitment.png >&nbsp;&nbsp;&nbsp;&nbsp;Arkadaşlar</a>-->
        <a href='https://cinpic.com/messages/new/'><img class="icons" src=https://cinpic.com/chat.png alt="Mesaj">&nbsp;&nbsp;&nbsp;&nbsp;Mesaj</a>
          <a href='https://cinpic.com/GirisYap'><img class="icons" src=https://cinpic.com/user.png alt="profil">&nbsp;&nbsp;&nbsp;&nbsp;Profil</a>
         <!--0 hali -> <a href='Movie'><img class="icons" src=https://cinpic.com/film.png >&nbsp;&nbsp;&nbsp;&nbsp;Film/Dizi</a>-->
        <a href='/film'><img class="icons" src=https://cinpic.com/film.png alt="film">&nbsp;&nbsp;&nbsp;&nbsp;Film/Dizi</a>
        <a href='https://cinpic.com/Paylas'> <img class="icons" src=https://cinpic.com/add.png alt="paylaş">&nbsp;&nbsp;&nbsp;&nbsp;Paylaş</a>
        <button onclick="openSearch()" style="border: none; background-color: transparent;"> <a href="#" onclick="event.preventDefault();"><img class="icons" src="/../../search.png" alt="ara">
  &nbsp;&nbsp;Arama </a></button>

        
             <a href='https://cinpic.com/GirisYap'>
            
            <hr> Giriş yap</a>

           

</div>

<!--



<div class="header-items">
    <a href="https://cinpic.com/Paylas" class="circle"><img class="icons" src="/../../add.png" alt="paylaş"></a>
<button><a class="search" onclick="openSearch()"><img class="icons" src="/../../search.png" alt="ara"></a></button>
<a href='https://cinpic.com/GirisYap' class="profile"><img class="icons" src="/../../user.png" alt="https://cinpic.com/GirisYap'"></a>
    
</div>


-->
<div id="myOverlay" class="overlay">
  <span class="closebtn" onclick="closeSearch()" title="Close Overlay">×</span>
  <div class="overlay-content">
    <form  method="get" action="results.php">
                        <div class="form-group">
                            <input type="text" name="user_query" placeholder="CinPic'te Ara">
                        </div>
                     
                    </form>
  </div>
</div>

   

<!--
         <div id="main">
 </div>-->
 <button class="openbtn" onclick="openNav()"> ☰ </button>

</div> 


<script>
function kontrolEt() {
  var sayfaGenisligi = window.innerWidth;
  var belirliDeger = 768; // Tetikleme için belirli genişlik değeri

  if (sayfaGenisligi < belirliDeger) {
    // Fonksiyonunuzu burada çağırabilirsiniz
    // Örnek olarak:
     closeNav();
  }
}
function kontrolEt1() {
  var sayfaGenisligi = window.innerWidth;
  var belirliDeger1 = 768; // Tetikleme için belirli genişlik değeri

  if (sayfaGenisligi > belirliDeger1) {
    // Fonksiyonunuzu burada çağırabilirsiniz
    // Örnek olarak:
     openNav();
  }
}

// Sayfa boyutu değiştiğinde kontrolEt fonksiyonunu çağır
window.addEventListener('resize', kontrolEt);
window.addEventListener('resize', kontrolEt1);



function openNav() {
  document.getElementById("mySidebar").style.width = "200px";
  document.getElementById("main").style.marginLeft = "20%";
  document.getElementById("main").style.width = "80%";
 
  
}

function closeNav() {
  document.getElementById("mySidebar").style.width = "0";
  document.getElementById("main").style.marginLeft= "0";
  document.getElementById("main").style.width = "100%";
  
}

function openSearch() {
  document.getElementById("myOverlay").style.display = "block";
}

function closeSearch() {
  document.getElementById("myOverlay").style.display = "none";
}
</script>

</div>

<!DOCTYPE html>
<html lang="tr">
  <head>
      <title> Yule </title>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
   
    <base href="https://cinpic.com/">
    
    <meta property="og:type" content="website">
    <meta property="og:title" content="Yule">
    <meta property="og:description" content=" ">
    <meta property="og:image" content="https://image.tmdb.org/t/p/w500/mRpepaJZ6pIXCQCNWpjYL71BCLL.jpg">
    <meta property="og:url" content="https://cinpic.com">
    
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@cinpiccom">
    <meta name="twitter:title" content="Yule">
    <meta name="twitter:description" content=" ">
    <meta name="twitter:description" content=" ">

    <meta name="twitter:image" content="https://image.tmdb.org/t/p/w500/mRpepaJZ6pIXCQCNWpjYL71BCLL.jpg">
    <meta name="twitter:url" content="https://cinpic.com">
    
    
<meta name="description" content="Yule  kişisinin film ve dizileri hakkında bilgi edin. Biyografisini oku , yapımlarını takip et. ">

    <meta name="description" content=" ">
    
    
    
<link rel="stylesheet" href="about.css" />
    <title> Yule </title>

  </head>

<head>
  
</head>
  <body>




<body>
<div id="main" style="width: 80%; float: right;">
 <div class="container">
  
  <div class="detail-short">
   
                  <img class="poster" src=https://image.tmdb.org/t/p/w500/mRpepaJZ6pIXCQCNWpjYL71BCLL.jpg alt="Yule">
              
        
          <div class="title">
                <h1 style='font-size:1.2em; font-weight: 400;'>Yule</h1>
  
          </div>
         <div>
             <h2 style='font-size:0.8em; '>
         <p class="storyline">
                    </p>
          </h2>
     </div>

</div>
        

<div>
<h3><div class="similar">Yule Filmleri </div></h3>
<div class="movies-container">

      
       <a href="https://cinpic.com/film/casting-couch-11/1339750" >
                    <img class="movie" src=https://image.tmdb.org/t/p/w500/3CCIaB95yKVh6mv8NyJF2HB7y7M.jpg alt="Casting Couch 11">
                   
      </a>
      
          
 </div> </br></br>
 
 <h3><div class="similar">Yule Dizileri </div></h3>
     <div class="movies-container">
     
     
    </div> 
 
      

         
</div>
    
              </div>


 </div>

</body>
</html>