Update js dependencies and fix stuff
This commit is contained in:
parent
8667959f16
commit
b11ebc1d3b
GPG key ID:
13AD60C237A28DFE
6
.gitattributes
vendored
Normal file
6
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
* text=auto
|
||||||
|
|
||||||
|
*.html.twig diff=html
|
||||||
|
|
||||||
|
package-lock.json -diff
|
||||||
|
composer.lock -diff
|
||||||
BIN
package-lock.json
generated
BIN
package-lock.json
generated
Binary file not shown.
66
package.json
66
package.json
|
|
@ -1,36 +1,34 @@
|
||||||
{
|
{
|
||||||
"name": "reitanlage-oranienburg",
|
"name": "reitanlage-oranienburg",
|
||||||
"version": "1.3.0",
|
"version": "1.3.0",
|
||||||
"description": "The Reitanlage Oranienburg Theme for Grav CMS.",
|
"description": "The Reitanlage Oranienburg Theme for Grav CMS.",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "npm run development",
|
"dev": "npm run development",
|
||||||
"development": "mix",
|
"development": "mix",
|
||||||
"watch": "mix watch",
|
"watch": "mix watch",
|
||||||
"watch-poll": "mix watch -- --watch-options-poll=1000",
|
"watch-poll": "mix watch -- --watch-options-poll=1000",
|
||||||
"hot": "mix watch --hot",
|
"hot": "mix watch --hot",
|
||||||
"prod": "npm run production",
|
"prod": "npm run production",
|
||||||
"production": "mix --production"
|
"production": "mix --production"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://git.serguzim.me/serguzim/reitanlage-oranienburg.git"
|
"url": "https://git.serguzim.me/serguzim/reitanlage-oranienburg.git"
|
||||||
},
|
},
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"devDependencies": {
|
"dependencies": {
|
||||||
"laravel-mix": "^6.0.25",
|
"@fortawesome/fontawesome-pro": "^6.2",
|
||||||
"resolve-url-loader": "^4.0.0",
|
"@popperjs/core": "^2.11.6",
|
||||||
"sass": "^1.35.1",
|
"autoprefixer": "^10.0",
|
||||||
"sass-loader": "^12.1.0"
|
"bootstrap": "^5.2",
|
||||||
},
|
"cross-env": "^7.0",
|
||||||
"dependencies": {
|
"laravel-mix": "^6.0",
|
||||||
"@fortawesome/fontawesome-pro": "^6.0.0",
|
"photoswipe": "^4",
|
||||||
"bootstrap": "^4.6.0",
|
"resolve-url-loader": "^5.0",
|
||||||
"cross-env": "^7.0.3",
|
"sass": "^1.56",
|
||||||
"jquery": "^3.6.0",
|
"sass-loader": "^13.2"
|
||||||
"photoswipe": "^4.1.3",
|
}
|
||||||
"popper.js": "^1.16.1"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
require('./bootstrap');
|
let bootstrap = require('bootstrap')
|
||||||
|
|
||||||
import PhotoSwipe from 'photoswipe/dist/photoswipe'
|
import PhotoSwipe from 'photoswipe/dist/photoswipe'
|
||||||
import PhotoSwipeDefaultUI from 'photoswipe/dist/photoswipe-ui-default'
|
import PhotoSwipeDefaultUI from 'photoswipe/dist/photoswipe-ui-default'
|
||||||
|
|
@ -6,7 +6,7 @@ import PhotoSwipeDefaultUI from 'photoswipe/dist/photoswipe-ui-default'
|
||||||
window.PhotoSwipe = PhotoSwipe;
|
window.PhotoSwipe = PhotoSwipe;
|
||||||
window.PhotoSwipeDefaultUI = PhotoSwipeDefaultUI;
|
window.PhotoSwipeDefaultUI = PhotoSwipeDefaultUI;
|
||||||
|
|
||||||
$("#menu-toggle").click(function(e) {
|
document.querySelector("#menu-toggle").onclick = function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$("#wrapper").toggleClass("toggled");
|
document.querySelector("#wrapper").classList.toggle("toggled");
|
||||||
});
|
};
|
||||||
|
|
|
||||||
14
src/js/bootstrap.js
vendored
14
src/js/bootstrap.js
vendored
|
|
@ -1,14 +0,0 @@
|
||||||
window._ = require('lodash');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
|
|
||||||
* for JavaScript based Bootstrap features such as modals and tabs. This
|
|
||||||
* code may be modified to fit the specific needs of your application.
|
|
||||||
*/
|
|
||||||
|
|
||||||
try {
|
|
||||||
window.Popper = require('popper.js').default;
|
|
||||||
window.$ = window.jQuery = require('jquery');
|
|
||||||
|
|
||||||
require('bootstrap');
|
|
||||||
} catch (e) {}
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
// Bootstrap
|
// Bootstrap
|
||||||
$theme-colors: (
|
$primary: #2b3bb4;
|
||||||
"primary": #2b3bb4,
|
|
||||||
);
|
|
||||||
@import '~bootstrap/scss/bootstrap';
|
@import '~bootstrap/scss/bootstrap';
|
||||||
|
|
||||||
// FontAwesome
|
// FontAwesome
|
||||||
|
|
@ -11,5 +9,118 @@ $theme-colors: (
|
||||||
@import '~photoswipe/dist/photoswipe.css';
|
@import '~photoswipe/dist/photoswipe.css';
|
||||||
@import '~photoswipe/dist/default-skin/default-skin.css';
|
@import '~photoswipe/dist/default-skin/default-skin.css';
|
||||||
|
|
||||||
@import './theme';
|
|
||||||
@import '../css/sidebar.css';
|
@import '../css/sidebar.css';
|
||||||
|
|
||||||
|
body, #wrapper
|
||||||
|
{
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-fill
|
||||||
|
{
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-image img
|
||||||
|
{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-columns img,video
|
||||||
|
{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-columns
|
||||||
|
{
|
||||||
|
column-gap: 1em;
|
||||||
|
column-count: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-columns.card
|
||||||
|
{
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px)
|
||||||
|
{
|
||||||
|
.card-columns
|
||||||
|
{
|
||||||
|
column-count: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px)
|
||||||
|
{
|
||||||
|
.card-columns
|
||||||
|
{
|
||||||
|
column-count: 4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px)
|
||||||
|
{
|
||||||
|
.card-columns
|
||||||
|
{
|
||||||
|
column-count: 6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand
|
||||||
|
{
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.navbar-brand img
|
||||||
|
{
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
header div.row-fixed-h,
|
||||||
|
header img
|
||||||
|
{
|
||||||
|
height: 5rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-ro
|
||||||
|
{
|
||||||
|
background-color: #2b3bb4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer.bg-ro a
|
||||||
|
{
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-facebook
|
||||||
|
{
|
||||||
|
color: #fff;
|
||||||
|
background-color: #3b5998;
|
||||||
|
border-color: #3b5998;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home-carousel
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home-carousel img
|
||||||
|
{
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table tbody tr:nth-of-type(2n+1)
|
||||||
|
{
|
||||||
|
background:
|
||||||
|
#d0d6d3;
|
||||||
|
}
|
||||||
|
|
||||||
|
table td,
|
||||||
|
table th
|
||||||
|
{
|
||||||
|
padding: 0.6rem 0.4rem;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,113 +0,0 @@
|
||||||
body, #wrapper
|
|
||||||
{
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-fill
|
|
||||||
{
|
|
||||||
flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-image img
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-columns img,video
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-columns
|
|
||||||
{
|
|
||||||
column-gap: 1em;
|
|
||||||
column-count: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-columns.card
|
|
||||||
{
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px)
|
|
||||||
{
|
|
||||||
.card-columns
|
|
||||||
{
|
|
||||||
column-count: 3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 992px)
|
|
||||||
{
|
|
||||||
.card-columns
|
|
||||||
{
|
|
||||||
column-count: 4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1200px)
|
|
||||||
{
|
|
||||||
.card-columns
|
|
||||||
{
|
|
||||||
column-count: 6;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand
|
|
||||||
{
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
.navbar-brand img
|
|
||||||
{
|
|
||||||
height: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
header div.row-fixed-h,
|
|
||||||
header img
|
|
||||||
{
|
|
||||||
height: 5rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-ro
|
|
||||||
{
|
|
||||||
background-color: #2b3bb4 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer.bg-ro a
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-facebook
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
background-color: #3b5998;
|
|
||||||
border-color: #3b5998;
|
|
||||||
}
|
|
||||||
|
|
||||||
#home-carousel
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#home-carousel img
|
|
||||||
{
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
table tbody tr:nth-of-type(2n+1)
|
|
||||||
{
|
|
||||||
background:
|
|
||||||
#d0d6d3;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td,
|
|
||||||
table th
|
|
||||||
{
|
|
||||||
padding: 0.6rem 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
@ -13,7 +13,7 @@ <h1 class="d-inline">
|
||||||
{% include 'partials/osm.html.twig' %}
|
{% include 'partials/osm.html.twig' %}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a role="button" class="btn btn-primary mr-1" href="/kontakt">Kontakt</a>
|
<a role="button" class="btn btn-primary me-1" href="/kontakt">Kontakt</a>
|
||||||
{% include 'partials/socialmedia.html.twig' %}
|
{% include 'partials/socialmedia.html.twig' %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -68,7 +68,7 @@
|
||||||
{% block footer %}
|
{% block footer %}
|
||||||
<footer class="container-fluid text-light py-3">
|
<footer class="container-fluid text-light py-3">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p class="mx-auto">
|
<p class="mx-auto w-auto">
|
||||||
<a href="/impressum">Impressum</a>
|
<a href="/impressum">Impressum</a>
|
||||||
<span> | </span>
|
<span> | </span>
|
||||||
<a href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
<a href="/datenschutzerklaerung">Datenschutzerklärung</a>
|
||||||
|
|
@ -77,10 +77,10 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p class="mx-auto">© Heike Tischler</p>
|
<p class="mx-auto w-auto">© Heike Tischler</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p class="mx-auto">Diese Webseite nutzt <a target="_blank" rel="noopener" href="http://getgrav.org">Grav</a> von <a target="_blank" rel="noopener" href="http://www.rockettheme.com">RocketTheme</a>.</p>
|
<p class="mx-auto w-auto">Diese Webseite nutzt <a target="_blank" rel="noopener" href="http://getgrav.org">Grav</a> von <a target="_blank" rel="noopener" href="http://www.rockettheme.com">RocketTheme</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,19 @@
|
||||||
<div class="w-100 h-100 d-flex flex-column">
|
<div class="w-100 h-100 d-flex flex-column">
|
||||||
<img class="flex-grow-1 w-100" alt="Diese Karte zeigt unseren Hof" src="{{ url('theme://images/map.webp') }}">
|
<div class="flex-grow-1">
|
||||||
|
<div class="position-relative w-100">
|
||||||
|
<img class="w-100" alt="Diese Karte zeigt unseren Hof" src="{{ url('theme://images/map.webp') }}">
|
||||||
|
<small class="d-block position-absolute bottom-0 end-0">
|
||||||
|
<a class="bg-white text-black p-1" target="_blank" rel="noopener" href="https://www.openstreetmap.org/copyright">
|
||||||
|
© OpenStreetMap contributors
|
||||||
|
</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<small class="py-2 row">
|
<small class="py-2 row">
|
||||||
<a class="py-2 py-md-0 col-12 col-md-6" target="_blank" rel="noopener" href="https://www.openstreetmap.org/?mlat=52.76605&mlon=13.18774#map=18/52.76605/13.18774">
|
<a class="py-2 py-md-0 col-12 col-md-6" target="_blank" rel="noopener" href="https://www.openstreetmap.org/way/203340031">
|
||||||
Auf OpenStreetMaps öffnen
|
Auf OpenStreetMaps öffnen
|
||||||
</a>
|
</a>
|
||||||
<a class="py-2 py-md-0 col-12 col-md-6 text-md-right" target="_blank" rel="noopener" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
|
<a class="py-2 py-md-0 col-12 col-md-6 text-md-end" target="_blank" rel="noopener" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
|
||||||
Auf Google Maps öffnen
|
Auf Google Maps öffnen
|
||||||
</a>
|
</a>
|
||||||
</small>
|
</small>
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,9 @@
|
||||||
|
|
||||||
let mix = require('laravel-mix');
|
let mix = require('laravel-mix');
|
||||||
|
|
||||||
mix.setPublicPath('dist');
|
mix.setPublicPath('dist')
|
||||||
mix.setResourceRoot('/user/themes/reitanlage-oranienburg/dist/');
|
.setResourceRoot('/user/themes/reitanlage-oranienburg/dist/')
|
||||||
|
.js('src/js/app.js', 'dist')
|
||||||
mix.js('src/js/app.js', 'dist');
|
.sass('src/sass/app.scss', 'dist')
|
||||||
mix.sass('src/sass/app.scss', 'dist');
|
.sourceMaps(false)
|
||||||
|
.version();
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue