aziis98
/
lupus-lite
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Working redirects

Browse Source
main
Antonio De Lucreziis 2 years ago
parent 4901bf49ef
commit 328271edc3
4 changed files with 81 additions and 18 deletions
Show Stats Download Patch File Download Diff File

12
README.md
Unescape Escape View File

@ -1 +1,13 @@
# Lupus Lite # Lupus Lite
## Usage
```bash
# Development Mode: also starts "npm run dev" inside "frontend/"
$ MODE=dev go run .
# Production Mode
$ cd frontend
$ npm run build
$ go build
```

8
frontend/index.html
Unescape Escape View File

@ -13,6 +13,12 @@
<link rel="stylesheet" href="/src/main.scss"> <link rel="stylesheet" href="/src/main.scss">
</head> </head>
<body> <body>
<h1>Lupus Lite</h1> <main>
<h1>Lupus Lite</h1>
<hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore qui quibusdam placeat officiis necessitatibus. Unde quis eos quo. Laborum, quis.</p>
<hr>
<a href="/login" class="button">Login</a>
</main>
</body> </body>
</html> </html>

50
frontend/src/main.scss
Unescape Escape View File

@ -13,10 +13,9 @@
--ft-sans-wt-regular: 400; --ft-sans-wt-regular: 400;
--ft-sans-wt-bold: 900; --ft-sans-wt-bold: 900;
--text-500: #f0f0f0; --accent-100: #f7dfdb;
--accent-400: #c55341;
--accent-100: #f19d90; --accent-500: #a93523;
--accent-500: #a31e17;
--bg-500: #222; --bg-500: #222;
} }
@ -29,13 +28,30 @@ body {
font-family: var(--ft-sans); font-family: var(--ft-sans);
font-weight: var(--ft-sans-wt-regular); font-weight: var(--ft-sans-wt-regular);
font-size: 16px; font-size: 17px;
color: var(--text-500); color: var(--accent-100);
background: var(--bg-500); background: var(--bg-500);
} }
//
// Pages Structure
//
main {
margin: 0 auto;
padding: 1rem 0.5rem;
max-width: 80ch;
display: flex;
flex-direction: column;
align-items: center;
}
//
// Components // Components
//
form { form {
display: grid; display: grid;
@ -66,15 +82,31 @@ form {
} }
} }
a {
&.button {
text-decoration: none;
}
}
button,
.button {
border: none;
color: var(--accent-100);
background: var(--accent-500);
padding: 0.5rem 1rem;
}
// //
// Typography // Typography
// //
hr { hr {
width: 100%; width: 100%;
height: 2px; height: 1px;
border: none; border: none;
background: var(--accent-700); background: var(--accent-500);
} }
p { p {
@ -103,7 +135,7 @@ $heading-scale: 1.33;
margin: 0; margin: 0;
font-family: var(--ft-serif); font-family: var(--ft-serif);
color: var(--accent-100); color: var(--accent-400);
$factor: pow($heading-scale, 5 - $i); $factor: pow($heading-scale, 5 - $i);
font-size: $base-font-size * $factor; font-size: $base-font-size * $factor;

29
frontend/vite.config.js
Unescape Escape View File

@ -2,18 +2,31 @@ import { defineConfig } from 'vite'
import { basename, extname, resolve } from 'path' import { basename, extname, resolve } from 'path'
const stripExt = path => basename(path, extname(path)) const stripExt = path => basename(path, extname(path))
const entryPoints = ['index.html', 'login.html', 'user.html', 'game.html']
const redirect = redirectMap => ({
name: 'redirect',
configureServer(server) {
server.middlewares.use((req, res, next) => {
if (!!redirectMap[req.url]) {
res.statusCode = 302
res.setHeader('Location', redirectMap[req.url])
res.setHeader('Content-Length', '0')
res.end()
} else {
next()
}
})
},
})
const redirectMap = Object.fromEntries(entryPoints.map(path => ['/' + stripExt(path), '/' + path]))
export default defineConfig({ export default defineConfig({
build: { build: {
rollupOptions: { rollupOptions: {
input: Object.fromEntries( input: Object.fromEntries(
[ entryPoints.map(path => [stripExt(path), resolve(__dirname, path)])
// Entry points
'index.html',
'login.html',
'user.html',
'game.html',
].map(path => [stripExt(path), resolve(__dirname, path)])
), ),
}, },
}, },
@ -22,5 +35,5 @@ export default defineConfig({
'/api': 'http://127.0.0.1:4000', '/api': 'http://127.0.0.1:4000',
}, },
}, },
plugins: [], plugins: [redirect(redirectMap)],
}) })

Write Preview
Loading…
Cancel
Save