2022-03-18 21:09:56 +00:00
<!doctype html>
< html class = "no-js" lang = "zxx" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > Divan dit vent< / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2022-07-25 14:51:59 +00:00
< meta property = "og:title" content = "Divent dit vent" >
< meta property = "og:image" content = "https://camelia-studio.org/branches/divan-dit-vent/img/about/about_1.png" >
< meta property = "og:description" content = "Podcast de l'association Camélia Studio. On y partage tout ce qui nous passionne ! Retrouvez « Un amour de saison » où l'on parle de notre coup de cœur de la dernière saison d'animés et divers hors-série." >
2022-03-18 21:09:56 +00:00
<!-- <link rel="manifest" href="site.webmanifest"> -->
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
< link rel = "stylesheet" href = "css/owl.carousel.min.css" >
< link rel = "stylesheet" href = "css/magnific-popup.css" >
< link rel = "stylesheet" href = "css/font-awesome.min.css" >
< link rel = "stylesheet" href = "css/themify-icons.css" >
< link rel = "stylesheet" href = "css/nice-select.css" >
< link rel = "stylesheet" href = "css/flaticon.css" >
< link rel = "stylesheet" href = "css/gijgo.css" >
< link rel = "stylesheet" href = "css/animate.min.css" >
< link rel = "stylesheet" href = "css/slick.css" >
< link rel = "stylesheet" href = "css/slicknav.css" >
< link rel = "stylesheet" href = "css/style.css" >
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
< style >
#searchbar{
margin-left: 15%;
padding:15px;
border-radius: 10px;
2022-03-18 21:45:57 +00:00
background-color: #70685d;
2022-03-18 21:09:56 +00:00
}
input[type=text] {
width: 30%;
-webkit-transition: width 0.15s ease-in-out;
transition: width 0.15s ease-in-out;
}
/* When the input field gets focus,
change its width to 100% */
input[type=text]:focus {
width: 70%;
}
#list{
font-size: 1.5em;
margin-left: 90px;
}
.animes{
display: list-item;
}
< / style >
< / head >
< body >
<!-- [if lte IE 9]>
< p class = "browserupgrade" > You are using an < strong > outdated< / strong > browser. Please < a href = "https://browsehappy.com/" > upgrade your browser< / a > to improve your experience and security.< / p >
<![endif]-->
<!-- header - start -->
< header >
< div class = "header-area " >
< div id = "sticky-header" class = "main-header-area" >
< div class = "container-fluid" >
< div class = "header_bottom_border" >
< div class = "row align-items-center" >
< div class = "col-xl-3 col-lg-2" >
< div class = "logo" >
< a href = "index.html" >
< img src = "img/logo.png" alt = "" >
< / a >
< / div >
< / div >
< div class = "col-xl-6 col-lg-7" >
< div class = "main-menu d-none d-lg-block" >
< nav >
< ul id = "navigation" >
< li > < a class = "active" href = "index.html" > Accueil< / a > < / li >
< li > < a href = "about.html" > Infos< / a > < / li >
< li > < a href = "track.html" > Les émissions< / a > < / li >
< li > < a href = "contact.html" > Contact< / a > < / li >
< li > < a href = "recherche.html" > Recherche< / a > < / li >
< / ul >
< / nav >
< / div >
< / div >
< div class = "col-xl-3 col-lg-3 d-none d-lg-block" >
< div class = "social_icon text-right" >
< ul >
< li > < a href = "https://twitter.com/DivanDitVent" target = "_blank" > < i class = "fa fa-twitter" > < / i > < / a > < / li >
< li > < a href = "https://camelia-studio.org/branches/divan-dit-vent/rss.php" target = "_blank" > < i class = "fa fa-rss" > < / i > < / a > < / li >
< / ul >
< / div >
< / div >
< div class = "col-12" >
< div class = "mobile_menu d-block d-lg-none" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / header >
<!-- header - end -->
<!-- bradcam_area -->
< div class = "bradcam_area breadcam_bg_4" >
< div class = "container" >
< div class = "row" >
< div class = "col-xl-12" >
< div class = "bradcam_text text-center" >
< h3 > Recherche< / h3 >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- / bradcam_area -->
<!-- ================ recherche section start ================= -->
< section class = "contact-section section_padding" >
< div class = "container" >
< div class = "row" >
< div class = "col-12" >
< p > Vous trouverez ici le nom de tous les animes que nous avons abordé dans nos épisodes classiques (les HS sont donc exclus). N'hésitez pas à utiliser la barre de recherche pour trouver rapidement une série. Il vous suffit de cliquer sur le titre pour vous rendre directement à l'épisode qui en parle.< / p >
<!-- input tag -->
< input id = "searchbar" onkeyup = "search_anime()" type = "text"
name="search" placeholder="Chercher un anime ...">
< hr / >
<!-- ordered list -->
< ul id = 'list' >
< li class = "animes" > < a href = "01.html" > Sonny Boy< / a > < / li >
< li class = "animes" > < a href = "01.html" > Tsuki ga Michibiku Isekai Douchuu< / a > < / li >
< li class = "animes" > < a href = "01.html" > Mahouka Koukou no Yuutousei< / a > < / li >
< li class = "animes" > < a href = "01.html" > Tensei Shitara Slime Datta Ken< / a > < / li >
< li class = "animes" > < a href = "02.html" > Blue Period< / a > < / li >
< li class = "animes" > < a href = "02.html" > Edens Zero< / a > < / li >
< li class = "animes" > < a href = "02.html" > Kimetsu no Yaiba< / a > < / li >
< li class = "animes" > < a href = "02.html" > Sekai Saikou no Assassin< / a > < / li >
2022-04-20 16:09:24 +00:00
< li class = "animes" > < a href = "03.html" > Koroshi Ai< / a > < / li >
< li class = "animes" > < a href = "03.html" > Tensai Ouji no Akaji Kokka Saisei Jutsu< / a > < / li >
< li class = "animes" > < a href = "03.html" > Sabikui Bisco< / a > < / li >
< li class = "animes" > < a href = "03.html" > Sexy Cosplay Doll< / a > < / li >
2022-07-18 11:24:02 +00:00
< li class = "animes" > < a href = "04.html" > Spriggan< / a > < / li >
< li class = "animes" > < a href = "04.html" > Paripi Koumei< / a > < / li >
< li class = "animes" > < a href = "04.html" > Spy X Family< / a > < / li >
2022-03-18 21:09:56 +00:00
< / ul >
< / div >
< / div >
< / div >
< / section >
<!-- ================ recherche section end ================= -->
<!-- JS here -->
< script src = "js/vendor/modernizr-3.5.0.min.js" > < / script >
< script src = "js/vendor/jquery-1.12.4.min.js" > < / script >
< script src = "js/popper.min.js" > < / script >
< script src = "js/bootstrap.min.js" > < / script >
< script src = "js/owl.carousel.min.js" > < / script >
< script src = "js/isotope.pkgd.min.js" > < / script >
< script src = "js/ajax-form.js" > < / script >
< script src = "js/waypoints.min.js" > < / script >
< script src = "js/jquery.counterup.min.js" > < / script >
< script src = "js/imagesloaded.pkgd.min.js" > < / script >
< script src = "js/scrollIt.js" > < / script >
< script src = "js/jquery.scrollUp.min.js" > < / script >
< script src = "js/wow.min.js" > < / script >
< script src = "js/nice-select.min.js" > < / script >
< script src = "js/jquery.slicknav.min.js" > < / script >
< script src = "js/jquery.magnific-popup.min.js" > < / script >
< script src = "js/plugins.js" > < / script >
< script src = "js/gijgo.min.js" > < / script >
<!-- contact js -->
< script src = "js/contact.js" > < / script >
< script src = "js/jquery.ajaxchimp.min.js" > < / script >
< script src = "js/jquery.form.js" > < / script >
< script src = "js/jquery.validate.min.js" > < / script >
< script src = "js/mail-script.js" > < / script >
< script src = "js/main.js" > < / script >
< script >
function search_anime() {
let input = document.getElementById('searchbar').value
input=input.toLowerCase();
let x = document.getElementsByClassName('animes');
for (i = 0; i < x.length ; i + + ) {
if (!x[i].innerHTML.toLowerCase().includes(input)) {
x[i].style.display="none";
}
else {
x[i].style.display="list-item";
}
}
}
< / script >
< / body >
< / html >
