miloignis/kraken
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Website with changes made with/based on my graphic designer Mom's suggestions (thanks Mom!)

Browse Source
This commit is contained in:
Nathan Braswell
2023-04-05 21:10:04 -04:00
parent a06c5854c8
commit b89b831983
2 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/index.html
View File

@@ -8,7 +8,7 @@
<body>
<header><h1>Kraken</h1></header>
<i>FOSS Fexprs: <a title="Kraken on GitHub" href="https://github.com/limvot/kraken">https://github.com/limvot/kraken</a></i>
<button onclick="toggleTheme()" style="float: right;">Swap Theme</button>
<!--<button onclick="toggleTheme()" style="float: right;">Swap Theme</button>-->
<br>
<h3>Demo:</h3>
<div class="run_container">
@@ -18,7 +18,7 @@
(println "Math works:" (+ 1 2))
</div>
<textarea class="output" id="hello_output">Output will appear here</textarea>
<button class="run_button" onclick="executeKraken(hello_editor_jar.toString(), 'hello_output')"><b>Run</b></button> <br>
<button class="run_button" onclick="executeKraken(hello_editor_jar.toString(), 'hello_output')">Run</button> <br>
</div>
<h3>Concept:</h3>
<ul>

27
website/recursive.css
View File

@@ -25,28 +25,21 @@ body {
margin: 1em auto;
padding: 0 .62em;
font: 1.2em/1.62 'Recursive', sans-serif;
background-color: #f5f3ef;
}
h1, h2, h3, h4 {
line-height:1.2;
--rec-wght: 700;
//--rec-casl: 1;
line-height:0.2;
--rec-wght: 900;
--rec-slnt: -10;
--rec-casl: 0.5;
//--rec-casl: 0;
//--rec-mono: 1;
--rec-crsv: 1;
--rec-mono: 0;
letter-spacing: -0.015em;
font-size: 4em;
}
h1 {
letter-spacing: -0.015em;
//line-height:0.2;
line-height:0.2;
font-size: 4em;
--rec-wght: 900;
--rec-slnt: -15;
text-decoration: underline;
text-decoration-thickness: 0.4rem;
//border-bottom: 0.08em solid;
//border-left: 0.1em solid;
//display: inline-block;
}
h2 { font-size: 3em; }
h3 { font-size: 1.5em; }
@@ -77,9 +70,11 @@ b { --rec-wght: 600; }
font-family: 'Recursive', sans-serif;
font-size: 1em;
--rec-wght: 900;
--rec-slnt: -15;
--rec-casl: 1;
--rec-slnt: -10;
--rec-casl: 0.5;
--rec-crsv: 1;
--rec-mono: 0;
letter-spacing: -0.015em;
position: absolute;
top: 0;
right: 0;