diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | README.md | 18 | ||||
| -rw-r--r-- | css/main.css | 33 | ||||
| -rw-r--r-- | index.html | 31 |
4 files changed, 83 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..86616fb --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +_site/**
\ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..efc965b --- /dev/null +++ b/README.md @@ -0,0 +1,18 @@ +# mblog + +My personal blog + +Requires node14+ + +## Run locally + +``` +npx @11ty/eleventy --formats=html,gif,jpg,css,js,webp,png,md,svg,liquid,woff2 --serve +``` + +## Compile + +``` +npx @11ty/eleventy --formats=html,gif,jpg,css,js,webp,png,md,svg,liquid,woff2 +``` + diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..f2f6f84 --- /dev/null +++ b/css/main.css @@ -0,0 +1,33 @@ +.m { + font-family: "Times New Roman", serif; + font-size: 72px; + text-decoration: none; + color: black; +} + +.code { + font-family: monospace; + color: gray; +} + +.link { + padding: 2px; + color: black; +} + +.link:active { + color: white; + background: blue; + text-decoration: none; +} + +body { + padding:0; + margin:0; + overflow:hidden; + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; + font-size:14px; + font-weight:400; + line-height:14px +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..243c841 --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ +<!doctype html> +<html> + +<head> + <meta name="description" + content="Personal blog of Marc Coquand." /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link rel="stylesheet" href="css/main.css" /> + <title>𝚳</title> +</head> + +<div style="margin-left:2rem; margin-top: 2rem; display: flex; flex-direction: column; max-width: 22rem" class=""> + <div style="display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 2rem"> + <h1 style="margin-bottom: 1rem; " class="m" >𝚳</h1> + <p class="code">U+1D6B3</p> + + <div style="display: flex; "> + <a class="link" style="margin-right: 0.5rem;" href="https://fosstodon.org/home">mastodon</a> + <a class="link" style="margin-right: 0.5rem; pointer-events: none;" href="#">rss</a> + <a class="link" href="https://sr.ht/~marcc/">sr.ht</a> + </div> + </div> +<h2 class="text">Posts</h2> +<div style="margin-left: 4rem;"> + <p class="text">Hi, this text should be in a sans-serif.</p> +</div> + +</div> + +</head> |