Footer hinzugefügt, alles für den ersten Test-Build fertig gemacht
This commit is contained in:
R40fendt
@@ -7,5 +7,5 @@ TODO:
|
|||||||
- Galerie
|
- Galerie
|
||||||
- BuLi-Tipp
|
- BuLi-Tipp
|
||||||
- Startseite
|
- Startseite
|
||||||
- Footer
|
- Footer, Texte?
|
||||||
- Event Fotos
|
- Event Fotos
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "tauri-app",
|
"name": "ritzenbergen",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -8,7 +8,8 @@
|
|||||||
"build": "vue-tsc --noEmit && vite build",
|
"build": "vue-tsc --noEmit && vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"tauri": "tauri",
|
"tauri": "tauri",
|
||||||
"tauridev": "tauri dev"
|
"tauridev": "tauri dev",
|
||||||
|
"tauribuild": "tauri build"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@tauri-apps/api": "^2",
|
"@tauri-apps/api": "^2",
|
||||||
|
|||||||
22
src-tauri/Cargo.lock
generated
22
src-tauri/Cargo.lock
generated
@@ -2948,6 +2948,17 @@ dependencies = [
|
|||||||
"windows-registry",
|
"windows-registry",
|
||||||
]
|
]
|
||||||
|
|
||||||
|
[[package]]
|
||||||
|
name = "ritzenbergen"
|
||||||
|
version = "0.1.0"
|
||||||
|
dependencies = [
|
||||||
|
"serde",
|
||||||
|
"serde_json",
|
||||||
|
"tauri",
|
||||||
|
"tauri-build",
|
||||||
|
"tauri-plugin-opener",
|
||||||
|
]
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "rustc-demangle"
|
name = "rustc-demangle"
|
||||||
version = "0.1.24"
|
version = "0.1.24"
|
||||||
@@ -3552,17 +3563,6 @@ dependencies = [
|
|||||||
"windows",
|
"windows",
|
||||||
]
|
]
|
||||||
|
|
||||||
[[package]]
|
|
||||||
name = "tauri-app"
|
|
||||||
version = "0.1.0"
|
|
||||||
dependencies = [
|
|
||||||
"serde",
|
|
||||||
"serde_json",
|
|
||||||
"tauri",
|
|
||||||
"tauri-build",
|
|
||||||
"tauri-plugin-opener",
|
|
||||||
]
|
|
||||||
|
|
||||||
[[package]]
|
[[package]]
|
||||||
name = "tauri-build"
|
name = "tauri-build"
|
||||||
version = "2.1.1"
|
version = "2.1.1"
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
[package]
|
[package]
|
||||||
name = "tauri-app"
|
name = "ritzenbergen"
|
||||||
version = "0.1.0"
|
version = "0.1.0"
|
||||||
description = "A Tauri App"
|
description = "Ritzenbergen-Website"
|
||||||
authors = ["you"]
|
authors = ["R40fendt"]
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||||
@@ -11,7 +11,7 @@ edition = "2021"
|
|||||||
# The `_lib` suffix may seem redundant but it is necessary
|
# The `_lib` suffix may seem redundant but it is necessary
|
||||||
# to make the lib name unique and wouldn't conflict with the bin name.
|
# to make the lib name unique and wouldn't conflict with the bin name.
|
||||||
# This seems to be only an issue on Windows, see https://github.com/rust-lang/cargo/issues/8519
|
# This seems to be only an issue on Windows, see https://github.com/rust-lang/cargo/issues/8519
|
||||||
name = "tauri_app_lib"
|
name = "ritzenbergen_lib"
|
||||||
crate-type = ["staticlib", "cdylib", "rlib"]
|
crate-type = ["staticlib", "cdylib", "rlib"]
|
||||||
|
|
||||||
[build-dependencies]
|
[build-dependencies]
|
||||||
|
|||||||
@@ -2,5 +2,5 @@
|
|||||||
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
|
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
|
||||||
|
|
||||||
fn main() {
|
fn main() {
|
||||||
tauri_app_lib::run()
|
ritzenbergen_lib::run()
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,7 +7,10 @@
|
|||||||
if (emblaApi.value) {
|
if (emblaApi.value) {
|
||||||
console.log(emblaApi.value.slideNodes()) // Access API
|
console.log(emblaApi.value.slideNodes()) // Access API
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
|
function get_file(){
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -26,7 +29,7 @@
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<a href="galerie.php#erntefest">
|
<a href="galerie.php#erntefest">
|
||||||
<img
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -38,7 +41,7 @@
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<a href="galerie.php#fussballturnier">
|
<a href="galerie.php#fussballturnier">
|
||||||
<img
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -50,7 +53,7 @@
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<a href="galerie.php#doppelkopf">
|
<a href="galerie.php#doppelkopf">
|
||||||
<img
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -62,7 +65,7 @@
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<a href="galerie.php#osterfeuer">
|
<a href="galerie.php#osterfeuer">
|
||||||
<img
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
134
src/Footer.vue
134
src/Footer.vue
@@ -1,68 +1,80 @@
|
|||||||
<script>
|
<script>
|
||||||
export default {}
|
import Modal from "./Modal.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data: function () {
|
||||||
|
return {
|
||||||
|
aboutVisible: false,
|
||||||
|
contactVisible: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
Modal,
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<section class="footer3 cid-u6k7q0Blvk" once="footers" id="footer-6-u6k7q0Blvk">
|
<section
|
||||||
<div class="container">
|
class="footer3 cid-u6k7q0Blvk"
|
||||||
<div class="row">
|
once="footers"
|
||||||
<div class="row-links">
|
id="footer-6-u6k7q0Blvk"
|
||||||
<ul class="header-menu">
|
>
|
||||||
<li class="header-menu-item mbr-fonts-style display-5">
|
<div class="container">
|
||||||
<div class="modal-container">
|
<div class="row">
|
||||||
<div class="modal">
|
<div class="row-links">
|
||||||
<div class="modal-content">
|
<ul class="header-menu">
|
||||||
<span class="closeBtn">×</span>
|
<li class="header-menu-item mbr-fonts-style display-5">
|
||||||
<h1>Über</h1>
|
<Modal v-show="aboutVisible" @closemodal="aboutVisible = false">
|
||||||
<p>
|
<h1>Über</h1>
|
||||||
Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und liegt dicht an der Weser.
|
<p>
|
||||||
<br>
|
Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und
|
||||||
<br>
|
liegt dicht an der Weser.
|
||||||
Bei dieser Seite handelt es sich um eine private Homepage der Dorfgemeinschaft Amedorf &
|
<br />
|
||||||
Ritzenbergen.
|
<br />
|
||||||
<br><br>
|
Bei dieser Seite handelt es sich um eine private Homepage der
|
||||||
© Front-End und Web Design: Mathis Kuhlenkamp <br>
|
Dorfgemeinschaft Amedorf & Ritzenbergen.
|
||||||
© Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
|
<br /><br />
|
||||||
<br>
|
© Front-End und Web Design: Mathis Kuhlenkamp <br />
|
||||||
<br>
|
© Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
|
||||||
<a href="./assets/AdminPanel/LoginFormular/loginform.html">Administrations Login</a>
|
<br />
|
||||||
</p><br><br>
|
<br />
|
||||||
|
<a href="./assets/AdminPanel/LoginFormular/loginform.html"
|
||||||
|
>Administrations Login</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<br /><br />
|
||||||
|
</Modal>
|
||||||
|
|
||||||
</div>
|
<button @click="aboutVisible=true" class="text-white btn-ueber openBtn">Über</button>
|
||||||
</div>
|
</li>
|
||||||
|
<li class="header-menu-item mbr-fonts-style display-5">
|
||||||
<button class="text-white btn-ueber openBtn">Über</button>
|
<Modal
|
||||||
</div>
|
v-show="contactVisible"
|
||||||
</li>
|
@closemodal="contactVisible = false"
|
||||||
<li class="header-menu-item mbr-fonts-style display-5">
|
>
|
||||||
<div class="modal-container">
|
<h1>Kontakt</h1>
|
||||||
|
<p>
|
||||||
<div class="modal">
|
Tom Kuhlenkamp <br />
|
||||||
<div class="modal-content">
|
tom@ritzenbergen.de
|
||||||
<span class="closeBtn">×</span>
|
</p>
|
||||||
<h1>Kontakt</h1>
|
<br /><br />
|
||||||
<p>
|
</Modal>
|
||||||
Tom Kuhlenkamp <br>
|
<button
|
||||||
tom@ritzenbergen.de
|
class="text-white btn-kontakt openBtn"
|
||||||
</p><br><br>
|
@click="contactVisible = true"
|
||||||
|
>
|
||||||
</div>
|
Kontakt
|
||||||
</div>
|
</button>
|
||||||
<button class="text-white btn-kontakt openBtn">Kontakt</button>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
|
</div>
|
||||||
</li>
|
<div class="col-12 mt-4">
|
||||||
|
<p class="mbr-fonts-style copyright display-7">
|
||||||
</ul>
|
© 2025 Ritzenbergen. Alle Rechte vorbehalten. <br />
|
||||||
</div>
|
</p>
|
||||||
<div class="col-12 mt-4">
|
</div>
|
||||||
<p class="mbr-fonts-style copyright display-7">
|
|
||||||
© 2024 Ritzenbergen. Alle Rechte vorbehalten. <br>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</section>
|
|
||||||
</template>
|
</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-wrapper">
|
||||||
<div class="item-img">
|
<div class="item-img">
|
||||||
<a href="./galerie.php#doppelkopf"><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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -301,7 +301,7 @@ export default {
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<div class="item-img">
|
<div class="item-img">
|
||||||
<a href="./galerie.php#erntefest"><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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -309,7 +309,7 @@ export default {
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<div class="item-img">
|
<div class="item-img">
|
||||||
<a href="./galerie.php#fussballturnier"><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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -317,7 +317,7 @@ export default {
|
|||||||
<div class="item-wrapper">
|
<div class="item-wrapper">
|
||||||
<div class="item-img">
|
<div class="item-img">
|
||||||
<a href="./galerie.php#osterfeuer"><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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -339,14 +339,14 @@ export default {
|
|||||||
<h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
|
<h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
|
||||||
<strong>Willkommen in Ritzenbergen</strong>
|
<strong>Willkommen in Ritzenbergen</strong>
|
||||||
</h3>
|
</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
|
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
|
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
|
von 1765 eingetragenen Hügel von etwa 150 m Durchmesser oberhalb eines alten Weserarms in Ritzenbergen ist
|
||||||
aber bisher nicht gesichert.</p>
|
aber bisher nicht gesichert.</p>
|
||||||
<p class="mbr-text mbr-fonts-style display-7">Die Gemeinde Amedorf/Ritzenbergen wurde zusammen mit der
|
<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>
|
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>
|
<p class="mbr-text mbr-fonts-style display-7">In der Galerie findest du viele Fotos aus den letzten Jahren.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,6 +8,7 @@
|
|||||||
<div class="modal">
|
<div class="modal">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<button class="closeBtn" @click="$emit('closemodal')">x</button>
|
<button class="closeBtn" @click="$emit('closemodal')">x</button>
|
||||||
|
<slot></slot>
|
||||||
<span v-html="content"></span>
|
<span v-html="content"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user