Startseite fast vollständig -> Sehr buggy
This commit is contained in:
39
package-lock.json
generated
39
package-lock.json
generated
@@ -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",
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
@@ -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
99
src/Embla.vue
Normal 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>
|
||||||
237
src/Main.vue
237
src/Main.vue
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user