sfja/karlkoder-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add docs and copyright

Browse Source
This commit is contained in:
Simon From Jakobsen 2025-09-29 16:07:05 +02:00
parent a24cc0b7a6
commit 4d885903b0
4 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/index.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Karlkoder Docs</title>
</head>
<body>
<h1>Docs</h1>
</body>
</html>

11
index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Document</title> <title>Karlkoder Playground</title>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
<script type="importmap"> <script type="importmap">
{ {
@ -22,8 +22,11 @@
<div class="column" style="flex: 1"> <div class="column" style="flex: 1">
<div id="buttons"> <div id="buttons">
<button id="run-button">▶️ Run</button> <a href="docs/index.html" target="_blank">
<button>🤓 Docs</button>
</a>
<button id="save-button">💾 Save/Export</button> <button id="save-button">💾 Save/Export</button>
<button id="run-button">▶️ Run</button>
</div> </div>
<section> <section>
@ -76,7 +79,9 @@ lib.startGameLoop(loop);
</main> </main>
<footer>Copyright © 2025 S. F. Jakobsen (do whatever idc)</footer>
<!-- fix flash bug in furry browser --> <!-- fix flash bug in furry browser -->
<script></script> <script>0</script>
</body> </body>
</html> </html>

3
license.txt Normal file
View File

@ -0,0 +1,3 @@
Copyright (c) 2025 S. F. Jakobsen
do whatever idc

10
style.css
View File

@ -56,10 +56,15 @@ div#buttons {
justify-content: space-between; justify-content: space-between;
gap: 5px; gap: 5px;
} }
div#buttons > * { div#buttons > * {
width: 100%; width: 100%;
} }
div#buttons > * > button {
width: 100%;
}
.column { .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -138,3 +143,8 @@ button:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
} }
footer {
position: absolute;
bottom: 1px;
left: 1px;
}