update binnit

Signed-off-by: Nagy Károly Gábriel <k@jpi.io>
6 years ago · ed36b94e9f
7 changed files with 213 additions and 48 deletions
--- a/binnit/binnit
+++ b/binnit/binnit
--- a/binnit/html/index.html
+++ b/binnit/html/index.html
@ -12,6 +12,22 @@
      <p class="action">
        <input type="checkbox" name="show" value="1" id="id_show" checked />
        <label for "id_show"> Show link </label>
+        <select name="lang">
+          <option value="">Language</option>
+          <option value="markup">Markup</option>
+          <option value="css">CSS</option>
+          <option value="clike">C-like</option>
+          <option value="c">C</option>
+          <option value="asciidoc">AsciiDoc</option>
+          <option value="bash">Bash</option>
+          <option value="diff">Diff</option>
+          <option value="docker">Docker</option>
+          <option value="go">Go</option>
+          <option value="less">Less</option>
+          <option value="ini">Ini</option>
+          <option value="markdown">Markdown</option>
+          <option value="nginx">NginX</option>
+        </select>
        <input type="submit" class="button" value="Binnit!">
      </p>
    </div>
--- a/binnit/html/paste.html
+++ b/binnit/html/paste.html
@ -2,10 +2,13 @@
  <head>
    <title>binit</title>
    <link rel="stylesheet" media="screen, projection" href="/static/paste.css">
+    <link rel="stylesheet" media="screen, projection" href="/static/prism.css">
  </head>
  <body>
+    <script src="/static/prism.js"></script>
    <div class="title">
      Title: {{TITLE}}
+      Language: {{LANGUAGE}}
    </div>
    <div class="date">
      Date: {{DATE}}
--- a/binnit/static/index.css
+++ b/binnit/static/index.css
@ -53,3 +53,13 @@ label {
  font-size: 15px;
  margin-right: 20px;
 }
+
+select {
+  border-radius: 3px;
+  padding: 5px;
+  font-size: 20px;
+  color: #fff;
+  background-color: #4a90e2;
+  border: 1px solid #33639c;
+  margin-right: 1px;
+}
--- a/binnit/static/paste.css
+++ b/binnit/static/paste.css
@ -1,61 +1,13 @@
 body {
      margin-top: 10px;
-      line-height:1.6;
-      font-size:20px;
 }

 div.title {
-  border-bottom: 2px solid #444444;
-  border-left: 4px solid #444444;
-  margin: 3px;
-  padding-left: 5px;
-}
-
-div.raw_title {
-  border-top: 2px solid #444444;
-  border-left: 4px solid #444444;
  margin: 3px;
  padding-left: 5px;
 }

 div.date {
-  border-bottom: 2px solid #444444;
-  border-left: 4px solid #444444;
  margin: 3px;
  padding-left: 5px;
 }
-
-div.content {
-  margin-left: 30px;
-  border: solid 3px #444444;
-  padding: 5px;
-  width: 90%;
-}
-
-textarea.raw_content {
-  margin-left: 30px;
-  border: solid 3px #999999;
-  width: 91%;
-  height: 200px;
-  padding: 5px;
-}
-
-table, tr, td {
-  border: 0px;
-  margin: 0px;
-  padding: 0px;
-  border-collapse: collapse;
-}
-
-td.lineno {
-  background-color: #cccccc;
-  text-align: right;
-  vertical-align: middle;
-  padding-right: 3px;
-}
-
-td.line {
-  margin-left: 5px;
-   padding-left: 5px;
-   border-left: solid 3px #666666;
-}
--- a/binnit/static/prism.css
+++ b/binnit/static/prism.css
@ -0,0 +1,167 @@
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+c+asciidoc+bash+diff+docker+go+less+ini+markdown+nginx&plugins=line-numbers */
+/**
+ * okaidia theme for JavaScript, CSS and HTML
+ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
+ * @author ocodia
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #f8f8f2;
+	background: none;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #272822;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #f8f8f2;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #f92672;
+}
+
+.token.boolean,
+.token.number {
+	color: #ae81ff;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #a6e22e;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+	color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+	color: #e6db74;
+}
+
+.token.keyword {
+	color: #66d9ef;
+}
+
+.token.regex,
+.token.important {
+	color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+pre[class*="language-"].line-numbers {
+	position: relative;
+	padding-left: 3.8em;
+	counter-reset: linenumber;
+}
+
+pre[class*="language-"].line-numbers > code {
+	position: relative;
+	white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+	position: absolute;
+	pointer-events: none;
+	top: 0;
+	font-size: 100%;
+	left: -3.8em;
+	width: 3em; /* works for line-numbers below 1000 lines */
+	letter-spacing: -1px;
+	border-right: 1px solid #999;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+}
+
+	.line-numbers-rows > span {
+		pointer-events: none;
+		display: block;
+		counter-increment: linenumber;
+	}
+
+		.line-numbers-rows > span:before {
+			content: counter(linenumber);
+			color: #999;
+			display: block;
+			padding-right: 0.8em;
+			text-align: right;
+		}
+
--- a/binnit/static/prism.js
+++ b/binnit/static/prism.js