dribdat
/
dribdat
mirror of https://codeberg.org/dribdat/dribdat.git
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

Added barba.js

This commit is contained in:
datalets 2022-06-03 09:19:47 +02:00
parent 08d8c09d9c
commit 60f02cefc4
4 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
dribdat/static/js/script.js
View File

@ -1,5 +1,27 @@
(function($, window) {
// Initialize Barba.js
barba.init({
// schema: {
// prefix: 'data-custom',
// wrapper: 'wrap'
// }
// https://barba.js.org/docs/getstarted/basic-transition/#Animation
// transitions: [{
// name: 'opacity-transition',
// leave(data) {
// return gsap.to(data.current.container, {
// opacity: 0
// });
// },
// enter(data) {
// return gsap.from(data.next.container, {
// opacity: 0
// });
// }
// }]
});
// Initialize project data loader
$('#autotext_url').each(function() {

1
dribdat/static/libs/barba Symbolic link
View File

@ -0,0 +1 @@
../../../node_modules/@barba/core/dist

8
dribdat/templates/layout.html
View File

@ -49,7 +49,7 @@
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body class="{% block body_class %}{% endblock %}">
<body class="{% block body_class %}{% endblock %}" data-barba="wrapper">
{% with form=form, tabs=tabs, event=current_event %}
{% if not request.args.get('clean') and not request.args.get('minimal') %}
{% include "includes/nav.html" %}
@ -80,7 +80,9 @@
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
<main data-barba="container" data-barba-namespace="home">
{% block content %}{% endblock %}
</main>
</div>
</div><!-- end container -->
@ -92,11 +94,13 @@
<script src="https://cdn.jsdelivr.net/npm/jquery-resizable-dom@0/dist/jquery-resizable.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flipdown@0/dist/flipdown.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>
{% else %}
<script src="{{ url_for('static', filename='libs/jquery/jquery.js')}}"></script>
<script src="{{ url_for('static', filename='libs/jquery-resizable/jquery-resizable.js') }}"></script>
<script src="{{ url_for('static', filename='libs/flipdown/flipdown.js')}}"></script>
<script src="{{ url_for('static', filename='libs/bootstrap/bootstrap.bundle.js')}}"></script>
<script src="{{ url_for('static', filename='libs/barba/barba.umd.js')}}"></script>
{% endif %}
{% assets "js_all" %}
<script type="text/javascript" src="{{ ASSET_URL }}"></script>

1
package.json
View File

@ -7,6 +7,7 @@
"license": "MIT",
"private": false,
"dependencies": {
"@barba/core": "^2.9.7",
"@toast-ui/editor": "^3",
"bootstrap": "^4",
"bootswatch": "^4",