Mr_Steppy/jana_sessions_webpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reformat project

Browse Source
This commit is contained in:
Leonard Steppy 2025-02-20 10:55:18 +01:00
parent a5bc12acae
commit 2fe57be382
15 changed files with 658 additions and 634 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Cargo.toml
View File

@ -2,7 +2,7 @@
resolver = "2"
members = [
"leptos_webpage", "session_iter",
"leptos_webpage", "session_iter", "app",
]
[profile]

5
leptos_webpage/README.md
View File

@ -8,17 +8,21 @@ The project currently uses leptos, so you'll want to install trunk (`cargo insta
For the build to work you'll need the `wasm32-unknown-unknown` target (`rustup target add wasm32-unknown-unknown`).
You can build the projekt with
```bash
trunk build --release
```
which will create the app in the `target/dist` folder.
Alternatively you can serve it locally with
```bash
trunk serve
```
To also access the local hosted page from other devices, use
```bash
trunk serve -a 0.0.0.0
```
@ -26,6 +30,7 @@ trunk serve -a 0.0.0.0
## Deployment
Just use pythons webserver and point it to the dist folder
```bash
python3 -m http.server 8080 --directoy target/dist
```

4
leptos_webpage/index.html
View File

@ -2,8 +2,8 @@
<html lang="de">
<head>
<title>Band Sessions</title>
<link data-trunk rel="css" href="styles.css">
<link data-trunk rel="rust" data-bin="jana_sessions_webpage">
<link data-trunk href="styles.css" rel="css">
<link data-bin="jana_sessions_webpage" data-trunk rel="rust">
</head>
<body></body>
</html>

19
leptos_webpage/styles.css
View File

@ -9,24 +9,30 @@
--yellow: #bbbb11;
--green: #1fd51f;
}
ul {
list-style-position: inside;
}
body {
font-size: 2rem;
}
html, body {
margin: 0;
padding: 0;
}
p {
margin: 0;
}
@media screen and (max-width: 1000px) {
body {
font-size: 3rem;
}
}
.background {
background-color: var(--darkgray);
color: var(--white);
@ -38,11 +44,13 @@ p {
margin: 0;
overflow: scroll;
}
.column {
display: flex;
flex-direction: column;
gap: 10px;
}
.box {
padding: 20px;
border-radius: 10px;
@ -55,39 +63,50 @@ p {
max-width: 800px;
box-sizing: border-box;
}
.wide {
width: 100%;
max-width: 1000px;
}
.button {
cursor: pointer;
}
.button:hover {
filter: brightness(1.2);
}
.elem-background {
background-color: var(--darkgreen);
}
.error-background {
background-color: var(--darkred);
}
.highlight-background {
background-color: var(--green);
}
.cancel-background {
background-color: var(--red);
}
.change-background {
background-color: var(--yellow);
}
.small-text {
color: var(--darkgray);
font-size: 1rem;
text-align: left;
}
.strikethrough {
text-decoration: line-through;
}
.bold {
font-weight: bold;
}