R40fendt/ritzenbergen-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer hinzugefügt, alles für den ersten Test-Build fertig gemacht

Browse Source
This commit is contained in:
R40fendt
2025-04-05 22:21:17 +02:00
parent df0b91cc2b
commit 6687352a7e
10 changed files with 109 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -7,5 +7,5 @@ TODO:
- Galerie
- BuLi-Tipp
- Startseite
- Footer
- Footer, Texte?
- Event Fotos

5
package.json
View File

@@ -1,5 +1,5 @@
{
"name": "tauri-app",
"name": "ritzenbergen",
"private": true,
"version": "0.1.0",
"type": "module",
@@ -8,7 +8,8 @@
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview",
"tauri": "tauri",
"tauridev": "tauri dev"
"tauridev": "tauri dev",
"tauribuild": "tauri build"
},
"dependencies": {
"@tauri-apps/api": "^2",

22
src-tauri/Cargo.lock generated
View File

@@ -2948,6 +2948,17 @@ dependencies = [
"windows-registry",
]
[[package]]
name = "ritzenbergen"
version = "0.1.0"
dependencies = [
"serde",
"serde_json",
"tauri",
"tauri-build",
"tauri-plugin-opener",
]
[[package]]
name = "rustc-demangle"
version = "0.1.24"
@@ -3552,17 +3563,6 @@ dependencies = [
"windows",
]
[[package]]
name = "tauri-app"
version = "0.1.0"
dependencies = [
"serde",
"serde_json",
"tauri",
"tauri-build",
"tauri-plugin-opener",
]
[[package]]
name = "tauri-build"
version = "2.1.1"

8
src-tauri/Cargo.toml
View File

@@ -1,8 +1,8 @@
[package]
name = "tauri-app"
name = "ritzenbergen"
version = "0.1.0"
description = "A Tauri App"
authors = ["you"]
description = "Ritzenbergen-Website"
authors = ["R40fendt"]
edition = "2021"
# 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
# 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
name = "tauri_app_lib"
name = "ritzenbergen_lib"
crate-type = ["staticlib", "cdylib", "rlib"]
[build-dependencies]

2
src-tauri/src/main.rs
View File

@@ -2,5 +2,5 @@
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
fn main() {
tauri_app_lib::run()
ritzenbergen_lib::run()
}

13
src/Embla.vue
View File

@@ -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
View File

@@ -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">&times;</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">&times;</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
View File

@@ -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>

1
src/Modal.vue
View File

@@ -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>

0
src/router/index.js → src/router/index.ts
View File