From 52e4da5bd2fb9072bc8606b64b7c18ea8b38b799 Mon Sep 17 00:00:00 2001 From: Boris Kubiak Date: Fri, 15 May 2020 15:05:59 +0200 Subject: [PATCH] Use font instead of SVG icons; improve readme --- Makefile | 2 +- README.md | 27 ++++++++++---- index.html | 105 +++++++---------------------------------------------- index.js | 8 ++-- style.css | 57 +++++++++++++++++++++-------- 5 files changed, 80 insertions(+), 119 deletions(-) diff --git a/Makefile b/Makefile index 381f89f..3bba613 100644 --- a/Makefile +++ b/Makefile @@ -1,4 +1,4 @@ lint: - npx prettier@2.0.5 --write --single-quote --tab-width=4 --print-width=120 *.{js,html,css,md} + npx prettier@2.0.5 --write --single-quote --tab-width=4 --print-width=140 *.{js,html,css,md} dev: npx serve \ No newline at end of file diff --git a/README.md b/README.md index c196fc3..25c7bf8 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,25 @@ When you open a link, NoPaste reads, decodes, and decompresses whatever is after This process is done entirely **in your browser**, and the web server hosting NoPaste [never has access to the fragment](https://en.wikipedia.org/wiki/Fragment_identifier) +## Embedded NoPaste snippets + +You can include NoPaste code snippets into your own website by clicking the _Embed_ button and using the generated HTML code. + +Here is an example of generated code and how it looks (click on the screenshot to see the interactive version) + +```html + +``` + +[![iframe](https://raw.githubusercontent.com/bokub/nopaste/images/pagerank.png)](https://jsfiddle.net/cqr2kxf5/) + +Feel free to edit the `height` and `width` attributes, so they suit your needs + ## Maximum sizes for links NoPaste is great for sharing code snippets on various platforms. @@ -41,14 +60,6 @@ These are the maximum link lengths on some apps and browsers. | Android | 8,192 | | | Safari | Lots | | -## Embedded NoPaste snippets - -You can include NoPaste code snippets into your own website by clicking the _Embed_ button and using the generated HTML code - -[This is what an embedded Paste snippet looks like](https://jsfiddle.net/bokub/nwtcdrph/show) - -Feel free to edit the generated `height` and `width` attributes, so they suit your needs - ## Generate NoPaste links NoPaste links can be created easily from your system's command line: diff --git a/index.html b/index.html index 86e9034..0379956 100644 --- a/index.html +++ b/index.html @@ -2,10 +2,7 @@ - + NoPaste - No-database paste service @@ -35,9 +32,7 @@ npm/codemirror@5.52.0/theme/dracula.min.css