From 56c6b3f5f7c51f25bfa92b3d1da4cedaff945bee Mon Sep 17 00:00:00 2001 From: Nathan Braswell Date: Sat, 9 Dec 2023 01:23:30 -0500 Subject: [PATCH] Messing around with fancy splash page --- website/index2.html | 155 ++++++++++++++++++++++++++++++++++++++++++ website/recursive.css | 49 ++++++++++++- 2 files changed, 202 insertions(+), 2 deletions(-) create mode 100644 website/index2.html diff --git a/website/index2.html b/website/index2.html new file mode 100644 index 0000000..5ef536d --- /dev/null +++ b/website/index2.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + + + + + + + + + + + +
+
+

Kraken

+
+ FOSS Fexprs: https://github.com/limvot/kraken + +
+

Concept:

+ +

About:

+

This is my 4th run at this Lisp concept, with tracing JIT compilation to make fexprs fast forming the core of my current PhD research. (tiny personal PhD website here)

+

Vau/Kernel as simple core:

+ By constructing our core language on a very simple Vau/Kernel base, we can keep the base truely tiny, and build up normal Lisp functions and programming language features in the language itself. This should help implement other programming languages concisely, and will hopefully make optimization easier and more broadly applicable. +
+

Next Steps

+ + + + + + + + + diff --git a/website/recursive.css b/website/recursive.css index bec3e86..a18b6e0 100644 --- a/website/recursive.css +++ b/website/recursive.css @@ -27,7 +27,8 @@ body { font: 1.2em/1.62 'Recursive', sans-serif; } //body, .remark-slide-content { background-color: #eff3f5; } -body, .remark-slide-content { background-color: #f5f3ef; } +//body, .remark-slide-content { background-color: #f5f3ef; } +body, .remark-slide-content { background-color: #f0f6f0; color: #222323; } h1, h2, h3, h4 { line-height:0.4; --rec-wght: 900; @@ -38,9 +39,53 @@ h1, h2, h3, h4 { letter-spacing: -0.015em; font-size: 4em; } -h1 { +.top_spacer { + position: static; + height: 20vh; +} +.word { + /*height: 20vh;*/ + /*font-size: 7cqw;*/ + font-size: 6cqw; + font-family: 'Recursive', monospace; + --rec-mono: 1; + letter-spacing: normal; + tab-size: 4; + + position: absolute; + top: 15%; + bottom: auto; + right: auto; + display: block; +} +.logo { text-decoration: underline; text-decoration-thickness: 0.4rem; + + /*font-size: 13em;*/ + /*font-size: 15vw;*/ + font-size: 28cqw; + /*line-height:0.4;*/ + --rec-wght: 900; + --rec-slnt: 0; + --rec-casl: 0.0; + --rec-crsv: 1; + --rec-mono: 0; + /*letter-spacing: -0.015em;*/ + letter-spacing: 0em; + position: absolute; + top: auto; + bottom: 2%; + right: auto; + display: block; + /*overflow: hidden;*/ +} +.logo_container { + position: static; + /*height: 100vh;*/ + height: 100vh; + container-type: inline-size; + /*max-width: initial;*/ } h2 { font-size: 3em; } h3 { font-size: 1.5em; }