clp/thinkserver
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Christian Lawson-Perfect 2024-03-04 15:05:35 +00:00
commit 52ab7aa331
33 changed files with 33447 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32273
thinks/static/thinks/code-editor.mjs Normal file
View file

File diff suppressed because it is too large Load diff

119
thinks/static/thinks/thinks.css Normal file
View file

@ -0,0 +1,119 @@
:root {
--spacing: 1em;
}
* {
box-sizing: border-box;
}
body > header {
padding: var(--spacing);
& h1 {
margin: 0;
}
}
body.index {
& #thinks-list {
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: var(--spacing);
& > .think {
& .readme {
max-width: 80ch;
white-space: pre-wrap;
}
}
}
}
body.thing-editor {
margin: 0;
width: 100vw;
height: 100vh;
display: grid;
grid-template:
"header" auto
"main" 1fr
;
gap: var(--spacing);
/*! overflow: hidden; */
& main {
display: grid;
gap: var(--spacing);
grid-template: "nav editor preview" / auto 3fr 2fr;
height: 100%;
& > nav {
display: flex;
flex-direction: column;
gap: var(--spacing);
& #file-tree {
margin: 0;
overflow: auto;
}
& form {
display: grid;
grid-template-columns: 1fr 6em;
align-content: start;
align-items: start;
}
}
& #editor {
& #editor-controls {
display: flex;
gap: var(--spacing);
justify-content: space-between;
}
& #code-editor {
display: block;
max-width: 50vw;
}
}
& #preview {
display: flex;
flex-direction: column;
& > iframe {
width: 100%;
height: 100%;
border: none;
}
}
}
}
#file-form {
overflow: auto;
/*! max-height: 100%; */
max-width: 100%;
}
@media (max-width: 100ch) {
html {
font-size: min(3vw, 16px);
}
body.thing-editor {
& main {
grid-template:
"nav" min-content "editor" 40vh "preview";
& nav {
flex-direction: row;
flex-wrap: wrap;
& form {
flex-grow: 1;
}
}
}
}
}