aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitignore1
-rw-r--r--README.md18
-rw-r--r--css/main.css33
-rw-r--r--index.html31
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>