This commit is contained in:
parent
459cf79f50
commit
44a6e04a42
10 changed files with 23 additions and 182 deletions
|
@ -1,25 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="icon" href="https://cdn.wzray.com/web/favicon.ico">
|
||||
<link rel="stylesheet" href="https://cdn.wzray.com/web/fonts/mononoki.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>bin.</title>
|
||||
<link rel="help" href="https://github.com/w4/bin">
|
||||
<title>bin</title>
|
||||
<style>
|
||||
* { box-sizing: border-box; }
|
||||
html, body { margin: 0; }
|
||||
body {
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
background: #263238;
|
||||
color: #B0BEC5;
|
||||
line-height: 1.4;
|
||||
background: #101010;
|
||||
color: #c6c6c6;
|
||||
display: flex;
|
||||
}
|
||||
body, code, textarea { font-family: monospace; }
|
||||
code {
|
||||
display: block;
|
||||
}
|
||||
body, code, textarea { font-family: mononoki; }
|
||||
{% block styles %}{% endblock styles %}
|
||||
</style>
|
||||
{% block head %}{% endblock head %}
|
||||
|
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
{% block styles %}
|
||||
form { flex: 1; }
|
||||
body { padding: 2rem; }
|
||||
|
||||
textarea {
|
||||
height: 100%;
|
||||
|
@ -30,9 +31,9 @@
|
|||
width: 3rem;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background: #2196F3;
|
||||
background: #696969;
|
||||
|
||||
color: white;
|
||||
color: #C6C6C6;
|
||||
font-size: 2rem;
|
||||
|
||||
cursor: pointer;
|
||||
|
|
|
@ -3,16 +3,21 @@
|
|||
{% block styles %}
|
||||
pre {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
font-family: inherit;
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
counter-reset: line;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
code {
|
||||
counter-increment: line;
|
||||
padding: 0 2rem;
|
||||
display: inline-block;
|
||||
}
|
||||
code::before {
|
||||
content: counter(line);
|
||||
|
@ -23,6 +28,8 @@
|
|||
color: #888;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
pre > code:last-child { margin-bottom: 1rem; }
|
||||
pre > code:first-child { margin-top: 1rem; }
|
||||
{% endblock styles %}
|
||||
|
||||
{% block head %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue