fez-lisp
Version:
Lisp interpreted & compiled to JavaScript
95 lines (93 loc) • 2.31 kB
HTML
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
/>
<meta name="description" content="Write and run Fez programs" />
<title>Fez</title>
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<style>
html {
background-color: black;
}
@font-face {
font-family: 'Fantastic';
src: url(./assets/fonts/FantasqueSansMono-Regular.ttf) format('truetype');
font-display: swap;
}
.ace_comment {
color: #7285b2aa ;
}
* {
font-family: 'Fantastic' ;
font-size: 20px ;
}
/* @font-face {
font-family: 'Monaco9';
src: url(./assets/fonts/monaco-9.ttf) format('truetype');
font-display: swap;
} */
#editor {
height: 80%;
width: 100%;
}
body {
margin: 0;
padding: 0;
}
#terminal {
border-top: 1px solid #8f938f;
height: 19%;
width: 100%;
}
#mini {
position: absolute;
bottom: 12px;
right: 35px;
}
#run {
position: absolute;
bottom: 15px;
right: 12px;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
}
button:active {
transform: scale(1.2);
}
button > span:hover {
opacity: 1;
color: rgb(255, 255, 255);
}
button > span:active {
color: rgb(140, 255, 73);
}
button > span {
opacity: 0.8;
color: rgb(255, 255, 255);
}
</style>
</head>
<body>
<div id="editor"></div>
<div id="terminal"></div>
<script
defer
src="//ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js"
type="text/javascript"
charset="utf-8"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/lz-string/1.5.0/lz-string.min.js"
integrity="sha512-qtX0GLM3qX8rxJN1gyDfcnMFFrKvixfoEOwbBib9VafR5vbChV5LeE5wSI/x+IlCkTY5ZFddFDCCfaVJJNnuKQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<button id="mini" title="run mini"><span>⛶</span></button>
<button id="run" title="run code"><span>▶</span></button>
<script type="module" src="./editor/basic.js"></script>
</body>