101 lines
2.5 KiB
Vue
101 lines
2.5 KiB
Vue
<script lang="js">
|
|
import Navbar from "../components/Navbar.vue";
|
|
import Modal from "../components/Modal.vue";
|
|
import Embla from "../components/Embla.vue";
|
|
import Umgebung from "../components/startseite/Umgebung.vue";
|
|
import MyFooter from "../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
|
|
import RitzenbergenLib from "../ritzenbergenlib.ts";
|
|
import WillkommenText from "../components/startseite/WillkommenText.vue";
|
|
import Bilderbuch from "../components/startseite/Bilderbuch.vue";
|
|
import Forms from "../components/startseite/Forms.vue";
|
|
import Events from "../components/startseite/Events.vue";
|
|
import Willkommen from "../components/startseite/Willkommen.vue";
|
|
|
|
export default {
|
|
components: {
|
|
Navbar,
|
|
Embla,
|
|
Umgebung,
|
|
MyFooter, // Geändert von Footer auf MyFooter
|
|
WillkommenText,
|
|
Bilderbuch,
|
|
Forms,
|
|
Events,
|
|
Willkommen
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
RitzenbergenLib: RitzenbergenLib.RitzenbergenLib,
|
|
};
|
|
},
|
|
mounted(){
|
|
if(this.$route.path !== "/" && this.$route.path!=="/anmeldeformular"){
|
|
const hash = this.$route.path.replace("/","");
|
|
console.log(this.$refs[hash])
|
|
if(this.$refs[hash].$el) this.$refs[hash].$el.scrollIntoView();
|
|
this.$router.push("/");
|
|
}
|
|
}
|
|
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<!-- Startseite -->
|
|
<Navbar />
|
|
<Willkommen/>
|
|
|
|
|
|
<Events style="margin-top: 120px;"/>
|
|
|
|
<Forms/>
|
|
|
|
|
|
<Bilderbuch/>
|
|
|
|
|
|
|
|
<section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
|
|
<Embla :src="[
|
|
RitzenbergenLib.api('randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5'),
|
|
RitzenbergenLib.api('randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5'),
|
|
RitzenbergenLib.api('randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=5'),
|
|
RitzenbergenLib.api('randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=5'),
|
|
'http://ritzenbergen.de/Fotos/hauptfoto.jpg'
|
|
]"
|
|
|
|
:links='[
|
|
"/galerie/erntefest",
|
|
"/galerie/osterfeuer",
|
|
"/galerie/doppelkopf",
|
|
"/galerie/fussball",
|
|
""
|
|
]'
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<WillkommenText ref="willkommen"/>
|
|
|
|
|
|
<br>
|
|
<br>
|
|
|
|
|
|
<Umgebung ref="umgebung" />
|
|
<MyFooter ref="footer" />
|
|
|
|
</template>
|
|
|
|
<style lang="css" scoped></style>
|