Startseite fast vollständig -> Sehr buggy

This commit is contained in:
R40fendt
2025-04-05 18:25:59 +02:00
parent 03c4b7a9e4
commit 2b4118589b
5 changed files with 376 additions and 3 deletions

39
package-lock.json generated
View File

@@ -10,6 +10,8 @@
"dependencies": { "dependencies": {
"@tauri-apps/api": "^2", "@tauri-apps/api": "^2",
"@tauri-apps/plugin-opener": "^2", "@tauri-apps/plugin-opener": "^2",
"embla-carousel-autoplay": "^8.6.0",
"embla-carousel-vue": "^8.6.0",
"jquery": "^3.7.1", "jquery": "^3.7.1",
"moment": "^2.30.1", "moment": "^2.30.1",
"striptags": "^3.2.0", "striptags": "^3.2.0",
@@ -1268,6 +1270,43 @@
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },
"node_modules/embla-carousel": {
"version": "8.6.0",
"resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
"integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
"license": "MIT"
},
"node_modules/embla-carousel-autoplay": {
"version": "8.6.0",
"resolved": "https://registry.npmjs.org/embla-carousel-autoplay/-/embla-carousel-autoplay-8.6.0.tgz",
"integrity": "sha512-OBu5G3nwaSXkZCo1A6LTaFMZ8EpkYbwIaH+bPqdBnDGQ2fh4+NbzjXjs2SktoPNKCtflfVMc75njaDHOYXcrsA==",
"license": "MIT",
"peerDependencies": {
"embla-carousel": "8.6.0"
}
},
"node_modules/embla-carousel-reactive-utils": {
"version": "8.6.0",
"resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
"integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
"license": "MIT",
"peerDependencies": {
"embla-carousel": "8.6.0"
}
},
"node_modules/embla-carousel-vue": {
"version": "8.6.0",
"resolved": "https://registry.npmjs.org/embla-carousel-vue/-/embla-carousel-vue-8.6.0.tgz",
"integrity": "sha512-v8UO5UsyLocZnu/LbfQA7Dn2QHuZKurJY93VUmZYP//QRWoCWOsionmvLLAlibkET3pGPs7++03VhJKbWD7vhQ==",
"license": "MIT",
"dependencies": {
"embla-carousel": "8.6.0",
"embla-carousel-reactive-utils": "8.6.0"
},
"peerDependencies": {
"vue": "^3.2.37"
}
},
"node_modules/entities": { "node_modules/entities": {
"version": "4.5.0", "version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",

View File

@@ -13,6 +13,8 @@
"dependencies": { "dependencies": {
"@tauri-apps/api": "^2", "@tauri-apps/api": "^2",
"@tauri-apps/plugin-opener": "^2", "@tauri-apps/plugin-opener": "^2",
"embla-carousel-autoplay": "^8.6.0",
"embla-carousel-vue": "^8.6.0",
"jquery": "^3.7.1", "jquery": "^3.7.1",
"moment": "^2.30.1", "moment": "^2.30.1",
"striptags": "^3.2.0", "striptags": "^3.2.0",

View File

@@ -5,8 +5,6 @@ import './assets/parallax/jarallax.js';
import './assets/bootstrap/js/bootstrap.bundle.min.js'; import './assets/bootstrap/js/bootstrap.bundle.min.js';
import './assets/dropdown/js/navbar-dropdown.js'; import './assets/dropdown/js/navbar-dropdown.js';
import './assets/mbr-switch-arrow/mbr-switch-arrow.js'; import './assets/mbr-switch-arrow/mbr-switch-arrow.js';
import './assets/embla/embla.min.js';
import './assets/embla/script.js';
import './assets/scrollgallery/scroll-gallery.js'; import './assets/scrollgallery/scroll-gallery.js';
import './assets/smoothscroll/smooth-scroll.js'; import './assets/smoothscroll/smooth-scroll.js';
/* import './assets/ytplayer/index.js'; */ /* import './assets/ytplayer/index.js'; */

99
src/Embla.vue Normal file
View File

@@ -0,0 +1,99 @@
<script setup>
import { onMounted } from 'vue'
import emblaCarouselVue from 'embla-carousel-vue'
const [emblaRef, emblaApi] = emblaCarouselVue({ loop: false });
onMounted(() => {
if (emblaApi.value) {
console.log(emblaApi.value.slideNodes()) // Access API
}
})
</script>
<template>
<section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="embla position-relative" data-skip-snaps="true" data-align="center"
data-contain-scroll="trimSnaps" data-loop="true" data-auto-play="true" data-auto-play-interval="2"
data-draggable="true">
<div class="embla__viewport">
<div class="embla__container">
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<a href="galerie.php#erntefest">
<img
src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5" />
</a>
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<a href="galerie.php#fussballturnier">
<img
src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3" />
</a>
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<a href="galerie.php#doppelkopf">
<img
src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopfturnier&size=3" />
</a>
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<a href="galerie.php#osterfeuer">
<img
src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5" />
</a>
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./Fotos/hauptfoto.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
<button class="embla__button embla__button--prev">
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
<span class="sr-only visually-hidden visually-hidden">Previous</span>
</button>
<button class="embla__button embla__button--next">
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
<span class="sr-only visually-hidden visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</section>
</template>
<style scoped>
</style>

View File

@@ -3,10 +3,12 @@ import Navbar from "./Navbar.vue";
import striptags from "striptags"; import striptags from "striptags";
import moment, { Moment } from "moment"; import moment, { Moment } from "moment";
import Modal from "./Modal.vue"; import Modal from "./Modal.vue";
import Embla from "./Embla.vue";
export default { export default {
components: { components: {
Navbar, Navbar,
Modal Modal,
Embla
}, },
computed: { computed: {
events() { events() {
@@ -205,6 +207,239 @@ export default {
</div> </div>
</div> </div>
</section> </section>
<section id="anmeldeformular">
<section class="form5 cid-u6k7q0BfGa">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Überschrift</strong>
</h3><br>
<h5 style="text-align: center;"><b></b> <br>
Inhalt</h5><br>
if public
<div class="modal-container">
<div class="modal">
<div class="modal-content">
<span class="closeBtn" style="cursor: pointer;">x</span>
<h1>Modal-Überschrift</h1>
Ergebnisse
</div>
</div>
<br><br>
</div>
else
<p style="text-align: center;">Minitext<br><br>
</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
<form action="formularergebnisse-eintragen.php" method="POST" class="mbr-form form-with-styler"
data-form-title="Form Name" onsubmit="return false;"><input type="hidden" name="email"
data-form-email="true" value="">
<div class="dragArea row">
<div class="col-md col-sm-12 form-group mb-3" data-for="name">
<input type="text" maxlength="128" name="name" placeholder="Label1"
data-form-field="name" class="form-control" value="" id="name-form02-0">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<input type="text" name="textarea" maxlength="128" placeholder="Label2"
data-form-field="textarea" class="form-control" id="textarea-form02-0">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button type="submit" class="btn btn-primary display-7 formular-submit-button">Absenden</button>
</div>
</div>
<input type="hidden" value="<?php echo $id; ?>" name="id">
</form>
</div>
</div>
</div>
</section>
<section class="gallery09 cid-u6k7q0xbqP" id="gallery-9-u6k7q0xbqP">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-4 main-text">
<div class="">
<h5 class="mbr-section-title mbr-fonts-style mt-0 mb-4 display-2">
<strong>Bilderbuch Ritzenbergen</strong>
</h5>
<h6 class="mbr-section-subtitle mbr-fonts-style mt-0 mb-4 display-7">
Klicke auf ein Bild um in unsere Galerie zu gelangen. Die Bilder sind nach Jahreszahl und Kategorie
geordnet.
</h6>
</div>
</div>
<div class="col-lg-8 side-features row">
<div class="item features-image col-12 col-md-6 col-lg-6 active">
<div class="item-wrapper">
<div class="item-img">
<a href="./galerie.php#doppelkopf"><img
src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3"></a>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-6 active">
<div class="item-wrapper">
<div class="item-img">
<a href="./galerie.php#erntefest"><img
src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3"></a>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-6 active">
<div class="item-wrapper">
<div class="item-img">
<a href="./galerie.php#fussballturnier"><img
src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3"></a>
</div>
</div>
</div>
<div class="item features-image col-12 col-md-6 col-lg-6 active">
<div class="item-wrapper">
<div class="item-img">
<a href="./galerie.php#osterfeuer"><img
src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<Embla/>
<section class="article12 cid-u6k7q0yKNv" id="about-us-12-u6k7q0yKNv">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
<strong>Willkommen in Ritzenbergen</strong>
</h3>
<p class="mbr-text mbr-fonts-style display-7">Ritzenbergen, ehemalig "Rikinburg" wurde nur ein einziges mal im
Jahr 935 in der historischen Überlieferung erwähnt. In diesem Jahr wurde sie vom Edelherren Willarius der
Bremer Kirche geschenkt. Eine Identifikation dieser Burg mit einem auf einer Karte des Amtes Thedinghausen
von 1765 eingetragenen Hügel von etwa 150 m Durchmesser oberhalb eines alten Weserarms in Ritzenbergen ist
aber bisher nicht gesichert.</p>
<p class="mbr-text mbr-fonts-style display-7">Die Gemeinde Amedorf/Ritzenbergen wurde zusammen mit der
Gemeinde Holtum-Marsch im Jahr 1968 in die damalige Gemeinde Blender eingegliedert.</p>
<p class="mbr-text mbr-fonts-style display-7">In der Galerie findest du viele Fotos aus den letzten Jahren</p>
</div>
</div>
</div>
</section>
<section class="gallery10 cid-u6k7q0zbuN" id="features-61-u6k7q0zbuN">
<div class="container-fluid">
<div class="loop-container">
<div class="item display-1" data-linewords="
Amedorf & Ritzenbergen *
Niedersachsen *
Gemeinde Blender *
Landkreis Verden *" data-direction="-1" data-speed="0.05">
</div>
<div class="item display-1" data-linewords="
Amedorf & Ritzenbergen *
Niedersachsen *
Gemeinde Blender *
Landkreis Verden *" data-direction="-1" data-speed="0.05">
</div>
</div>
</div>
</section>
<section class="header14 cid-u6k7q0zosO mbr-parallax-background" id="call-to-action-9-u6k7q0zosO">
<div class="container">
<div class="row justify-content-center">
<div class="card col-12 col-md-12 col-lg-10">
<div class="card-wrapper">
<div class="card-box align-center">
<h1 class="card-title mbr-fonts-style mb-4 display-1">
<strong>Entdecke die Umgebung</strong>
</h1>
<p class="mbr-text mbr-fonts-style mb-4 display-7">
Hier findest du nützliche Links aus der Umgebung
</p>
<section class="umgebung">
<div>
<ul>
<b>
<li><a href="https://alt-blender.de" target="_blank">alt-blender.de - Historische Fotos und
Dokumente aus
Blender und umzu</a></li>
</b>
<b>
<li><a href="https://www.verden.de/" target="_blank">Verden/Aller</a></li>
</b>
<b>
<li><a href="https://www.langwedel.de/" target="_blank">Flecken Langwedel</a></li>
</b>
<b>
<li><a href="https://www.feuerwehr-blender.de/" target="_blank">Freiwillige Feuerwehr
Blender</a></li>
</b>
<b>
<li><a href="https://www.browiede.de/" target="_blank">Landgasthaus Browiede</a></li>
</b>
<b>
<li><a href="https://www.mittelweserverband.de/" target="_blank">Mittelweserverband</a></li>
</b>
<b>
<li><a href="http://angelverein-doerverden.de/" target="_blank">Angelverein Dörverden</a></li>
</b>
<b>
<li><a href="https://www.theater-holtum.de/" target="_blank">Theatergruppe des gemischten
Chores "Polyhymnia"
Holtum Marsch</a></li>
</b>
<b>
<li><a href="https://www.thedinghausen.de/" target="_blank">Samtgemeinde Thedinghausen</a>
</li>
</b>
<b>
<li><a href="https://www.tsv-blender.de/">TSV Blender</a></li>
</b>
<b>
<li><a href="https://tsvintschede.de-zign.de/">TSV "Weserstrand" Intschede</a></li>
</b>
<b>
<li><a href="https://www.intscheder-bauernhofeis.de/">Intscheder Bauernhofeis</a></li>
</b>
</ul>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</template> </template>
<style lang="css" scoped></style> <style lang="css" scoped></style>