redesign website
This commit is contained in:
parent
71544a1564
commit
606147b354
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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 }}
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
layout: centered
|
|
||||||
---
|
|
||||||
<div class="irrelevant">
|
|
||||||
<h1>{{ page.title }}</h1>
|
|
||||||
<article>
|
|
||||||
{{ content }}
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
13
about.html
13
about.html
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
layout: other
|
layout: centered
|
||||||
title: "about"
|
title: "about"
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -7,19 +7,16 @@ 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>
|
||||||
|
|
||||||
<figure class="rimg">
|
<figure class="rimg">
|
||||||
<h2>picture</h2>
|
<h2>picture</h2>
|
||||||
<img src="/assets/img/me.jpg" alt="a picture of me">
|
<img src="/assets/img/me.jpg" alt="a picture of me">
|
||||||
<figcaption>me with π</figcaption>
|
<figcaption>me with π</figcaption>
|
||||||
|
|
|
||||||
BIN
assets/css/fonts/SAX2.ttf
Normal file
BIN
assets/css/fonts/SAX2.ttf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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,23 +109,41 @@ h1,h2,h3,h4,h5,h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width : 850px) {
|
@media only screen and (max-width : 850px) {
|
||||||
.aba {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rimg {
|
.centercol {
|
||||||
margin: 1em 0 0 0;
|
box-sizing: border-box !important;
|
||||||
width: 70%;
|
width: 100vw !important;
|
||||||
max-width: 70%;
|
padding: 10px !important;
|
||||||
}
|
backdrop-filter: blur(4px) !important;
|
||||||
|
-webkit-backdrop-filter: blur(4px) !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aba {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rimg {
|
||||||
|
margin: 1em 0 0 0;
|
||||||
|
width: 70%;
|
||||||
|
max-width: 70%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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
53
assets/img/_bg.tex
Normal 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
BIN
assets/img/_bg.xcf
Normal file
Binary file not shown.
BIN
assets/img/bg.png
Normal file
BIN
assets/img/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
42
flake.lock
42
flake.lock
|
|
@ -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",
|
||||||
|
|
|
||||||
13
flake.nix
13
flake.nix
|
|
@ -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};
|
||||||
|
};
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
24
shell.nix
24
shell.nix
|
|
@ -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 ];
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user