camelia-studio/Sites-Camelia
camelia-studio/Sites-Camelia
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[divan] +ép. 01

Browse Source
This commit is contained in:
Esenjin 2021-10-18 14:37:20 +02:00
parent ccd13bf8ca
commit 22ff76736a
9 changed files with 196 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
branches/divan-dit-vent/01.html Normal file
View File

@ -0,0 +1,183 @@
<!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">
<!-- <link rel="manifest" href="site.webmanifest"> -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- 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/audioplayer.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/gijgo.css">
<link rel="stylesheet" href="css/animate.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"> -->
</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>
</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://divan-dit-vent.lepodcast.fr" target="_blank"> <i class="fa fa-podcast"></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_2">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="bradcam_text text-center">
<h3>[01] Mon fiston réincarné en lune magique</h3>
</div>
</div>
</div>
</div>
</div>
<!--/ bradcam_area -->
<!-- music_area -->
<div class="music_area music_gallery inc_padding">
<div class="container">
<div class="row align-items-center justify-content-center mb-20">
<div class="col-xl-10">
<div class="row align-items-center">
<div class="col-xl-9 col-md-9">
<div class="music_field">
<div class="thumb">
<img src="img/pochettes/93273578.jpg" alt="">
</div>
<div class="audio_name">
<div class="name">
<h4>Premier épisode</h4>
<p>Diffusé le : 16 octobre 2021</p>
</div>
<audio preload="auto" controls>
<source src="mp3/01_mon-fiston-réincarné-en-lune-magique.mp3">
</audio>
</div>
</div>
</div>
</div>
<br>
<h4>Sommaire</h4>
<p>- Introduction [00:00:00]</p>
<p>- Chronique de Minhette ; Sonny Boy [00:03:06]</p>
<p>- Chronique de Yoshi ; Tsuki ga Michibiku Isekai Douchuu [00:15:52]</p>
<p>- Pause musicale ; Plastic Love - Mariya Takeuchi [00:25:18]</p>
<p>- Chronique d'Esenjin ; Mahouka Koukou no Yuutousei [00:30:18]</p>
<p>- Chronique de Kittyscats ; Tensei Shitara Slime Datta Ken 2nd Season Part 2 [00:41:26]</p>
<p>- Les attentes des chroniqueurs pour l'automne [00:57:25]</p>
<p>- Musique de fin ; Pandrezz - Springs Breeze [01:08:05]</p>
</div>
</div>
</div>
<!-- music_area end -->
<!-- link that opens popup -->
<!-- JS here -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>
<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/audioplayer.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>
<script src="js/slick.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() {
$('audio').audioPlayer({
});
});
</script>
</body>
</html>

37
branches/divan-dit-vent/contact_process.php
View File

@ -1,37 +0,0 @@
<?php
$to = "spn8@spondonit.com";
$from = $_REQUEST['email'];
$name = $_REQUEST['name'];
$subject = $_REQUEST['subject'];
$number = $_REQUEST['number'];
$cmessage = $_REQUEST['message'];
$headers = "From: $from";
$headers = "From: " . $from . "\r\n";
$headers .= "Reply-To: ". $from . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$subject = "You have a message from your Bitmap Photography.";
$logo = 'img/logo.png';
$link = '#';
$body = "<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title>Express Mail</title></head><body>";
$body .= "<table style='width: 100%;'>";
$body .= "<thead style='text-align: center;'><tr><td style='border:none;' colspan='2'>";
$body .= "<a href='{$link}'><img src='{$logo}' alt=''></a><br><br>";
$body .= "</td></tr></thead><tbody><tr>";
$body .= "<td style='border:none;'><strong>Name:</strong> {$name}</td>";
$body .= "<td style='border:none;'><strong>Email:</strong> {$from}</td>";
$body .= "</tr>";
$body .= "<tr><td style='border:none;'><strong>Subject:</strong> {$csubject}</td></tr>";
$body .= "<tr><td></td></tr>";
$body .= "<tr><td colspan='2' style='border:none;'>{$cmessage}</td></tr>";
$body .= "</tbody></table>";
$body .= "</body></html>";
$send = mail($to, $subject, $body, $headers);
?>

5
branches/divan-dit-vent/css/style.css
View File

@ -3152,6 +3152,11 @@ h3 {
background-image: url(../img/banner/bradcam_4.png); background-image: url(../img/banner/bradcam_4.png);
} }
/* BG fiches des épisodes */
.breadcam_bg_93362165_p0 {
background-image: url(../img/banner/93362165_p0.jpg);
}
/* line 13, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_bradcam.scss */ /* line 13, ../../Arafath/CL/Cl November/221. Music/HTML/scss/_bradcam.scss */
.bradcam_area { .bradcam_area {
background-size: cover; background-size: cover;

BIN
branches/divan-dit-vent/img/banner/93362165_p0.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1019 KiB

BIN
branches/divan-dit-vent/img/pochettes/93273578.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
branches/divan-dit-vent/img/pochettes/v-0-0.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

10
branches/divan-dit-vent/index.html
View File

@ -105,22 +105,22 @@
<div class="col-xl-9 col-md-9"> <div class="col-xl-9 col-md-9">
<div class="music_field"> <div class="music_field">
<div class="thumb"> <div class="thumb">
<img src="img/pochettes/v-0-0.png" alt=""> <img src="img/pochettes/93273578.jpg" alt="">
</div> </div>
<div class="audio_name"> <div class="audio_name">
<div class="name"> <div class="name">
<h4>Épisode 01 | ???</h4> <h4>Épisode 01 | Mon fiston réincarné en lune magique</h4>
<p>16 octobre 2021</p> <p>16 octobre 2021</p>
</div> </div>
<audio preload="auto" controls> <audio preload="auto" controls>
<source src="épisodes/v-0-0.mp3"> <source src="mp3/01_mon-fiston-réincarné-en-lune-magique.mp3">
</audio> </audio>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xl-3 col-md-3"> <div class="col-xl-3 col-md-3">
<div class="music_btn"> <div class="music_btn">
<a href="épisodes/v-0-0.mp3" class="boxed-btn">Télécharger</a> <a href="01.html" class="boxed-btn">Fiche de l'émission</a>
</div> </div>
</div> </div>
</div> </div>

BIN
branches/divan-dit-vent/mp3/01_mon-fiston-réincarné-en-lune-magique.mp3 Normal file
View File

Binary file not shown.

9
branches/divan-dit-vent/track.html
View File

@ -102,22 +102,19 @@
<div class="col-xl-9 col-md-9"> <div class="col-xl-9 col-md-9">
<div class="music_field"> <div class="music_field">
<div class="thumb"> <div class="thumb">
<img src="img/pochettes/v-0-0.png" alt=""> <img src="img/pochettes/93273578.jpg" alt="">
</div> </div>
<div class="audio_name"> <div class="audio_name">
<div class="name"> <div class="name">
<h4>Épisode 01 | ???</h4> <h4>Épisode 01 | Mon fiston réincarné en lune magique</h4>
<p>16 octobre 2021</p> <p>16 octobre 2021</p>
</div> </div>
<audio preload="auto" controls>
<source src="épisodes/v-0-0.mp3">
</audio>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xl-3 col-md-3"> <div class="col-xl-3 col-md-3">
<div class="music_btn"> <div class="music_btn">
<a href="épisodes/v-0-0.mp3" class="boxed-btn">Télécharger</a> <a href="01.html" class="boxed-btn">Écouter</a>
</div> </div>
</div> </div>
</div> </div>