Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ajout d'une BD explicative en anglais. #1271

Closed
wants to merge 4 commits into from
Closed

Ajout d'une BD explicative en anglais. #1271

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
15c1d1b
html update
TheodoreCouz Nov 14, 2023
44323f8
revert to basic html version
TheodoreCouz Nov 14, 2023
6741d5f
adding the english version of the comics, including the modifications…
TheodoreCouz Nov 20, 2023
ff4b653
resolving added files issue
TheodoreCouz Nov 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added ihatemoney/static/showcase_en/1.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/2.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/3.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/4.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/5.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/6.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/7.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/8.webp
View file
Open in desktop
Binary file not shown.
Binary file added ihatemoney/static/showcase_en/9.webp
View file
Open in desktop
Binary file not shown.
8 changes: 7 additions & 1 deletion ihatemoney/templates/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,12 @@ <h2>{{ _("Manage your shared <br />expenses, easily") }}</h2>
<a class="showcase btn" onclick="javascript:showGallery(); return false;">Voir la BD explicative</a>
<img class="showcaseimg" src="{{ url_for("static", filename='images/indicate.svg') }}" />
</span>
{% else %}
--
<span class="side-to-side">
<a class="showcase btn" onclick="javascript:showGallery_en(); return false;">See the explicative comics</a>
<img class="showcaseimg" src="{{ url_for("static", filename='images/indicate.svg') }}" />
</span>
{% endif %}
</div>
<div class="col-xs-12 col-sm-4">
Expand Down Expand Up @@ -97,4 +103,4 @@ <h2>{{ _("Manage your shared <br />expenses, easily") }}</h2>
trigger: 'focus',
placement: 'right'
});
{% endblock %}
{% endblock %}
28 changes: 27 additions & 1 deletion ihatemoney/templates/showcase.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@
<script type="text/javascript">
var pswpElement = document.getElementById('pswp');
var items = JSON.parse('[{"h": 2450, "src": "{{ url_for("static", filename="showcase/1.webp") }}", "w": 2450}, {"h": 2509, "src": "{{ url_for("static", filename="showcase/2.webp") }}", "w": 2221}, {"h": 2536, "src": "{{ url_for("static", filename="showcase/3.webp") }}", "w": 2101}, {"h": 2722, "src": "{{ url_for("static", filename="showcase/4.webp") }}", "w": 2348}, {"h": 2745, "src": "{{ url_for("static", filename="showcase/5.webp") }}", "w": 1804}, {"h": 3307, "src": "{{ url_for("static", filename="showcase/6.webp") }}", "w": 2897}, {"h": 2321, "src": "{{ url_for("static", filename="showcase/7.webp") }}", "w": 2239}, {"h": 2470, "src": "{{ url_for("static", filename="showcase/8.webp") }}", "w": 2419}, {"h": 3307, "src": "{{ url_for("static", filename="showcase/9.webp") }}", "w": 2602}]');
var items_en = JSON.parse('[{"h": 2450, "src": "{{ url_for("static", filename="showcase_en/1.webp") }}", "w": 2450}, {"h": 2509, "src": "{{ url_for("static", filename="showcase_en/2.webp") }}", "w": 2221}, {"h": 2536, "src": "{{ url_for("static", filename="showcase_en/3.webp") }}", "w": 2101}, {"h": 2722, "src": "{{ url_for("static", filename="showcase_en/4.webp") }}", "w": 2348}, {"h": 2745, "src": "{{ url_for("static", filename="showcase_en/5.webp") }}", "w": 1804}, {"h": 3307, "src": "{{ url_for("static", filename="showcase_en/6.webp") }}", "w": 2897}, {"h": 2321, "src": "{{ url_for("static", filename="showcase_en/7.webp") }}", "w": 2239}, {"h": 2470, "src": "{{ url_for("static", filename="showcase_en/8.webp") }}", "w": 2419}, {"h": 3307, "src": "{{ url_for("static", filename="showcase_en/9.webp") }}", "w": 2602}]');
var options = {
index: 0,
loop: false,
Expand All @@ -56,12 +57,37 @@
script2.src = "{{ url_for('static', filename='photoswipe/photoswipe-ui-default.min.js')}}";
script2.onload = function(){
pswpElement.className="pswp";
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items_en, options);
gallery.init();
};
document.body.appendChild(script2);
};
document.body.appendChild(script);
}

function showGallery_en(){

/* the CSS and JS for photoswipe is loaded dynamically
* so that they are not loaded if the gallery is not open */

$('head').append('<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="photoswipe/default-skin/default-skin.css") }}">');
$('head').append('<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="photoswipe/photoswipe.css") }}">');

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "{{ url_for('static', filename='photoswipe/photoswipe.min.js')}}";
script.onload = function(){
var script2 = document.createElement("script");
script2.type = "text/javascript";
script2.src = "{{ url_for('static', filename='photoswipe/photoswipe-ui-default.min.js')}}";
script2.onload = function(){
pswpElement.className="pswp";
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();
};
document.body.appendChild(script2);
};
document.body.appendChild(script);
}

</script>