From 2340f1e23ac0b3b3f1f37b64070e7e2e3ed73c2d Mon Sep 17 00:00:00 2001 From: Araozu Date: Wed, 27 Mar 2024 20:55:35 -0500 Subject: [PATCH] improve styles --- lexer/identifier_lexer.ts | 2 +- md-docs.config.yaml | 9 +++++---- md/learn/index.md | 5 ++--- static/index.html | 19 ++++++++++--------- static/template.html | 22 +++++++++++----------- tailwind.config.js | 5 +++-- tailwind.css | 6 ++++-- 7 files changed, 36 insertions(+), 32 deletions(-) diff --git a/lexer/identifier_lexer.ts b/lexer/identifier_lexer.ts index 29f34da..109c6cc 100644 --- a/lexer/identifier_lexer.ts +++ b/lexer/identifier_lexer.ts @@ -34,7 +34,7 @@ export function scan_identifier(input: string, starting_position: number, is_dat } function check_keyword(value: string): string { - const keywords = ["case", "static", "const", "enum", "loop", "use", "break", "catch", "continue", "do", "else", "finally", "for", "fun", "if", "in", "fn", "nil", "return", "throw", "try", "while", "type", "match", "with", "of", "abstract", "class", "interface", "private", "pub", "map", "override", "open", "init", "val", "var", "mut", "clone"]; + const keywords = ["case", "static", "const", "enum", "loop", "use", "break", "catch", "continue", "do", "else", "finally", "for", "fun", "if", "in", "fn", "nil", "return", "throw", "try", "while", "type", "match", "with", "of", "abstract", "class", "interface", "private", "pub", "override", "open", "init", "val", "var", "mut", "clone"]; if (keywords.includes(value)) { return "keyword"; diff --git a/md-docs.config.yaml b/md-docs.config.yaml index 917ac1e..e70befb 100644 --- a/md-docs.config.yaml +++ b/md-docs.config.yaml @@ -3,8 +3,9 @@ output: static template: static/template.html headings: - h1: text-3xl mb-4 font-display opacity-90 - h2: text-2xl mt-10 mb-4 font-display opacity-90 - h3: text-xl mt-10 mb-4 font-display opacity-90 + h1: text-4xl mb-4 mt-8 font-display opacity-90 font-black text-c-text-2 + h2: text-2xl mt-10 mb-4 font-display opacity-90 font-bold text-c-text-2 + h3: text-xl mt-10 mb-4 font-display opacity-90 text-c-text-2 -file_tree_title_classes: "uppercase text-sm font-display" +file_tree_title_classes: "uppercase font-display text-c-text-2 font-medium" +link_classes: text-blue-500 hover:underline diff --git a/md/learn/index.md b/md/learn/index.md index bac43e4..62e626b 100644 --- a/md/learn/index.md +++ b/md/learn/index.md @@ -1,12 +1,11 @@ -![Accurate visual description of THP](/img/desc_thp.jpg) - - # Welcome Welcome to the documentation of the THP programming languague. THP is a new programming language that compiles to PHP. +![Accurate visual description of THP](/img/desc_thp.jpg) +
This page discusses some of the design decitions of the language, diff --git a/static/index.html b/static/index.html index 884448b..1f7063d 100644 --- a/static/index.html +++ b/static/index.html @@ -20,38 +20,39 @@
-

+

A modern, type safe,
secure language
compiled to PHP

-

+

Inspired by Rust, Zig and Swift, THP has a modern syntax, semantics, type system and stdlib.



- - Learn + + Tutorial - + Install +
diff --git a/static/template.html b/static/template.html index 4210bce..afeb699 100644 --- a/static/template.html +++ b/static/template.html @@ -14,21 +14,21 @@ -
-
+
+
-
-
diff --git a/tailwind.config.js b/tailwind.config.js index d029c14..d7be3c5 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,6 +6,7 @@ module.exports = { colors: { "c-bg": "var(--c-bg)", "c-text": "var(--c-text)", + "c-text-2": "var(--c-text-2)", "c-purple": "var(--c-purple)", "c-purple-light": "var(--c-purple-light)", "c-box-shadow": "var(--c-box-shadow)", @@ -19,7 +20,7 @@ module.exports = { fontFamily: { "mono": ["Iosevka", "monospace"], "display": ["Inter", "'Josefin Sans'", "'Fugaz One'", "sans-serif"], - "body": ["'Fira Sans'", "Inter", "sans-serif"], + "body": ["Inter", "sans-serif"], }, }, corePlugins: { @@ -40,7 +41,7 @@ module.exports = { maxWidth: '1024px', }, '@screen xl': { - maxWidth: '1280px', + maxWidth: '1400px', }, } }) diff --git a/tailwind.css b/tailwind.css index 4207a92..0ec07a9 100644 --- a/tailwind.css +++ b/tailwind.css @@ -4,7 +4,8 @@ :root { --c-bg: #121212; - --c-text: #fdfffc; + --c-text: rgb(200,200,200); + --c-text-2: white; --c-primary: #884b6a; --c-purple: #7F669D; --c-purple-light: #BA94D1; @@ -19,6 +20,7 @@ :root { --c-bg: rgb(255, 253, 255); --c-text: #121212; + --c-text-2: black; --c-purple: #374259; --c-purple-light: #BA94D1; --c-box-shadow: #374259; @@ -35,7 +37,7 @@ html { } body { - font-family: 'Fira Sans', Inter, sans-serif; + font-family: Inter, 'Fira Sans', Inter, sans-serif; } pre, code {