andi34 · andi34 · Aug 24, 2021 · Aug 21, 2021 · Aug 22, 2021 · Aug 22, 2021
diff --git a/.gitignore b/.gitignore
@@ -24,4 +24,5 @@ vendor/simple-translator/
 /.htaccess
 .htpasswd
 *.patch
+.skip_welcome
 .vscode
diff --git a/index.php b/index.php
@@ -1,4 +1,8 @@
 <?php
+if (!is_file('.skip_welcome')) {
+    header('location: welcome.php');
+}
+
 session_start();
 
 require_once 'lib/config.php';

diff --git a/scripts/pack-build.js b/scripts/pack-build.js
@@ -72,6 +72,7 @@ function createArchive(fileName, archive) {
     archive.file('private/README.md');
     archive.file('README.md');
     archive.file('update-booth.sh');
+    archive.file('welcome.php');
     archive.directory('node_modules/@andreasremdt/simple-translator/');
     archive.directory('node_modules/font-awesome/');
     archive.file('node_modules/github-markdown-css/github-markdown.css');

diff --git a/src/sass/welcome.scss b/src/sass/welcome.scss
@@ -0,0 +1,23 @@
+@import 'modules/theme';
+@import 'partials/fonts';
+@import 'partials/basic';
+@import 'partials/button';
+@import 'partials/scrollbar';
+
+html,
+body {
+  background-color: $panelColor;
+  p {
+    font-size: 1.2em;
+  }
+  h3 {
+    font-size: 1.3em;
+  }
+  overflow-y: auto;
+}
+
+.welcome {
+  padding: 1em;
+  text-align: center;
+  color: $fontColor;
+}
diff --git a/welcome.php b/welcome.php
@@ -0,0 +1,93 @@
+<?php
+require_once 'lib/config.php';
+
+if (!is_file('.skip_welcome')) {
+    touch('.skip_welcome');
+}
+
+if ($os == 'linux') {
+    $get_ip = shell_exec('hostname -I | cut -d " " -f 1');
+
+    if (!$get_ip) {
+        $IP = $_SERVER['HTTP_HOST'];
+    } else {
+        $IP = $get_ip;
+    }
+
+    if (getcwd() == '/var/www/html/photobooth') {
+        $URL = $IP . '/photobooth';
+    } else {
+        $URL = $IP;
+    }
+} else {
+        $URL = $_SERVER['HTTP_HOST'];
+}
+
+?>
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
+	<meta name="msapplication-TileColor" content="<?=$config['colors']['primary']?>">
+	<meta name="theme-color" content="<?=$config['colors']['primary']?>">
+
+	<title>Welcome to <?=$config['ui']['branding']?></title>
+
+	<!-- Favicon + Android/iPhone Icons -->
+	<link rel="apple-touch-icon" sizes="180x180" href="resources/img/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="resources/img/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="resources/img/favicon-16x16.png">
+	<link rel="manifest" href="resources/img/site.webmanifest">
+	<link rel="mask-icon" href="resources/img/safari-pinned-tab.svg" color="#5bbad5">
+
+	<!-- Fullscreen Mode on old iOS-Devices when starting photobooth from homescreen -->
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+	<link rel="stylesheet" href="node_modules/normalize.css/normalize.css" />
+	<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.css" />
+	<link rel="stylesheet" href="resources/css/welcome.css" />
+	<?php if (is_file("private/overrides.css")): ?>
+	<link rel="stylesheet" href="private/overrides.css" />
+	<?php endif; ?>
+</head>
+
+<body>
+	<div id="wrapper" class="welcome">
+		<h1>Welcome to your own Photobooth</h1>
+		<p></p>
+		<p>OpenSource Photobooth web interface for Linux and Windows.</p>
+		<p></p>
+		<p>Photobooth was initally developped by Andre Rinas especially to run on a Raspberry Pi.<br>
+		In 2019 Andreas Blaesius picked up the work and continued to work on the source.</p>
+		<p>With the help of the community Photobooth growed to a powerfull Photobooth software with a lot of features and possibilities.<br>
+		By a lot of features, we mean a lot (!!!) and you might have some questions - now or later. You can find a lot of useful information inside
+		the <a href="https://github.com/andi34/photobooth/wiki" target="_blank" rel="noopener noreferrer">Photobooth-Wiki</a> or at the <a href="https://t.me/PhotoboothGroup" target="_blank" rel="noopener noreferrer">Telegram group</a>.</p>
+		<p></p>
+		<h3>Here are some basic information for you:</h3>
+		<p><b>Location of your Photobooth installation:</b> <?=getcwd()?><br>
+		<i>All files and folders inside this path belong to the Webserver user "www-data".</i><p>
+		<p><b>Images can be found at:</b> <?=$config['foldersAbs']['images']?></p>
+		<p><b>Databases are placed at:</b> <?=$config['foldersAbs']['data']?></p>
+		<p><b>Add your own files (e.g. background images, frames, override.css) inside:</b> <?=getcwd() . "/private"?><br>
+		<i>All files and folders inside this path will be ignored on git and won't cause trouble while updating Photobooth.</i></p>
+		<p>You can change the settings and look of Photobooth using the Admin panel at <a href="admin" target="_blank" rel="noopener noreferrer">http://<?=$URL;?>/admin</a>.<br>
+		A standalone gallery can be found at <a href="gallery.php" target="_blank" rel="noopener noreferrer">http://<?=$URL;?>/gallery.php</a>.<br>
+		A standalone slideshow can be found at <a href="slideshow" target="_blank" rel="noopener noreferrer">http://<?=$URL;?>/slideshow</a>.<br>
+		An integrated FAQ to answer a lot of questions can be found at <a href="faq" target="_blank" rel="noopener noreferrer">http://<?=$URL;?>/faq</a>.</p>
+		<p></p>
+		<p>You are missing some translation or your language isn't supported yet? Don't worry! You can request new language support at <a href="https://github.com/andi34/photobooth/issues" target="_blank" rel="noopener noreferrer">GitHub</a>,
+		you can translate Photobooth at <a href="https://crowdin.com/project/photobooth" target="_blank" rel="noopener noreferrer">Crowdin</a>.</p>
+		<p></p>
+		<p>Thanks for the reading! Enjoy your Photobooth!</p>
+		<p><a href="./" class="btn btn--flex">Start Photobooth</a></p>
+	</div>
+
+	<script src="node_modules/whatwg-fetch/dist/fetch.umd.js"></script>
+	<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
+	<script type="text/javascript" src="api/config.php"></script>
+	<script type="text/javascript" src="resources/js/theme.js"></script>
+</body>
+</html>