diff --git a/index.css b/index.css new file mode 100644 index 0000000..bb8f59a --- /dev/null +++ b/index.css @@ -0,0 +1 @@ +:root{--ff-sans:-apple-system,"BlinkMacSystemFont","Segoe UI","Noto Sans","Helvetica","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji";--ff-mono:ui-monospace,"SFMono-Regular","SF Mono","Menlo","Consolas","Liberation Mono",monospace;--color-canvas-back:#f6f8fa;--color-hl:#0969da;--color-fg:#0d1117;background-color:var(--color-canvas-back);color:var(--color-fg);color-scheme:light dark;font-family:var(--ff-sans);font-feature-settings:"kern","liga","clig","calt";font-kerning:normal;text-size-adjust:100%;word-break:break-word}@media (prefers-color-scheme:dark){:root{--color-canvas-back:#0d1117;--color-hl:#58a6ff;--color-fg:#f6f8fa}}body{margin:0}*{box-sizing:border-box;line-height:calc(1em + 1ex)}.draw,.write,code,kbd,pre,textarea{font-family:var(--ff-mono);font-feature-settings:normal;font-size:smaller}.page-header{font-size:inherit;margin:calc(1em + 1ex)}.editor,.result{bottom:0;overflow:auto;position:fixed;top:calc(3em + 3ex)}.editor{left:0;width:50%}.result{left:50%;padding:calc(1em + 1ex);right:0}.editor-inner{margin:8px;max-width:100%;overflow:hidden;position:relative}.draw,.write{font-size:14px;letter-spacing:normal;line-height:calc(1em + 1ex);tab-size:4;white-space:pre-wrap;word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;height:100%;margin:0;outline:none;overflow:hidden;padding:0;resize:none;width:100%}.write::selection{background-color:#e3b341a8;color:var(--color-fg)}.write{caret-color:var(--color-hl);color:#0000;position:absolute;-webkit-print-color-adjust:exact;print-color-adjust:exact;top:0}.controls{background-color:var(--color-canvas-back);color:var(--color-fg);padding:0 1ex 1ex}.controls label{display:block;font-size:smaller}.github-corner svg{height:calc(6.5em + 6.5ex);width:calc(6.5em + 6.5ex);z-index:1}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}.show-big{display:none}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width <= 40em){.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}.github-corner:hover .octo-arm{animation:none}}@media (width >= 40em){html{font-size:1.125em}.controls{border-bottom-left-radius:1ex;position:fixed;right:50%;top:calc(3em + 3ex);z-index:4}.show-big{display:initial}} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..cd8440e --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +