redesign website

This commit is contained in:
Rachel Lambda Samuelsson 2023-12-08 22:09:59 +01:00
parent 71544a1564
commit 606147b354
16 changed files with 212 additions and 125 deletions

View File

@ -1,6 +1,20 @@
--- ---
layout: nav layout: default
--- ---
<div class="centercol"> <div class="centercol">
<header>
<nav><ul>
<li class="sitetitle">
<a class="bigger" href="/">rachel.cafe</a>
</li>
</nav></ul>
<hr>
<nav><ul>
<li><a href="/work.html">work</a></li>
<li><a href="/">blog</a></li>
<li><a href="/about.html">about</a></li>
</nav></ul>
<hr>
</header>
{{ content }} {{ content }}
</div> </div>

View File

@ -1,18 +0,0 @@
---
layout: default
---
<header>
<nav><ul>
<li class="sitetitle">
<a class="bigger" href="/">rachel.cafe</a><img class="cup" src="/assets/img/cup.svg" alt="teacup">
</li>
</nav></ul>
<hr>
<nav><ul>
<li><a href="/work.html">work</a></li>
<li><a href="/">blog</a></li>
<li><a href="/about.html">about</a></li>
</nav></ul>
<hr>
</header>
{{ content }}

View File

@ -1,9 +0,0 @@
---
layout: centered
---
<div class="irrelevant">
<h1>{{ page.title }}</h1>
<article>
{{ content }}
</article>
</div>

View File

@ -1,5 +1,5 @@
--- ---
layout: other layout: centered
title: "about" title: "about"
--- ---
@ -7,15 +7,12 @@ title: "about"
<article class="aba"> <article class="aba">
<div> <div>
<h2>me</h2> <h2>me</h2>
<p>My name is Rachel Lambda Samuelsson, and my pronouns are she/her. I'm an undergrad at Chalmers University of Technology, studying computer science and engineering. My interests include functional programming, type theory, univalent mathematics, foundations, logic and category theory. I'm a fan of Haskell, Agda, Idris and Scheme.</p> <p>My name is Rachel Lambda Samuelsson, my pronouns are she/her. I'm an undergrad at Chalmers University of Technology, studying computer science and engineering. My interests include type theory, univalent mathematics, category theory, logic, and functional programming. If I write code it is probably in Agda, Idris, or Haskell.</p>
<h2>web</h2>
<p>This is a website where I post whatever I feel like, the source of which is available at <a href="https://githug.xyz/rachel/rachel.cafe">my git</a>.</p>
<h2>contact</h2> <h2>contact</h2>
<ul> <ul>
<li>Email: <a href="mailto:depsterr@protonmail.com">depsterr@protonmail.com</a></li> <li>email: <a href="mailto:depsterr@protonmail.com">depsterr@protonmail.com</a></li>
<li>Fedi: <a href="https://types.pl/@rachelrosen">@rachelrosen@types.pl</a></li> <li>fedi: <a href="https://types.pl/@rachelrosen">@rachelrosen@types.pl</a></li>
</ul> </ul>
</div> </div>

BIN
assets/css/fonts/SAX2.ttf Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,46 +1,26 @@
--- ---
--- ---
.centercol {
counter-reset: heading;
}
h1:not(.irrelevant *):before {
content: counter(heading)" ";
counter-increment: heading;
}
h1:not(.irrelevant *) {
counter-reset: subheading;
}
h2:not(.irrelevant *):before {
content: counter(heading)"." counter(subheading)" ";
counter-increment: subheading;
}
h2:not(.irrelevant *) {
counter-reset: subsubheading;
}
h3:not(.irrelevant *):before {
content: counter(heading)"." counter(subheading)"." counter(subsubheading)" ";
counter-increment: subsubheading;
}
@font-face { @font-face {
font-family: CMUSerif; font-family: SAX2;
src: url(/assets/css/fonts/cmunrm.ttf); src: url(/assets/css/fonts/SAX2.ttf);
font-weight: heavy;
}
@font-face {
font-family: CMUMono;
src: url(/assets/css/fonts/cmuntt.ttf);
} }
body { body {
font-family: CMUSerif; font-family: "SAX2";
background: #1d1f21;
background-image: url(/assets/img/bg.png);
background-repeat: repeat;
background-position: center;
color: #c5c8c6;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
} }
img { img {
@ -51,19 +31,21 @@ figcaption {
text-align: center; text-align: center;
} }
.tcenter { .catch {
margin-top: 3em;
text-align: center; text-align: center;
} }
pre code { pre code {
display: block; display: block;
padding: 10px; padding: 0.5em;
border-top: 2px dotted gray; font-size: 1.2em;
border-bottom: 2px dotted gray; border-top: 2px dotted #808080;
border-bottom: 2px dotted #808080;
} }
table, th, td { table, th, td {
border: 1px solid black; border: 1px solid #808080;
} }
th, td { th, td {
@ -83,25 +65,19 @@ a {
} }
a:link { a:link {
color: blue; color: #ef7627;
} }
a:visited { a:visited {
color: violet; color: #ef7627;
} }
a:hover { a:hover {
color: cyan; color: #70c0b1;
} }
.sitetitle a, { .sitetitle a, {
color: black color: #b55690;
}
.cup {
max-height: 1.5em;
height: 1.5em;
margin-left: 0.5em;
} }
.sitetitle { .sitetitle {
@ -111,10 +87,6 @@ a:hover {
justify-content: center; justify-content: center;
} }
h1,h2,h3,h4,h5,h6 {
text-align: center;
}
.right { .right {
text-align: right; text-align: right;
float: right; float: right;
@ -137,6 +109,17 @@ h1,h2,h3,h4,h5,h6 {
} }
@media only screen and (max-width : 850px) { @media only screen and (max-width : 850px) {
.centercol {
box-sizing: border-box !important;
width: 100vw !important;
padding: 10px !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.aba { .aba {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -151,9 +134,16 @@ h1,h2,h3,h4,h5,h6 {
} }
} }
.posts {
margin: 0;
padding: 0;
padding-left: 0;
list-style-type: none;
}
.post_listing { .post_listing {
margin-top: 40px; margin-top: 3em;
margin-bottom: 40px; margin-bottom: 3em;
} }
nav ul { nav ul {
@ -170,7 +160,7 @@ nav ul li {
} }
hr { hr {
color: gray; color: #808080;
border: 0; border: 0;
border-bottom: 1px dashed; border-bottom: 1px dashed;
} }
@ -181,8 +171,17 @@ table {
} }
.centercol { .centercol {
width: 50em; box-sizing: border-box;
width: 60vw;
min-height: 100vh;
max-width: 94vw; max-width: 94vw;
display: block; padding: 4em;
margin: auto; backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
box-shadow: 0 0 0 5px #d54e53;
-webkit-box-shadow: 0 0 0 5px #d54e53;
}
table {
border-collapse: collapse;
} }

53
assets/img/_bg.tex Normal file
View File

@ -0,0 +1,53 @@
\documentclass[preview]{standalone}
\usepackage{tikz}
\usepackage{tikz-cd}
\usepackage{amssymb}
\usetikzlibrary{calc}
% `pathmorphing` is necessary to draw squiggly arrows.
\usetikzlibrary{decorations.pathmorphing}
% A TikZ style for curved arrows of a fixed height, due to AndréC.
\tikzset{curve/.style={settings={#1},to path={(\tikztostart)
.. controls ($(\tikztostart)!\pv{pos}!(\tikztotarget)!\pv{height}!270:(\tikztotarget)$)
and ($(\tikztostart)!1-\pv{pos}!(\tikztotarget)!\pv{height}!270:(\tikztotarget)$)
.. (\tikztotarget)\tikztonodes}},
settings/.code={\tikzset{quiver/.cd,#1}
\def\pv##1{\pgfkeysvalueof{/tikz/quiver/##1}}},
quiver/.cd,pos/.initial=0.35,height/.initial=0}
% TikZ arrowhead/tail styles.
\tikzset{tail reversed/.code={\pgfsetarrowsstart{tikzcd to}}}
\tikzset{2tail/.code={\pgfsetarrowsstart{Implies[reversed]}}}
\tikzset{2tail reversed/.code={\pgfsetarrowsstart{Implies}}}
% TikZ arrow styles.
\tikzset{no body/.style={/tikz/dash pattern=on 0 off 1mm}}
\begin{document}
\[\begin{tikzcd}
&& \bullet && \bullet \\
\\
\bullet && \bullet && \bullet && \bullet \\
\\
\bullet && \bullet && \bullet && \bullet \\
\\
&& \bullet && \bullet && \bullet
\arrow[from=3-3, to=5-3]
\arrow[from=3-5, to=5-5]
\arrow[from=5-3, to=5-5]
\arrow[from=3-3, to=3-5]
\arrow["\lrcorner"{anchor=center, pos=0.125}, draw=none, from=3-3, to=5-5]
\arrow[from=3-1, to=3-3]
\arrow[from=5-1, to=5-3]
\arrow[from=3-5, to=3-7]
\arrow[from=5-5, to=5-7]
\arrow[from=1-5, to=3-5]
\arrow[from=1-3, to=3-3]
\arrow[from=5-3, to=7-3]
\arrow[from=5-5, to=7-5]
\arrow["\lrcorner"{anchor=center, pos=0.125}, draw=none, from=5-3, to=7-5]
\arrow["\lrcorner"{anchor=center, pos=0.125}, draw=none, from=3-5, to=5-7]
\arrow["\lrcorner"{anchor=center, pos=0.125}, draw=none, from=5-5, to=7-7]
\end{tikzcd}\]
\end{document}

BIN
assets/img/_bg.xcf Normal file

Binary file not shown.

BIN
assets/img/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -1,11 +1,29 @@
{ {
"nodes": { "nodes": {
"flake-utils": {
"inputs": {
"systems": "systems"
},
"locked": {
"lastModified": 1701680307,
"narHash": "sha256-kAuep2h5ajznlPMD9rnQyffWG8EM/C73lejGofXvdM8=",
"owner": "numtide",
"repo": "flake-utils",
"rev": "4022d587cbbfd70fe950c1e2083a02621806a725",
"type": "github"
},
"original": {
"owner": "numtide",
"repo": "flake-utils",
"type": "github"
}
},
"nixpkgs": { "nixpkgs": {
"locked": { "locked": {
"lastModified": 1690630041, "lastModified": 1701263465,
"narHash": "sha256-gbnvqm5goS9DSKAqGFpq3398aOpwejmq4qWikqmQyRo=", "narHash": "sha256-lNXUIlkfyDyp9Ox21hr+wsEf/IBklLvb6bYcyeXbdRc=",
"path": "/nix/store/qxgp86sdhxwzj0k89kz2aaw0xw7d8f6i-source", "path": "/nix/store/7i525k013ds687vgp12lyhwmx79qd4qj-source",
"rev": "d57e8c535d4cbb07f441c30988ce52eec69db7a8", "rev": "50aa30a13c4ab5e7ba282da460a3e3d44e9d0eb3",
"type": "path" "type": "path"
}, },
"original": { "original": {
@ -15,8 +33,24 @@
}, },
"root": { "root": {
"inputs": { "inputs": {
"flake-utils": "flake-utils",
"nixpkgs": "nixpkgs" "nixpkgs": "nixpkgs"
} }
},
"systems": {
"locked": {
"lastModified": 1681028828,
"narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
"owner": "nix-systems",
"repo": "default",
"rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
"type": "github"
},
"original": {
"owner": "nix-systems",
"repo": "default",
"type": "github"
}
} }
}, },
"root": "root", "root": "root",

View File

@ -1,9 +1,14 @@
{ {
description = "My website"; description = "My website";
outputs = { self, nixpkgs }: { inputs = {
devShells.x86_64-linux.default = import ./shell.nix { flake-utils.url = "github:numtide/flake-utils";
pkgs = nixpkgs.legacyPackages."x86_64-linux";
}; };
outputs = { self, nixpkgs, flake-utils }:
flake-utils.lib.eachDefaultSystem (sys: {
devShells.default = import ./shell.nix {
pkgs = nixpkgs.legacyPackages.${sys};
}; };
});
} }

View File

@ -4,10 +4,10 @@ title: "blog"
--- ---
{% katexmm %} {% katexmm %}
<p class="tcenter">$\bot \vdash \top$</p> <p class="catch">$\bot \vdash \top$</p>
{% endkatexmm %} {% endkatexmm %}
<ul> <ul class="posts">
{% for post in site.posts %} {% for post in site.posts %}
<li class="post_listing"> <li class="post_listing">
<a class="bit_bigger" href="{{ post.url }}">{{ post.title }}</a> <a class="bit_bigger" href="{{ post.url }}">{{ post.title }}</a>

View File

@ -43,6 +43,7 @@ with pkgs; let
jekyll-katex = (buildRubyGem { jekyll-katex = (buildRubyGem {
gemName = "jekyll-katex"; gemName = "jekyll-katex";
dependencies = [ rubyPackages.execjs jekyll ]; dependencies = [ rubyPackages.execjs jekyll ];
nativeBuildInputs = [ rubyPackages.execjs jekyll ];
groups = ["default"]; groups = ["default"];
platforms = []; platforms = [];
source = { source = {
@ -78,16 +79,27 @@ with pkgs; let
}; };
version = "0.1.0"; version = "0.1.0";
}); });
in
mkShell { rubyEnv = ruby.withPackages (ps: with ps; [
packages = [
nodejs
(ruby.withPackages (ps: with ps; [
jekyll jekyll
jekyll-feed jekyll-feed
jekyll-katex jekyll-katex
jekyll-minifier jekyll-minifier
jekyll-agda jekyll-agda
])) execjs
cssminify2
htmlcompressor
json-minify
uglifier
kramdown
kramdown-parser-gfm
webrick
]);
in
mkShell {
packages = [
nodejs
]; ];
inputsFrom = [ rubyEnv ];
} }

View File

@ -1,5 +1,5 @@
--- ---
layout: other layout: centered
title: "work" title: "work"
--- ---