Ainias/hochzeit
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

new version

Browse Source
This commit is contained in:
silas 2022-07-15 21:31:09 +02:00
parent 232c034560
commit 666adaad36
13 changed files with 85 additions and 73748 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
createPhotoIndex.sh Executable file
View File

@ -0,0 +1,20 @@
#! /bin/bash
PREFIX="/bilder/julia_sam/"
DIR="src/static"$PREFIX;
cd "$DIR" || exit
#for file in *.jpg; do convert "$file" -resize "1200>" "$file"; done
#for file in *.jpg; do convert "$file" -resize "x1200>" "$file"; done
echo "["
for file in *;
do
echo "{
\"src\":\"$PREFIX$file\",";
convert "$file" -print " \"width\": %w,
\"height\": %h" /dev/null
echo "
},"
done
echo "]"

3
dist/css/main.ee2106b3.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

73750
dist/index.bundle.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="Description" content="Hochzeit von Julia und Sam"><link rel="icon" type="image/png" href="img/logo.png"><link rel="preload" href="img/WinterSunrise.ttf" as="font"><meta class="foundation-mq"><title>J & S</title><link href="css/main.1836eb20.css" rel="stylesheet"></head><body><div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium"><img class="logo-img" src="static/media/logo.900db570.png" alt="J&S"> <button class="menu-icon" type="button" data-toggle="main-menu"></button></div><nav class="top-bar" id="main-menu" data-responsive-toggle="main-menu"><div class="grid-container width-100"><div class="top-bar-left"><ul class="menu align-center-middle vertical responsive-menu hide-for-medium" data-toggle="main-menu"><span class="menu-closer"></span><li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li><li data-site="tagesablauf"><a>Tagesablauf</a></li><li data-site="unterkunft"><a>Unterkunft</a></li><li data-site="geschenke"><a>Geschenke</a></li><li data-site="standesamt"><a>Standesamt</a></li></ul><ul class="menu align-center-middle medium-horizontal hide-for-small-only"><li><img class="logo-img" src="static/media/logo.900db570.png" alt="J&S"></li><li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li><li data-site="tagesablauf"><a>Tagesablauf</a></li><li data-site="unterkunft"><a>Unterkunft</a></li><li data-site="geschenke"><a>Geschenke</a></li><li data-site="standesamt"><a>Standesamt</a></li></ul></div><div class="top-bar-right"></div></div></nav><div id="main-content-container" class="hide-scrollbar"><span id="home-img-container"><span class="width-100" id="home-img"><img src="static/media/home.64f05ede.jpg" alt="Julia und Sam sehen sich verliebt an und halten dabei händchen &lt;3"><h1 id="start-text-img-overlay">Hochzeit von<br/>Julia und Samuel</h1></span><span id="img-spacer"></span></span><div id="scroll-container"><div><div class="grid-x grid-padding-x grid-padding-y grow max-height-100"><div class="cell small-12" id="main-content"></div></div></div></div></div><script src="index.bundle.js"></script></body></html> <!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="Description" content="Hochzeit von Julia und Sam"><link rel="icon" type="image/png" href="img/logo.png"><link rel="preload" href="img/WinterSunrise.ttf" as="font"><meta class="foundation-mq"><title>J & S</title><link href="css/main.ee2106b3.css" rel="stylesheet"></head><body><div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium"><img class="logo-img" src="static/media/logo.900db570.png" alt="J&S"> <button class="menu-icon" type="button" data-toggle="main-menu"></button></div><nav class="top-bar" id="main-menu" data-responsive-toggle="main-menu"><div class="grid-container width-100"><div class="top-bar-left"><ul class="menu align-center-middle vertical responsive-menu hide-for-medium" data-toggle="main-menu"><span class="menu-closer"></span><li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li><li data-site="tagesablauf"><a>Tagesablauf</a></li><li data-site="standesamt"><a>Standesamt</a></li><li data-site="hochzeitsfotos"><a>Hochzeitsfotos</a></li><li data-site="fotobox"><a>Fotobox</a></li></ul><ul class="menu align-center-middle medium-horizontal hide-for-small-only"><li><img class="logo-img" src="static/media/logo.900db570.png" alt="J&S"></li><li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li><li data-site="tagesablauf"><a>Tagesablauf</a></li><li data-site="standesamt"><a>Standesamt</a></li><li data-site="hochzeitsfotos"><a>Hochzeitsfotos</a></li><li data-site="fotobox"><a>Fotobox</a></li></ul></div><div class="top-bar-right"></div></div></nav><div id="main-content-container" class="hide-scrollbar"><span id="home-img-container"><span class="width-100" id="home-img"><img src="static/media/home.64f05ede.jpg" alt="Julia und Sam sehen sich verliebt an und halten dabei händchen &lt;3"><h1 id="start-text-img-overlay">Hochzeit von<br/>Julia und Samuel</h1></span><span id="img-spacer"></span></span><div id="scroll-container"><div><div class="grid-x grid-padding-x grid-padding-y grow max-height-100"><div class="cell small-12" id="main-content"></div></div></div></div></div><script src="index.bundle.js"></script></body></html>

5
src/client/html/fotobox.html Normal file
View File

@ -0,0 +1,5 @@
<div class="site-content grid-container">
<h1>Fotobox</h1>
<p>Es wurden einige Fotos in der Fotobox gemacht, die ihr hier ansehen und <a href="/bilder/Fotobox.zip" target="_blank">downloaden</a> könnt.</p><br/>
<div id="gallery"></div>
</div>

5
src/client/html/hochzeitsfotos.html Normal file
View File

@ -0,0 +1,5 @@
<div class="site-content grid-container">
<h1>Hochzeitsfotos</h1>
<p>Hier könnt ihr die Fotos unserer Hochzeit ansehen und <a href="/bilder/Hochzeit.zip" target="_blank">downloaden.</a></p><br/>
<div id="gallery"></div>
</div>

12
src/client/index.html
View File

@ -27,17 +27,21 @@
<span class="menu-closer"></span> <span class="menu-closer"></span>
<li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li> <li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li>
<li data-site="tagesablauf"><a>Tagesablauf</a></li> <li data-site="tagesablauf"><a>Tagesablauf</a></li>
<li data-site="unterkunft"><a>Unterkunft</a></li> <!-- <li data-site="unterkunft"><a>Unterkunft</a></li>-->
<li data-site="geschenke"><a>Geschenke</a></li> <!-- <li data-site="geschenke"><a>Geschenke</a></li>-->
<li data-site="standesamt"><a>Standesamt</a></li> <li data-site="standesamt"><a>Standesamt</a></li>
<li data-site="hochzeitsfotos"><a>Hochzeitsfotos</a></li>
<li data-site="fotobox"><a>Fotobox</a></li>
</ul> </ul>
<ul class="menu align-center-middle medium-horizontal hide-for-small-only"> <ul class="menu align-center-middle medium-horizontal hide-for-small-only">
<li><img class="logo-img" src="img/logo.png" alt="J&S"></li> <li><img class="logo-img" src="img/logo.png" alt="J&S"></li>
<li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li> <li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li>
<li data-site="tagesablauf"><a>Tagesablauf</a></li> <li data-site="tagesablauf"><a>Tagesablauf</a></li>
<li data-site="unterkunft"><a>Unterkunft</a></li> <!-- <li data-site="unterkunft"><a>Unterkunft</a></li>-->
<li data-site="geschenke"><a>Geschenke</a></li> <!-- <li data-site="geschenke"><a>Geschenke</a></li>-->
<li data-site="standesamt"><a>Standesamt</a></li> <li data-site="standesamt"><a>Standesamt</a></li>
<li data-site="hochzeitsfotos"><a>Hochzeitsfotos</a></li>
<li data-site="fotobox"><a>Fotobox</a></li>
</ul> </ul>
</div> </div>
<div class="top-bar-right"> <div class="top-bar-right">

6
src/client/js/ImageGallery/ImageGallery.tsx
View File

@ -1,12 +1,12 @@
import * as React from 'react'; import * as React from 'react';
import Carousel, {Modal, ModalGateway} from "react-images"; import Carousel, {Modal, ModalGateway} from "react-images";
import {useCallback, useState} from "react"; import {useCallback, useState} from "react";
import {photos} from "./photos"; import {photos as defaultPhotos} from "./photos";
import Gallery from "./Gallery/Gallery"; import Gallery from "./Gallery/Gallery";
export type ImageGalleryProps = {}; export type ImageGalleryProps = {photos?: any};
function ImageGallery({}: ImageGalleryProps) { function ImageGallery({photos = defaultPhotos}: ImageGalleryProps) {
const [currentImage, setCurrentImage] = useState(0); const [currentImage, setCurrentImage] = useState(0);
const [viewerIsOpen, setViewerIsOpen] = useState(false); const [viewerIsOpen, setViewerIsOpen] = useState(false);

10
src/client/js/index.ts
View File

@ -4,6 +4,8 @@ import {PresentsHandler} from "./PresentsHandler";
import "../sass/index.scss" import "../sass/index.scss"
import {setupImageGallery} from "./setupImageGallery"; import {setupImageGallery} from "./setupImageGallery";
import {setupFotobox} from "./setupFotobox";
import {setupHochzeitsfotos} from "./setupHochzeitsfotos";
const templates = { const templates = {
home: require("../html/home.html"), home: require("../html/home.html"),
@ -11,6 +13,8 @@ const templates = {
tagesablauf: require("../html/tagesablauf.html"), tagesablauf: require("../html/tagesablauf.html"),
geschenke: require("../html/geschenke.html"), geschenke: require("../html/geschenke.html"),
standesamt: require("../html/standesamt.html"), standesamt: require("../html/standesamt.html"),
fotobox: require("../html/fotobox.html"),
hochzeitsfotos: require("../html/hochzeitsfotos.html"),
} }
const images = { const images = {
@ -19,6 +23,8 @@ const images = {
tagesablauf: null, tagesablauf: null,
geschenke: require("../img/geschenke.jpg").default, geschenke: require("../img/geschenke.jpg").default,
standesamt: null, standesamt: null,
fotobox: null,
hochzeitsfotos: null,
} }
const callbacks = { const callbacks = {
@ -92,7 +98,9 @@ const callbacks = {
}); });
}, },
geschenke: async () => await new PresentsHandler().showPresents(), geschenke: async () => await new PresentsHandler().showPresents(),
standesamt: setupImageGallery standesamt: setupImageGallery,
fotobox: setupFotobox,
hochzeitsfotos: setupHochzeitsfotos,
} }
$(document).foundation(); $(document).foundation();

9
src/client/js/setupFotobox.tsx Normal file
View File

@ -0,0 +1,9 @@
import React from "react";
import ReactDOM from "react-dom";
import {ImageGallery} from "./ImageGallery/ImageGallery";
export async function setupFotobox(){
const photos = await fetch("/bilder/fotobox/photos.json").then(r => r.json());
console.log("LOG-d photos", photos);
ReactDOM.render(<ImageGallery photos={photos}/>, document.getElementById("gallery"));
}

8
src/client/js/setupHochzeitsfotos.tsx Normal file
View File

@ -0,0 +1,8 @@
import React from "react";
import ReactDOM from "react-dom";
import {ImageGallery} from "./ImageGallery/ImageGallery";
export async function setupHochzeitsfotos(){
const photos = await fetch("/bilder/julia_sam/photos.json").then(r => r.json());
ReactDOM.render(<ImageGallery photos={photos}/>, document.getElementById("gallery"));
}

1
src/server/Server.ts
View File

@ -81,6 +81,7 @@ export class Server {
private configureApp(): void { private configureApp(): void {
this.app.use(express.json({limit: "1mb"})); this.app.use(express.json({limit: "1mb"}));
this.app.use(express.static(path.join(__dirname, "../../dist"))); this.app.use(express.static(path.join(__dirname, "../../dist")));
this.app.use(express.static(path.join(__dirname, "../static")));
} }
private configureRoutes(): void { private configureRoutes(): void {

2
webpack.config.js
View File

@ -107,7 +107,7 @@ module.exports = (webpackEnv) => {
}; };
return { return {
mode: 'development', mode: 'production',
entry: './src/client/js/index.ts', entry: './src/client/js/index.ts',
output: { output: {
path: resolvePath('dist'), path: resolvePath('dist'),