Footer hinzugefügt, alles für den ersten Test-Build fertig gemacht
This commit is contained in:
R40fendt
@@ -7,7 +7,10 @@
|
||||
if (emblaApi.value) {
|
||||
console.log(emblaApi.value.slideNodes()) // Access API
|
||||
}
|
||||
})
|
||||
});
|
||||
function get_file(){
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -26,7 +29,7 @@
|
||||
<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" />
|
||||
:src="get_file('./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5')" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -38,7 +41,7 @@
|
||||
<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" />
|
||||
:src="get_file('./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3')" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -50,7 +53,7 @@
|
||||
<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" />
|
||||
:src="get_file('./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopfturnier&size=3')" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,7 +65,7 @@
|
||||
<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" />
|
||||
:src="get_file('./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5')" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
134
src/Footer.vue
134
src/Footer.vue
@@ -1,68 +1,80 @@
|
||||
<script>
|
||||
export default {}
|
||||
import Modal from "./Modal.vue";
|
||||
|
||||
export default {
|
||||
data: function () {
|
||||
return {
|
||||
aboutVisible: false,
|
||||
contactVisible: false,
|
||||
};
|
||||
},
|
||||
components: {
|
||||
Modal,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<section class="footer3 cid-u6k7q0Blvk" once="footers" id="footer-6-u6k7q0Blvk">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="row-links">
|
||||
<ul class="header-menu">
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<div class="modal-container">
|
||||
<div class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="closeBtn">×</span>
|
||||
<h1>Über</h1>
|
||||
<p>
|
||||
Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und liegt dicht an der Weser.
|
||||
<br>
|
||||
<br>
|
||||
Bei dieser Seite handelt es sich um eine private Homepage der Dorfgemeinschaft Amedorf &
|
||||
Ritzenbergen.
|
||||
<br><br>
|
||||
© Front-End und Web Design: Mathis Kuhlenkamp <br>
|
||||
© Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
|
||||
<br>
|
||||
<br>
|
||||
<a href="./assets/AdminPanel/LoginFormular/loginform.html">Administrations Login</a>
|
||||
</p><br><br>
|
||||
<section
|
||||
class="footer3 cid-u6k7q0Blvk"
|
||||
once="footers"
|
||||
id="footer-6-u6k7q0Blvk"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="row-links">
|
||||
<ul class="header-menu">
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<Modal v-show="aboutVisible" @closemodal="aboutVisible = false">
|
||||
<h1>Über</h1>
|
||||
<p>
|
||||
Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und
|
||||
liegt dicht an der Weser.
|
||||
<br />
|
||||
<br />
|
||||
Bei dieser Seite handelt es sich um eine private Homepage der
|
||||
Dorfgemeinschaft Amedorf & Ritzenbergen.
|
||||
<br /><br />
|
||||
© Front-End und Web Design: Mathis Kuhlenkamp <br />
|
||||
© Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
|
||||
<br />
|
||||
<br />
|
||||
<a href="./assets/AdminPanel/LoginFormular/loginform.html"
|
||||
>Administrations Login</a
|
||||
>
|
||||
</p>
|
||||
<br /><br />
|
||||
</Modal>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="text-white btn-ueber openBtn">Über</button>
|
||||
</div>
|
||||
</li>
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<div class="modal-container">
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="closeBtn">×</span>
|
||||
<h1>Kontakt</h1>
|
||||
<p>
|
||||
Tom Kuhlenkamp <br>
|
||||
tom@ritzenbergen.de
|
||||
</p><br><br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button class="text-white btn-kontakt openBtn">Kontakt</button>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 mt-4">
|
||||
<p class="mbr-fonts-style copyright display-7">
|
||||
© 2024 Ritzenbergen. Alle Rechte vorbehalten. <br>
|
||||
</p>
|
||||
<button @click="aboutVisible=true" class="text-white btn-ueber openBtn">Über</button>
|
||||
</li>
|
||||
<li class="header-menu-item mbr-fonts-style display-5">
|
||||
<Modal
|
||||
v-show="contactVisible"
|
||||
@closemodal="contactVisible = false"
|
||||
>
|
||||
<h1>Kontakt</h1>
|
||||
<p>
|
||||
Tom Kuhlenkamp <br />
|
||||
tom@ritzenbergen.de
|
||||
</p>
|
||||
<br /><br />
|
||||
</Modal>
|
||||
<button
|
||||
class="text-white btn-kontakt openBtn"
|
||||
@click="contactVisible = true"
|
||||
>
|
||||
Kontakt
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 mt-4">
|
||||
<p class="mbr-fonts-style copyright display-7">
|
||||
© 2025 Ritzenbergen. Alle Rechte vorbehalten. <br />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</template>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<style></style>
|
||||
|
||||
14
src/Main.vue
14
src/Main.vue
@@ -293,7 +293,7 @@ export default {
|
||||
<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>
|
||||
:src="get_file('randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3')"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -301,7 +301,7 @@ export default {
|
||||
<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>
|
||||
:src="get_file('./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3')"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -309,7 +309,7 @@ export default {
|
||||
<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>
|
||||
:src="get_file('./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3')"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -317,7 +317,7 @@ export default {
|
||||
<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>
|
||||
:src="get_file('./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3')"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -339,14 +339,14 @@ export default {
|
||||
<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
|
||||
<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>
|
||||
Gemeinde Holtum-Marsch im Jahr 1968 in die 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>
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
<div class="modal">
|
||||
<div class="modal-content">
|
||||
<button class="closeBtn" @click="$emit('closemodal')">x</button>
|
||||
<slot></slot>
|
||||
<span v-html="content"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user