2017-07-14 15:51:49 +02:00
<!DOCTYPE html>
2017-07-22 12:01:22 +02:00
< html lang = "fr" >
2017-07-14 15:51:49 +02:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2017-08-17 17:05:54 +02:00
< meta name = "description" content = "Bonjour, je m'appelle Max SPIEGEL, je suis Graphiste Motion Designer à votre service. Animation 2D/3D, VFX, Authoring Blu-Ray, Sculpting 3D, Illustration." >
2017-08-12 14:40:45 +02:00
< meta name = "author" content = "Max SPIEGEL, Paul Trehiou" >
2017-07-14 15:51:49 +02:00
2017-07-18 14:29:57 +02:00
< title > Max SPIEGEL - Motion Designer< / title >
2017-07-14 18:13:15 +02:00
< link rel = "icon" type = "image/jpg" href = "img/favicon.jpg" / >
2017-07-14 15:51:49 +02:00
<!-- Bootstrap core CSS -->
< link href = "vendor/bootstrap/css/bootstrap.min.css" rel = "stylesheet" >
<!-- Custom fonts for this template -->
< link href = "vendor/font-awesome/css/font-awesome.min.css" rel = "stylesheet" type = "text/css" >
< link href = 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel = 'stylesheet' type = 'text/css' >
< link href = 'https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel = 'stylesheet' type = 'text/css' >
<!-- Plugin CSS -->
< link href = "vendor/magnific-popup/magnific-popup.css" rel = "stylesheet" >
<!-- Custom styles for this template -->
< link href = "css/creative.css" rel = "stylesheet" >
< / head >
< body id = "page-top" >
<!-- Navigation -->
2017-08-12 17:47:21 +02:00
< nav class = "navbar fixed-top navbar-expand-lg navbar-light" id = "mainNav" >
< a class = "navbar-brand" href = "#page-top" > Max Spiegel< small > - Motion Designer< / small > < / a >
< button class = "navbar-toggler navbar-toggler-right" type = "button" data-toggle = "collapse" data-target = "#navbarMain" aria-controls = "navbarMain" aria-expanded = "false" aria-label = "Toggle navigation" >
2017-07-14 15:51:49 +02:00
< span class = "navbar-toggler-icon" > < / span >
< / button >
2017-08-12 17:47:21 +02:00
< div class = "collapse navbar-collapse" id = "navbarMain" >
< ul class = "navbar-nav ml-auto" >
< li class = "nav-item" >
< a class = "nav-link" href = "#about" > Portfolio< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "#contact" > Contact< / a >
< / li >
< / ul >
2017-07-14 15:51:49 +02:00
< / div >
< / nav >
< header class = "masthead" >
2018-04-28 17:57:11 +02:00
< iframe src = "https://www.youtube.com/embed/RX_VXNl1xvg?modestbranding=1&rel=0&html5=1&controls=0&showinfo=0&autoplay=1&loop=1&playlist=RX_VXNl1xvg" frameborder = "0" allowfullscreen > < / iframe >
2017-07-14 15:51:49 +02:00
2017-07-14 18:17:14 +02:00
< a class = "btn btn-default btn-xl" href = "#about" >
2017-07-15 16:27:24 +02:00
< i class = "fa fa-angle-down fa-2x" aria-hidden = "true" > < / i >
2017-07-14 18:17:14 +02:00
< / a >
2017-07-14 20:30:10 +02:00
2017-07-20 13:37:09 +02:00
< a id = "video-sound" class = "btn btn-default" href = "#" >
2017-07-18 16:55:02 +02:00
< svg class = "icone icone-son" aria-hidden = "true" >
< use xlink:href = "/vector/sprite.svg#sound-off" > < / use >
< / svg >
2017-07-15 16:27:24 +02:00
< / a >
2017-08-15 20:29:20 +02:00
< a id = "youtube-link" class = "btn btn-default" href = "https://youtu.be/RX_VXNl1xvg" >
2017-07-15 16:27:24 +02:00
< i class = "fa fa-youtube fa-2x" aria-hidden = "true" > < / i >
2017-07-14 20:30:10 +02:00
< / a >
2017-07-20 13:37:09 +02:00
< a id = "fullscreen-video" class = "btn btn-default" href = "#" >
< i class = "fa fa-arrows-alt fa-2x" aria-hidden = "true" > < / i >
< / a >
2017-07-14 18:13:15 +02:00
< / header >
2017-07-14 15:51:49 +02:00
< section class = "bg-primary" id = "about" >
2017-07-15 16:12:18 +02:00
< img class = "vecto1" src = "img/vecto1.svg" >
< img class = "vecto2" src = "img/vecto2.svg" >
2017-07-14 15:51:49 +02:00
< div class = "container" >
2017-08-12 17:47:21 +02:00
< div class = "row justify-content-center" >
< div class = "col-lg-8 text-center" >
2017-07-15 14:51:29 +02:00
< h1 class = "section-heading text-white" > Portfolio< / h1 >
2017-07-14 15:51:49 +02:00
< / div >
< / div >
< / div >
< / section >
2017-07-15 17:36:21 +02:00
< section id = "portfolio" >
2017-07-20 14:02:35 +02:00
< div class = "d-flex flex-wrap" >
2017-12-03 16:31:22 +01:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-youtubeid = "gsdaZ-aeHaM" data-comment = "Voici l'histoire d'un champignon pas comme les autres qui, pendant quelques aventures, va retrouver une vieille connaissance." >
< video loop muted poster = "img/portfolio/mush.jpg" >
2017-12-03 16:09:56 +01:00
< source src = "video/portfolio/champi.webm" type = "video/webm" >
2017-07-21 18:35:19 +02:00
< / video >
< / div >
2017-07-27 18:44:03 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-youtubeid = "RV0M18MpDtQ" data-comment = "Film de fin d'étude en licence Professionelle à L'ESAV Castres. La fin devait être différente mais suite à un cambriolage se déroulant une semaine avant mes soutenances, j'ai perdu la partie finale de mon projet et dû faire une fin alternative en trois jours." >
2017-07-27 18:04:06 +02:00
< video loop muted poster = "img/portfolio/roy.jpg" >
< source src = "video/portfolio/roy.webm" type = "video/webm" >
2017-07-20 14:02:35 +02:00
< / video >
2017-07-15 17:36:21 +02:00
< / div >
2017-12-03 16:09:56 +01:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-youtubeid = "xy4rGshm9us" data-options = "autoplay=1&loop=1&playlist=xy4rGshm9us" >
< video loop muted poster = "img/portfolio/city.jpg" >
< source src = "video/portfolio/ci.webm" type = "video/webm" >
2017-07-20 14:02:35 +02:00
< / video >
2017-07-15 17:36:21 +02:00
< / div >
2017-08-17 17:05:54 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-youtubeid = "FVdhdDV8rYY" data-options = "autoplay=1&loop=1&playlist=FVdhdDV8rYY" >
2017-08-11 20:42:18 +02:00
< video loop muted poster = "img/portfolio/des.jpg" >
< source src = "video/portfolio/d1.webm" type = "video/webm" >
2017-07-20 14:02:35 +02:00
< / video >
< / div >
2017-07-27 18:44:03 +02:00
< div class = "element-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-sketchfabid = "7507e61126754169937a24858981b185" >
2017-07-24 22:33:29 +02:00
< div class = "portfolio-container" >
2017-07-27 19:34:08 +02:00
< img class = "dynamic-zoom" src = "img/portfolio/Metal Carrot1.jpg" / >
2017-07-24 22:33:29 +02:00
< / div >
2017-07-20 14:02:35 +02:00
< / div >
2017-08-11 20:42:18 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-vimeoid = "194361756" >
< video loop muted poster = "img/portfolio/or.jpg" >
< source src = "video/portfolio/or.webm" type = "video/webm" >
< / video >
< / div >
2017-07-27 18:44:03 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-vimeoid = "202941724" data-comment = "Tableau de Santiago Rusiñol y Prat que j'ai animé avec Clémentine Mériadec pour une diffusion au musée GOYA de Castres." >
2017-07-27 17:35:42 +02:00
< video loop muted poster = "img/portfolio/jar.jpg" >
< source src = "video/portfolio/jar.webm" type = "video/webm" >
< / video >
< / div >
2017-08-12 15:32:35 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#carouselSculptingModal" >
2017-08-12 13:09:05 +02:00
< video loop muted poster = "img/portfolio/st.jpg" >
< source src = "video/portfolio/st.webm" type = "video/webm" >
< / video >
< / div >
2017-08-17 17:05:54 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-youtubeid = "SL3AzzP0kaw" data-options = "autoplay=1&loop=1&playlist=SL3AzzP0kaw" >
2017-08-15 12:14:36 +02:00
< video loop muted poster = "img/portfolio/box.jpg" >
< source src = "video/portfolio/box.webm" type = "video/webm" >
< / video >
< / div >
2017-07-24 22:33:29 +02:00
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
2017-07-20 14:02:35 +02:00
< video loop muted poster = "img/portfolio/1.jpg" >
< source src = "video/portfolio/1.webm" type = "video/webm" >
< / video >
< / div >
2017-07-27 18:44:03 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-vimeoid = "195989917" data-comment = "Générique d'un film fantôme réalisé dans le cadre d'une rencontre avec les GOBELINS, j'ai également pu composer la musique." >
2017-07-27 18:04:06 +02:00
< video loop muted poster = "img/portfolio/pomp.jpg" >
< source src = "video/portfolio/pomp.webm" type = "video/webm" >
< / video >
< / div >
2017-08-11 20:42:18 +02:00
< div class = "element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-vimeoid = "194362062" data-comment = "Clip Vidéo réagissant au rythme de la musique." >
< video loop muted poster = "img/portfolio/vector.jpg" >
< source src = "video/portfolio/music.webm" type = "video/webm" >
2017-07-27 18:39:46 +02:00
< / video >
< / div >
2017-08-16 16:29:26 +02:00
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
2017-08-06 15:34:20 +02:00
< video loop muted poster = "img/portfolio/star.jpg" >
< source src = "video/portfolio/star.webm" type = "video/webm" >
< / video >
< / div >
2017-08-16 16:29:26 +02:00
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
2017-08-07 16:18:57 +02:00
< video loop muted poster = "img/portfolio/all.jpg" >
< source src = "video/portfolio/all.webm" type = "video/webm" >
< / video >
< / div >
2017-07-27 17:35:42 +02:00
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
< video loop muted poster = "img/portfolio/temple.jpg" >
< source src = "video/portfolio/temple.webm" type = "video/webm" >
< / video >
< / div >
2017-08-07 20:53:45 +02:00
< div class = "element-portfolio clickable col-lg-4 col-sm-6" data-toggle = "modal" data-target = "#iframeModal" data-sketchfabid = "867f16ceee8746dfb8fd428a77cf9b57" >
< div class = "portfolio-container" >
< img class = "dynamic-zoom" src = "img/portfolio/her.jpg" / >
< / div >
< / div >
2017-07-27 17:35:42 +02:00
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
< video loop muted poster = "img/portfolio/def.jpg" >
< source src = "video/portfolio/def.webm" type = "video/webm" >
< / video >
< / div >
< div class = "element-portfolio video-portfolio col-lg-4 col-sm-6" >
< video loop muted poster = "img/portfolio/water.jpg" >
< source src = "video/portfolio/water.webm" type = "video/webm" >
2017-07-20 14:02:35 +02:00
< / video >
< / div >
2017-07-14 15:51:49 +02:00
< / div >
< / section >
< section id = "contact" >
< div class = "container" >
2017-08-12 17:47:21 +02:00
< div class = "row justify-content-center" >
< div class = "col-8 text-center" >
2017-07-21 18:27:47 +02:00
< h2 class = "section-heading" > Contacts< / h2 >
2017-07-14 15:51:49 +02:00
< hr class = "primary" >
2018-04-06 20:05:21 +02:00
< p > Je suis disponible aux coordonnées suivantes :< / p >
2017-07-14 15:51:49 +02:00
< / div >
2017-08-12 17:47:21 +02:00
< / div >
< div class = "row justify-content-center" >
< div class = "col-lg-4 text-center" >
2017-07-14 15:51:49 +02:00
< i class = "fa fa-phone fa-3x sr-contact" > < / i >
2017-08-15 20:29:20 +02:00
< p > 0033 (0) 6 44 26 78 84< / p >
2017-07-14 15:51:49 +02:00
< / div >
< div class = "col-lg-4 text-center" >
< i class = "fa fa-envelope-o fa-3x sr-contact" > < / i >
2017-08-15 20:29:20 +02:00
< p > < a href = "mailto:your-email@your-domain.com" > spiegel.max1996@gmail.com< / a > < / p >
2017-07-14 15:51:49 +02:00
< / div >
< / div >
< / div >
< / section >
2017-07-16 23:21:41 +02:00
2017-07-27 18:44:03 +02:00
< div class = "modal fade" id = "iframeModal" tabindex = "-1" role = "dialog" aria-hidden = "true" >
2017-07-19 13:53:32 +02:00
< div class = "modal-dialog modal-lg" role = "document" >
2017-07-17 00:56:35 +02:00
< div class = "modal-content" >
2017-07-19 20:10:00 +02:00
< div class = "modal-header" >
2017-07-17 00:56:35 +02:00
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" >
2017-07-19 13:31:10 +02:00
< span aria-hidden = "true" > × < / span >
2017-07-17 00:56:35 +02:00
< / button >
2017-07-19 20:10:00 +02:00
< / div >
< div class = "modal-body" >
2017-07-20 14:09:52 +02:00
< div class = "embed-responsive embed-responsive-16by9" >
2017-07-27 18:44:03 +02:00
< iframe class = "embed-responsive-item" src = "" > < / iframe >
2017-07-24 17:09:52 +02:00
< / div >
2017-07-24 22:52:08 +02:00
< div class = "modal-comment" >
< / div >
2017-07-24 17:09:52 +02:00
< / div >
< / div >
< / div >
< / div >
2017-08-12 15:32:35 +02:00
< div class = "modal fade" id = "carouselSculptingModal" tabindex = "-1" role = "dialog" aria-hidden = "true" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< / div >
< div class = "modal-body" >
< div id = "carouselSculpting" class = "carousel slide" data-ride = "carousel" >
< ol class = "carousel-indicators" >
< li data-target = "#carouselSculpting" data-slide-to = "0" class = "active" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "1" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "2" > < / li >
2017-08-12 16:31:18 +02:00
< li data-target = "#carouselSculpting" data-slide-to = "3" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "4" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "5" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "6" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "7" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "8" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "9" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "10" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "11" > < / li >
< li data-target = "#carouselSculpting" data-slide-to = "12" > < / li >
2017-08-12 15:32:35 +02:00
< / ol >
< div class = "carousel-inner" role = "listbox" >
< div class = "carousel-item active" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/1.jpg" alt = "1" >
2017-08-12 15:32:35 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/2.jpg" alt = "2" >
2017-08-12 15:32:35 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/3.jpg" alt = "3" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/4.jpg" alt = "4" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/5.jpg" alt = "5" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/6.jpg" alt = "6" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/7.jpg" alt = "7" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/8.jpg" alt = "8" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/9.jpg" alt = "9" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/10.jpg" alt = "10" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/11.jpg" alt = "11" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/12.jpg" alt = "12" >
2017-08-12 16:31:18 +02:00
< / div >
< div class = "carousel-item" >
2017-08-12 16:39:46 +02:00
< img class = "d-block img-fluid" src = "img/Carousel/stage/13.jpg" alt = "13" >
2017-08-12 16:31:18 +02:00
< / div >
2017-08-12 15:32:35 +02:00
< / div >
< a class = "carousel-control-prev" role = "button" data-slide = "prev" data-target = "#carouselSculpting" >
< span class = "carousel-control-prev-icon" aria-hidden = "true" > < / span >
< span class = "sr-only" > Previous< / span >
< / a >
< a class = "carousel-control-next" role = "button" data-slide = "next" data-target = "#carouselSculpting" >
< span class = "carousel-control-next-icon" aria-hidden = "true" > < / span >
< span class = "sr-only" > Next< / span >
< / a >
< / div >
< div class = "modal-comment" >
2017-08-12 16:31:18 +02:00
< hr >
< p > Voici quelques images des projets 3D sur lesquels j'ai travaillé en vue de la création de bijoux pour 2 Saints de la fonderie Solyfonte.
< / p >
2017-08-12 15:32:35 +02:00
< / div >
< / div >
< / div >
< / div >
< / div >
2017-07-14 15:51:49 +02:00
<!-- Bootstrap core JavaScript -->
< script src = "vendor/jquery/jquery.min.js" > < / script >
< script src = "vendor/tether/tether.min.js" > < / script >
2017-08-12 17:47:21 +02:00
< script src = "vendor/popper/popper.min.js" > < / script >
2017-07-14 15:51:49 +02:00
< script src = "vendor/bootstrap/js/bootstrap.min.js" > < / script >
<!-- Plugin JavaScript -->
< script src = "vendor/jquery-easing/jquery.easing.min.js" > < / script >
< script src = "vendor/scrollreveal/scrollreveal.min.js" > < / script >
< script src = "vendor/magnific-popup/jquery.magnific-popup.min.js" > < / script >
<!-- Custom scripts for this template -->
< script src = "js/creative.min.js" > < / script >
2017-07-14 20:30:10 +02:00
< script >
2017-07-16 23:21:41 +02:00
var video_button = document.getElementById("video-sound");
2017-07-20 13:37:09 +02:00
var fullscreen_button = document.getElementById("fullscreen-video");
2017-07-19 15:30:24 +02:00
2017-07-16 23:59:15 +02:00
var portfolio_videos = document.getElementsByClassName('video-portfolio');
for (video_div of portfolio_videos) {
video_div.onmouseover = function() {this.children[0].play()};
video_div.onmouseout = function() {this.children[0].load()};
}
2017-07-17 00:56:35 +02:00
2017-07-24 22:54:25 +02:00
var comment_header = "< hr > < p > "
2017-07-27 19:01:23 +02:00
2017-07-27 18:44:03 +02:00
$('#iframeModal').on('show.bs.modal', function (event) {
var modal = $(this);
2017-07-19 13:20:15 +02:00
var button = $(event.relatedTarget);
2017-07-27 18:44:03 +02:00
var iframe = modal.find('.modal-body iframe')[0];
2017-07-19 13:20:15 +02:00
var youtube_id = button.data('youtubeid');
2017-07-27 18:44:03 +02:00
var vimeo_id = button.data('vimeoid');
var sketchfab_id = button.data('sketchfabid');
2017-07-19 19:40:51 +02:00
var comment = button.data('comment');
2017-07-20 20:13:40 +02:00
var options = button.data('options');
2017-07-27 18:44:03 +02:00
var url = "";
2017-07-20 20:13:40 +02:00
2017-07-27 18:44:03 +02:00
if (youtube_id) {
url = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
if (options) {
url += '& ' + options;
}
iframe.setAttribute("allowfullscreen", "");
iframe.src = url;
} else if (vimeo_id) {
2017-07-20 20:13:40 +02:00
2017-07-27 18:44:03 +02:00
url = 'https://player.vimeo.com/video/' + vimeo_id;
iframe.setAttribute("allowfullscreen", "");
iframe.src = url;
} else if (sketchfab_id) {
2017-07-24 22:52:08 +02:00
2017-07-27 18:44:03 +02:00
url = 'https://sketchfab.com/models/' + sketchfab_id + '/embed?autostart=1';
2017-07-24 17:09:52 +02:00
2017-07-27 18:44:03 +02:00
iframe.setAttribute("allowfullscreen", "");
iframe.setAttribute("allowvr", "");
iframe.setAttribute("onmousewheel", "");
iframe.src = url;
2017-07-24 22:52:08 +02:00
2017-07-27 18:44:03 +02:00
}
2017-07-24 22:52:08 +02:00
if (comment) {
modal.find('.modal-body .modal-comment')[0].innerHTML = comment_header + comment + '< / p > ';
}
2017-07-24 17:09:52 +02:00
});
2017-07-27 18:44:03 +02:00
$('#iframeModal').on('hidden.bs.modal', function () {
2017-07-24 17:09:52 +02:00
$(this).find('.modal-body iframe')[0].src = "";
2017-07-27 18:44:03 +02:00
$(this).find('.modal-body .modal-comment')[0].innerHTML = "";
2017-07-24 17:09:52 +02:00
});
2017-07-27 18:44:03 +02:00
2017-07-14 20:30:10 +02:00
< / script >
2017-07-14 15:51:49 +02:00
2017-08-12 15:05:47 +02:00
< footer >
2017-08-12 15:11:28 +02:00
< small > Un GRAND merci à Paul TREHIOU, inspiré du thème < a href = "https://startbootstrap.com/template-overviews/creative/" > Creative< / a > < a rel = "license" href = "http://creativecommons.org/licenses/by-nc-sa/4.0/" > < img alt = "Licence Creative Commons" style = "border-width:0" src = "https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" > < / a > < / small >
2017-08-12 15:05:47 +02:00
< / footer >
2017-07-14 15:51:49 +02:00
< / body >
< / html >
