234 lines
4.6 KiB
HTML
234 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="tbin is a simple pastebin application that allows you to store and share text snippets from your terminal.">
|
|
<link rel="canonical" href="https://tbin.fr">
|
|
<title>tbin</title>
|
|
<style>
|
|
body {
|
|
background-color: #212121;
|
|
color: #fff;
|
|
font-family: sans-serif;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
margin: 30px;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 1000px;
|
|
}
|
|
|
|
.text-panel {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.text-panel .button:hover {
|
|
background-color: #616161;
|
|
}
|
|
|
|
.text-panel .button:active {
|
|
background-color: #424242;
|
|
}
|
|
|
|
.paste-panel {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.paste-panel form {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.paste-panel textarea {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
min-height: 560px;
|
|
resize: vertical;
|
|
background-color: #424242;
|
|
color: #fff;
|
|
border: 1px solid #999;
|
|
border-radius: 5px;
|
|
font-family: monospace;
|
|
padding: 10px;
|
|
}
|
|
|
|
.paste-panel .button {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
height: 30px;
|
|
border: 1px solid #999;
|
|
padding: 5px 30px;
|
|
margin-top: 20px;
|
|
border-radius: 5px;
|
|
font-family: monospace;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.paste-panel .button:hover {
|
|
background-color: #616161;
|
|
}
|
|
|
|
.paste-panel .button:active {
|
|
background-color: #424242;
|
|
}
|
|
|
|
.privacy-panel {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.privacy-panel form {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: left;
|
|
}
|
|
|
|
.privacy-panel .input {
|
|
box-sizing: border-box;
|
|
height: 30px;
|
|
width: 50%;
|
|
resize: none;
|
|
background-color: #424242;
|
|
color: #fff;
|
|
border: 1px solid #999;
|
|
border-radius: 5px;
|
|
font-family: monospace;
|
|
padding: 5px;
|
|
}
|
|
|
|
.privacy-panel .button {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
width: 100px;
|
|
height: 30px;
|
|
border: 1px solid #999;
|
|
padding: 5px 10px;
|
|
margin-top: 20px;
|
|
border-radius: 5px;
|
|
font-family: monospace;
|
|
cursor: pointer;
|
|
}
|
|
|
|
h1 {
|
|
display: inline;
|
|
font-size: 40px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
pre {
|
|
font-family: monospace;
|
|
border: 1px solid #999;
|
|
display: block;
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
background: none;
|
|
white-space: pre;
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-x: scroll;
|
|
max-width: 100%;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.source {
|
|
display: inline;
|
|
font-size: 12px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.source a {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
a {
|
|
color: #14ffec;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
@media (max-width: 1000px) {
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
pre {
|
|
padding: 10px;
|
|
}
|
|
.privacy-panel .input {
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="text-panel">
|
|
<h1><a href="http://tbin.fr/">Telnet Pastebin</a></h1>
|
|
<p class="source"><a href="https://git.rznet.fr/tchivert/tbin">source</a></p>
|
|
<h2>A simple pastebin you can use from your terminal</h2>
|
|
<h3>Usage</h3>
|
|
<pre><code>$ echo "Hello there" | nc tbin.fr 4242
|
|
https://tbin.fr/example</pre></code>
|
|
<h3>Install</h3>
|
|
<pre><code>$ echo 'alias tbin="nc tbin.fr 4242"' >> ~/.zshrc
|
|
$ source ~/.zshrc
|
|
$ echo "Hello there" | tbin
|
|
https://tbin.fr/example</code></pre>
|
|
</div>
|
|
<div class="paste-panel">
|
|
<form id="paste" method="POST" action="/paste" enctype="application/x-www-form-urlencoded">
|
|
<h3>Paste</h3>
|
|
<input class="button" type="submit" value="Create">
|
|
<textarea id="paste" name="paste" autocomplete="off" autocapitalize="off" autocorrect="off"
|
|
spellcheck="false" placeholder="You can paste text here"></textarea>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="privacy-panel">
|
|
<h3>Privacy</h3>
|
|
<p>Entries are stored unencrypted and automatically removed after 2 days.</p>
|
|
<p>You can also remove manually an entry:</p>
|
|
<form id="remove" method="POST" action="/remove" enctype="application/x-www-form-urlencoded">
|
|
<input class="input" type="text" name="remove" placeholder="link or id">
|
|
<input class="button" type="submit" value="Remove">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |