greg/rss-reader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

template stuff

Browse Source
This commit is contained in:
Greg Shuflin 2025-02-01 00:39:16 -08:00
parent c885219825
commit 0957cc703c
3 changed files with 68 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main.rs
View File

@ -2,6 +2,7 @@
use rocket::serde::{Serialize, json::Json}; use rocket::serde::{Serialize, json::Json};
use rocket_dyn_templates::{Template, context}; use rocket_dyn_templates::{Template, context};
use rocket::fs::FileServer;
#[derive(Serialize)] #[derive(Serialize)]
#[serde(crate = "rocket::serde")] #[serde(crate = "rocket::serde")]
@ -27,5 +28,6 @@ fn index() -> Template {
fn rocket() -> _ { fn rocket() -> _ {
rocket::build() rocket::build()
.mount("/", routes![index, message]) .mount("/", routes![index, message])
.mount("/static", FileServer::from("static"))
.attach(Template::fairing()) .attach(Template::fairing())
} }

65
static/css/style.css Normal file
View File

@ -0,0 +1,65 @@
:root {
--primary-red: #f43f3f;
--dark-bg: #1e1f26;
--sidebar-bg: #2b2c33;
--text-color: #ffffff;
--text-muted: #9da2b3;
}
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
display: flex;
background-color: var(--dark-bg);
color: var(--text-color);
}
.sidebar {
width: 250px;
background-color: var(--sidebar-bg);
min-height: 100vh;
padding: 20px;
box-shadow: 2px 0 5px rgba(0,0,0,0.3);
}
.sidebar h2 {
color: var(--primary-red);
margin-top: 0;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar ul li {
margin: 10px 0;
}
.sidebar ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.2s ease;
}
.sidebar ul li a:hover {
color: var(--primary-red);
}
.main-content {
flex: 1;
padding: 20px 40px;
}
.main-content h1 {
color: var(--primary-red);
font-size: 2.5em;
margin-bottom: 0.5em;
}
.main-content p {
line-height: 1.6;
color: var(--text-muted);
margin-bottom: 1.5em;
}

20
templates/index.html.tera
View File

@ -4,25 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RSS Reader</title> <title>RSS Reader</title>
<style> <link rel="stylesheet" href="/static/css/style.css">
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
display: flex;
}
.sidebar {
width: 250px;
background-color: #f5f5f5;
min-height: 100vh;
padding: 20px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.main-content {
flex: 1;
padding: 20px;
}
</style>
</head> </head>
<body> <body>
<div class="sidebar"> <div class="sidebar">