Compare commits

...

2 Commits

Author SHA1 Message Date
3a329b42ef
corrections font-awesome 3 -> 4
All checks were successful
2019-07-14 12:28:22 +02:00
665125e0dd
Ajout lien ArtStation modal 2019-07-14 12:28:07 +02:00

View File

@ -148,7 +148,7 @@
<source src="video/portfolio/lant.webm" type="video/webm"> <source src="video/portfolio/lant.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-comment="When a train leaves the earth..."> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287802537?autoplay=1&loop=1&autopause=0" data-artstationid="xzKzvX" data-comment="When a train leaves the earth...">
<video loop muted poster="img/portfolio/loco.jpg"> <video loop muted poster="img/portfolio/loco.jpg">
<source src="video/portfolio/loco.webm" type="video/webm"> <source src="video/portfolio/loco.webm" type="video/webm">
</video> </video>
@ -236,11 +236,11 @@
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<i class="fa fa-phone fa-3x sr-contact"></i> <i class="fas fa-phone-alt fa-3x sr-contact"></i>
<p>0033 (0) 6 44 26 78 84</p> <p>0033 (0) 6 44 26 78 84</p>
</div> </div>
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<i class="fa fa-envelope-o fa-3x sr-contact"></i> <i class="fas fa-envelope fa-3x sr-contact"></i>
<p><a href="mailto:spiegel.max1996@gmail.com">spiegel.max1996@gmail.com</a></p> <p><a href="mailto:spiegel.max1996@gmail.com">spiegel.max1996@gmail.com</a></p>
</div> </div>
</div> </div>
@ -376,7 +376,6 @@
video_div.onmouseout = function() {this.children[0].load()}; video_div.onmouseout = function() {this.children[0].load()};
} }
var comment_header = "<hr><p>"
$('#iframeModal').on('show.bs.modal', function (event) { $('#iframeModal').on('show.bs.modal', function (event) {
var modal = $(this); var modal = $(this);
@ -386,6 +385,7 @@
var youtube_id = button.data('youtubeid'); var youtube_id = button.data('youtubeid');
var vimeo_id = button.data('vimeoid'); var vimeo_id = button.data('vimeoid');
var sketchfab_id = button.data('sketchfabid'); var sketchfab_id = button.data('sketchfabid');
var artstation_id = button.data('artstationid');
var comment = button.data('comment'); var comment = button.data('comment');
var options = button.data('options'); var options = button.data('options');
@ -421,8 +421,21 @@
} }
var modal_comment = modal.find('.modal-body .modal-comment')[0];
if (comment) { if (comment) {
modal.find('.modal-body .modal-comment')[0].innerHTML = comment_header + comment + '</p>'; var comment_object = document.createElement('p');
comment_object.innerText = comment;
modal_comment.appendChild(document.createElement('hr'));
modal_comment.appendChild(comment_object);
}
if (artstation_id) {
var artstation_link = document.createElement('a');
artstation_link.title = "More details on ArtStation";
artstation_link.href = "https://www.artstation.com/artwork/" + artstation_id;
modal_comment.appendChild(document.createElement('hr'));
modal_comment.appendChild(artstation_link);
} }
}); });