afornerot/ninefolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

svg

Browse Source
This commit is contained in:
afornerot
2024-11-03 18:32:47 +01:00
parent 71eb7db988
commit 8d2970959c
4 changed files with 42 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/Home/user.html.twig
View File

@ -189,6 +189,7 @@
<a href="{{ config.youtube }}" target="_blank" title="Youtube"><i class="fab fa-youtube fa-2x"></i></a>
{% endif %}
<a href="{{ path("app_feeduser",{userpseudo:user.slug}) }}" target="_blank" title="RSS"><i class="fa fa-rss-square fa-2x"></i></a>
<a href="{{ path("app_slide",{userpseudo:user.slug}) }}" target="_blank" title="RSS"><i class="fa fa-play fa-2x"></i></a>
</div>
@ -355,14 +356,15 @@
{% if not config.appsubname is empty %}
{{ config.appsubname }}<br>
{%endif%}
{% if not config.appdescription is empty %}
<small><br>{{ config.appdescription|raw }}</small><br>
{%endif%}
<br>
{% if user.email is not empty or config.facebook is not empty or config.instagram is not empty or config.twitter is not empty or config.google is not empty or config.youtube is not empty %}
<br><br>
{% endif %}
{% if user.email is not empty %}
<i class="fas fa-envelope"></i> Email = <a href="mailto:{{ user.email }}" target="_blank" title="Email">{{ user.email }}</a><br>
{% endif %}

26
templates/Illustration/slide.html.twig
View File

@ -20,8 +20,17 @@
/*box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.45);*/
}
</style>
<img style="display:none;" id="illustration_illustration_img" src="/{{ appAlias }}/uploads/illustration/{{illustrations[0].illustration}}">
<div id="content" style="display:flex">
<div style="width:70%; overflow:hidden;padding-left:35px;test-align:center;">
<img style="display:none;" id="illustration_illustration_img" src="/{{ appAlias }}/uploads/illustration/{{illustrations[0].illustration}}">
</div>
<div style="width:30%; display:flex; flex-direction: column; align-items:center;padding-top:15px">
<img src="{{asset("uploads/avatar/"~user.avatar)}}" style="width:150px; height:150px;border-radius:100%">
<h2 style="flex-grow:1">{{user.pseudo}}</h2>
{% set qrCode = qr_code_result(absolute_url(path("app_home_user",{userpseudo:user.slug}))) %}
<img src="{{ qrCode.dataUri }}" width="200px" />
</div>
</div>
{% endblock %}
{% block localjavascript %}
@ -47,17 +56,15 @@
}
function resizeImage() {
console.log("resize")
height=$(window).height()-70;
height=$(window).height()-35;
$("#content").height($(window).height()-35);
$("#illustration_illustration_img").css({height:height,width:'auto'});
width=$(window).width()-90;
if($("#illustration_illustration_img").width()>width)
$("#illustration_illustration_img").css({width:width,height:'auto'});
height=$("#illustration_illustration_img").height();
$("#bigright").css({height:height,"line-height":height+"px"});
$("#bigleft").css({height:height,"line-height":height+"px"});
height=$("#illustration_illustration_img").height();
}
$(document).ready(function() {
@ -65,7 +72,9 @@
tbimg.push("{{illustration.illustration}}");
{% endfor %}
tbimg=shuffle(tbimg)
tbimg=shuffle(tbimg);
total=tbimg.length;
console.log(total);
$('body').imagesLoaded(function() {
resizeImage();
$("#illustration_illustration_img").fadeIn();
@ -73,6 +82,7 @@
var intervalId = window.setInterval(function(){
posImg++;
if(posImg>=total) posImg=0;
img=tbimg[posImg];
console.log(img);
url="/{{ appAlias }}/uploads/illustration/xxx";