working html
This commit is contained in:
WanderingPenwing
commit
0d2d2fe504
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
/target
|
||||
1334
Cargo.lock
generated
Normal file
1334
Cargo.lock
generated
Normal file
File diff suppressed because it is too large
Load diff
10
Cargo.toml
Normal file
10
Cargo.toml
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
[package]
|
||||
name = "yuya"
|
||||
version = "0.1.0"
|
||||
edition = "2021"
|
||||
|
||||
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||
|
||||
[dependencies]
|
||||
actix-web = "4"
|
||||
pulldown-cmark = "0.9" # Markdown parser
|
||||
BIN
assets/flake.png
Executable file
BIN
assets/flake.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
131
assets/style.css
Normal file
131
assets/style.css
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
body {
|
||||
margin: 40px auto;
|
||||
padding: 0 60px;
|
||||
font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
color: #444;
|
||||
margin-left: 0px; /* Adjusted for sidebar */
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
line-height: 1.2;
|
||||
text-indent: 40px;
|
||||
}
|
||||
|
||||
/* The sidebar menu */
|
||||
.sidenav {
|
||||
height: 100%; /* Full-height */
|
||||
width: 200px; /* Set the width of the sidebar */
|
||||
position: fixed; /* Fixed Sidebar */
|
||||
z-index: 1; /* Stay on top */
|
||||
top: 0; /* Stay at the top */
|
||||
left: 0;
|
||||
background-color: #e8e8e8; /* Default color for sidebar */
|
||||
overflow-x: hidden; /* Disable horizontal scroll */
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
/* The navigation menu links */
|
||||
.sidenav a {
|
||||
padding: 0px 0px 0px 20px;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When you mouse over the navigation links, change their color */
|
||||
.sidenav a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Dark mode styles */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
color: #cccccc;
|
||||
background: #222222;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #58a6ff;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #8e96f0;
|
||||
}
|
||||
|
||||
.sidenav {
|
||||
background-color: #181818; /* Dark background color for sidebar */
|
||||
}
|
||||
|
||||
.sidenav a {
|
||||
color: #818181; /* Light text color for dark mode */
|
||||
}
|
||||
|
||||
.sidenav a:hover {
|
||||
color: #f1f1f1; /* Lighter text color on hover for dark mode */
|
||||
}
|
||||
}
|
||||
|
||||
/* Style page content */
|
||||
.main {
|
||||
margin-left: 200px; /* Same as the width of the sidebar */
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
margin-left: 0px;
|
||||
padding: 0px 10px;
|
||||
display: none;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 200px; /* Adjust this value to the desired square size */
|
||||
height: 200px; /* Ensure the height matches the width to make it a square */
|
||||
object-fit: cover; /* Maintain aspect ratio and cover the square area */
|
||||
}
|
||||
|
||||
/* On smaller screens, hide the sidebar */
|
||||
@media screen and (max-width: 768px) {
|
||||
.sidenav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.topbar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-left: 0; /* Adjust main content margin when sidebar is hidden */
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.sidenav a {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Additional styles */
|
||||
.summary {
|
||||
border-spacing: 10px 20px;
|
||||
}
|
||||
|
||||
.description {
|
||||
text-indent: 20px;
|
||||
}
|
||||
|
||||
.game-list {
|
||||
border-spacing: 20px 30px;
|
||||
}
|
||||
|
||||
|
||||
2
pages/summary.md
Normal file
2
pages/summary.md
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
# Summary
|
||||
test
|
||||
2
pages/tools.md
Normal file
2
pages/tools.md
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
# Tools
|
||||
test 2
|
||||
14
shell.nix
Normal file
14
shell.nix
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
{ pkgs ? import <nixpkgs> { overlays = [ (import (builtins.fetchTarball https://github.com/mozilla/nixpkgs-mozilla/archive/master.tar.gz)) ]; },}:
|
||||
with pkgs;
|
||||
|
||||
mkShell {
|
||||
nativeBuildInputs = with xorg; [
|
||||
pkg-config
|
||||
] ++ [
|
||||
cargo
|
||||
rustc
|
||||
];
|
||||
buildInputs = [
|
||||
latest.rustChannels.stable.rust
|
||||
];
|
||||
}
|
||||
94
src/main.rs
Normal file
94
src/main.rs
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
use pulldown_cmark::{Parser, html};
|
||||
use actix_web::{web, App, HttpServer, HttpResponse, Responder};
|
||||
use std::fs;
|
||||
|
||||
fn markdown_to_html(markdown_content: &str) -> String {
|
||||
let mut html_output = String::new();
|
||||
let parser = Parser::new(markdown_content);
|
||||
html::push_html(&mut html_output, parser);
|
||||
html_output
|
||||
}
|
||||
|
||||
async fn serve_markdown(file_path: &str) -> impl Responder {
|
||||
// Read the Markdown file
|
||||
let markdown_content = fs::read_to_string(file_path).unwrap_or_else(|_| String::from("Error reading file"));
|
||||
|
||||
// Convert Markdown to HTML
|
||||
let html_content = markdown_to_html(&markdown_content);
|
||||
|
||||
// Create the common HTML wrapper
|
||||
let common_html = r#"
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>yuya</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Penwing's Website">
|
||||
<link rel="stylesheet" href="/assets/style.css">
|
||||
<link rel="icon" href="/assets/flake.png" type="image/png">
|
||||
</head>
|
||||
<body>
|
||||
<div class="sidenav">
|
||||
<h3><a href="https://www.penwing.org">Summary</a></h3>
|
||||
<h3><a href="https://www.penwing.org/tools.html">Tools</a></h3>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#nginx">proxy</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#cloudflare">domain</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#portainer">dashboard</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#pihole">adblocker</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#searxng">search</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#forgejo">git server</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#jellyfin">streaming</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#stirling">pdf edit</a>
|
||||
<a class="description" href="https://www.penwing.org/tools.html#seafile">storage</a>
|
||||
|
||||
<h3><a href="https://www.penwing.org/art.html">my Art</a></h3>
|
||||
<h3><a href="https://www.penwing.org/games.html">my Games</a></h3>
|
||||
</div>
|
||||
<p class="topbar">
|
||||
<a href="https://www.penwing.org">Home</a> -
|
||||
<a href="https://www.penwing.org/tools.html">Tools</a> -
|
||||
<a href="https://www.penwing.org/art.html">Art</a> -
|
||||
<a href="https://www.penwing.org/games.html">Games</a>
|
||||
</p>
|
||||
<div class="main">
|
||||
#CONTENT#
|
||||
<hr>
|
||||
<p id="spacer"><br></p>
|
||||
|
||||
<h2 id="epilogue">Epilogue</h2>
|
||||
|
||||
<p>Inspired by the geniuses behind <a href="https://perfectmotherfuckingwebsite.com/">perfectwebsite.com</a>,
|
||||
because a webpage does not have to be heavier than <a href="https://github.com/chrislgarry/Apollo-11">the code that took us to the moon</a>.</p>
|
||||
|
||||
<p>This page is licensed under <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a></p>
|
||||
|
||||
</div>
|
||||
</body></html>
|
||||
"#;
|
||||
|
||||
// Replace #CONTENT# placeholder with the actual Markdown HTML content
|
||||
let page_html = common_html.replace("#CONTENT#", &html_content);
|
||||
|
||||
HttpResponse::Ok().content_type("text/html").body(page_html)
|
||||
}
|
||||
|
||||
async fn summary() -> impl Responder {
|
||||
serve_markdown("pages/summary.md").await
|
||||
}
|
||||
|
||||
async fn tools() -> impl Responder {
|
||||
serve_markdown("pages/tools.md").await
|
||||
}
|
||||
|
||||
#[actix_web::main]
|
||||
async fn main() -> std::io::Result<()> {
|
||||
HttpServer::new(|| {
|
||||
App::new()
|
||||
.route("/", web::get().to(summary)) // Route for root
|
||||
.route("/tools", web::get().to(tools)) // Route for tools
|
||||
})
|
||||
.bind("127.0.0.1:8080")?
|
||||
.run()
|
||||
.await
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in a new issue