mirror of
https://codeberg.org/reflect/website.git
synced 2025-09-13 18:53:41 +02:00
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>
This commit is contained in:
parent
ad99625487
commit
8ae67a86d8
7 changed files with 136 additions and 0 deletions
22
.gitignore
vendored
Executable file
22
.gitignore
vendored
Executable file
|
|
@ -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
|
||||
27
assets/css/pages/index.css
Normal file
27
assets/css/pages/index.css
Normal file
|
|
@ -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);
|
||||
}
|
||||
55
assets/css/shells/document.css
Normal file
55
assets/css/shells/document.css
Normal file
|
|
@ -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);
|
||||
}
|
||||
1
assets/media/logo.svg
Normal file
1
assets/media/logo.svg
Normal file
|
|
@ -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>
|
||||
|
After Width: | Height: | Size: 984 B |
4
public/error.php
Normal file
4
public/error.php
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<main>
|
||||
<h1>404 Not found</h1>
|
||||
<p>Sorry, there is nothing to show here</p>
|
||||
</main>
|
||||
11
public/index.php
Normal file
11
public/index.php
Normal file
|
|
@ -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>
|
||||
16
shells/document.php
Normal file
16
shells/document.php
Normal file
|
|
@ -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>
|
||||
Loading…
Add table
Reference in a new issue