From 8ae67a86d820548f9e22669f2ea0123a00119eab Mon Sep 17 00:00:00 2001
From: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Fri, 27 Sep 2024 16:13:44 +0000
Subject: [PATCH] feat: initial code commit (#1)

Placeholder website until the real thing is ready

Reviewed-on: https://codeberg.org/reflect/website/pulls/1
Co-authored-by: Victor Westerlund <victor.vesterlund@gmail.com>
Co-committed-by: Victor Westerlund <victor.vesterlund@gmail.com>
---
 .gitignore                     | 22 ++++++++++++++
 assets/css/pages/index.css     | 27 +++++++++++++++++
 assets/css/shells/document.css | 55 ++++++++++++++++++++++++++++++++++
 assets/media/logo.svg          |  1 +
 public/error.php               |  4 +++
 public/index.php               | 11 +++++++
 shells/document.php            | 16 ++++++++++
 7 files changed, 136 insertions(+)
 create mode 100755 .gitignore
 create mode 100644 assets/css/pages/index.css
 create mode 100644 assets/css/shells/document.css
 create mode 100644 assets/media/logo.svg
 create mode 100644 public/error.php
 create mode 100644 public/index.php
 create mode 100644 shells/document.php

diff --git a/.gitignore b/.gitignore
new file mode 100755
index 0000000..526737f
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,22 @@
+# Public assets #
+#################
+public/robots.txt
+public/.well-known
+
+# Bootstrapping #
+#################
+vendor
+node_modules
+.env.ini
+
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+Icon?
+ehthumbs.db
+Thumbs.db
+.directory
diff --git a/assets/css/pages/index.css b/assets/css/pages/index.css
new file mode 100644
index 0000000..3d13bbe
--- /dev/null
+++ b/assets/css/pages/index.css
@@ -0,0 +1,27 @@
+main {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--padding);
+	padding: var(--padding);
+	border-radius: 6px;
+	background-color: white;
+	border: solid 1px rgba(var(--primer-color-reflect), .2);
+	margin: var(--padding);
+	text-align: center;
+}
+
+main h1 {
+	color: var(--color-reflect);
+}
+
+main svg {
+	width: clamp(20px, 100%, 100px);
+	border-radius: 16px;
+}
+
+main .actions {
+	display: flex;
+	flex-direction: column;
+	gap: var(--padding);
+}
\ No newline at end of file
diff --git a/assets/css/shells/document.css b/assets/css/shells/document.css
new file mode 100644
index 0000000..aba7149
--- /dev/null
+++ b/assets/css/shells/document.css
@@ -0,0 +1,55 @@
+:root {
+	--primer-color-reflect: 220, 26, 0;
+	--color-reflect: rgb(var(--primer-color-reflect));
+
+	--padding: 20px;
+}
+
+html,
+body {
+	width: 100%;
+	height: 100svh;
+}
+
+body {
+	display: grid;
+	align-items: center;
+	justify-items: center;
+	background-color: rgba(var(--primer-color-reflect), .1);
+}
+
+* {
+	margin: 0;
+	fill: inherit;
+	color: inherit;
+	font-family: monospace;
+}
+
+h1 {
+	font-size: 30px;
+	letter-spacing: .1em;
+}
+
+p {
+	font-size: 17px;
+}
+
+button {
+	width: 100%;
+	color: var(--color-reflect);
+	padding: 10px 15px;
+	border: solid 1px var(--color-reflect);
+	background-color: transparent;
+	border-radius: 4px;
+	cursor: pointer;
+}
+
+button.solid {
+	color: white;
+	background-color: var(--color-reflect);
+}
+
+button:hover {
+	color: var(--color-reflect);
+	background-color: rgba(var(--primer-color-reflect), .1);
+}
\ No newline at end of file
diff --git a/assets/media/logo.svg b/assets/media/logo.svg
new file mode 100644
index 0000000..39d0f60
--- /dev/null
+++ b/assets/media/logo.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 60.965 60.965" xmlns="http://www.w3.org/2000/svg"><path style="fill:#dc1a00;fill-opacity:1;stroke-width:.529167" d="M0 0h135.467v135.467H0z" transform="matrix(.45004 0 0 .45004 0 0)"/><g style="fill:#fff;fill-opacity:1"><g fill="none" style="fill:#fff;fill-opacity:1"><path class="solid" d="M12 22 0 0h24z" style="display:inline;fill:#fff;fill-opacity:1" transform="matrix(.95357 0 0 .95357 19.04 10.01)"/><path class="stroke" d="M12 17.823 20.63 2H3.37L12 17.823M12 22 0 0h24z" style="display:inline;fill:#fff;fill-opacity:1" transform="matrix(.95357 0 0 .95357 19.04 10.01)"/></g><g opacity=".5" style="fill:#fff;fill-opacity:1"><path class="solid" d="M24 22 12 0h24z" style="display:inline;fill:#fff;fill-opacity:1" transform="matrix(-.95357 0 0 -.95357 53.368 51.968)"/><path class="stroke" d="M24 17.823 32.63 2H15.37L24 17.823M24 22 12 0h24z" style="display:inline;fill:#fff;fill-opacity:1" transform="matrix(-.95357 0 0 -.95357 53.368 51.968)"/></g></g></svg>
\ No newline at end of file
diff --git a/public/error.php b/public/error.php
new file mode 100644
index 0000000..f4e6220
--- /dev/null
+++ b/public/error.php
@@ -0,0 +1,4 @@
+<main>
+	<h1>404 Not found</h1>
+	<p>Sorry, there is nothing to show here</p>
+</main>
\ No newline at end of file
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..4e2687b
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,11 @@
+<style><?= VV::css("assets/css/pages/index") ?></style>
+<main>
+	<?= VV::embed("assets/media/logo.svg") ?>
+	<h1>WORK IN PROGRESS</h1>
+	<p>Sorry, this website is still under construction</p>
+	<p>You can find the source for the Reflect API framework on Codeberg and on git.vlw.se</p>
+	<div class="actions">
+		<a href="https://codeberg.org/reflect"><button class="solid"><p>Reflect on Codeberg</p></button></a>
+		<a href="https://git.vlw.se/reflect"><button><p>Reflect on git.vlw.se</p></button></a>
+	</div>
+</main>
\ No newline at end of file
diff --git a/shells/document.php b/shells/document.php
new file mode 100644
index 0000000..1019d83
--- /dev/null
+++ b/shells/document.php
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<style><?= VV::css("assets/css/shells/document") ?></style>
+
+	<title>Reflect</title>
+</head>
+<body>
+	<vv-shell></vv-shell>
+	
+	<?= VV::init() ?>
+</body>
+</html>
\ No newline at end of file