xemu-project/xemu-website
1
0
Fork 0
mirror of https://github.com/xemu-project/xemu-website.git synced 2024-10-07 00:23:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Click to enlarge title cover

Browse Source
This commit is contained in:
Matt Borgerson 2022-06-07 23:00:31 -07:00
parent 428b73933f
commit e8df1202d6
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
templates/template_title.html
View File

@ -21,7 +21,7 @@
<!-- Game Cover -->
<div class="col-md-4 text-center">
<figure class="figure">
<img src="{{ title.cover_url }}" class="img-thumbnail img-fluid" width=350 />
<a href="{{ title.cover_url }}" class="enlarge-image"><img src="{{ title.cover_url }}" class="img-thumbnail img-fluid" width=350 /></a>
</figure>
</div>
@ -112,3 +112,22 @@
</div>
</div>
{% endblock %}
{% block append_head %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
{% endblock %}
{% block append_foot %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.enlarge-image').magnificPopup({
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true
}
});
});
</script>
{% endblock %}