Browse Source

New examples

master
Ari Bader-Natal 4 years ago
parent
commit
c70c894f5f
  1. 15
      README.md
  2. 8
      src/wp-pressthis-button.css
  3. BIN
      wp-pressthis-button-demo-2.gif
  4. BIN
      wp-pressthis-button-demo-3.gif

15
README.md

@ -10,12 +10,6 @@ This project extends Press This functionality in two ways:
1. It moves the UI from the browser Favorites bar into the web itself, embeddable on any web page.
2. It untethers the functionality from one specific WordPress server, instead allowing a viewer to specify their own WordPress server, wherever that may be.
## Demo
You can try this yourself on any post on my blog, such as one describing a ["fixed-effort" bicycle concept.](https://aribadernatal.com/2008/05/29/the-nufixie-challenge-can-you-build-a-fixed-effort-bicycle-transmission/)
![](https://github.com/aribn/wp-pressthis-button/blob/master/wp-pressthis-button-demo.gif)
## Why
I built this as a proof-of-concept based on a [tweet to Mike Caulfield.](https://twitter.com/aribadernatal/status/657060037320245248)
@ -37,6 +31,15 @@ Store the contents of the `src` directory wherever you like, then change the `wp
Serve the button locally `cd src && python -m SimpleHTTPServer 8000` and open `http://localhost:8000/`
## Demo
You can try this yourself on any post on my blog, such as one describing a ["fixed-effort" bicycle concept.](https://aribadernatal.com/2008/05/29/the-nufixie-challenge-can-you-build-a-fixed-effort-bicycle-transmission/)
![](https://github.com/aribn/wp-pressthis-button/blob/master/wp-pressthis-button-demo-2.gif)
The blog URL is saved, so subsequent uses are streamlined:
![](https://github.com/aribn/wp-pressthis-button/blob/master/wp-pressthis-button-demo-3.gif)
## License

8
src/wp-pressthis-button.css

@ -5,7 +5,7 @@
box-sizing: border-box;
position:fixed;
border-bottom:1px solid #666;
background-color:rgba(240,240,240,0.95);
background-color:rgb(240,240,240);
padding:2px;
top:0px;
left: 0px;
@ -14,6 +14,7 @@
-moz-box-shadow: -8px 8px 11px -5px rgba(0,0,0,0.25);
box-shadow: -8px 8px 11px -5px rgba(0,0,0,0.25);
text-align:center;
line-height: 1;
}
#reblog-selection input#reblog-selection-blog-url {
@ -88,6 +89,7 @@
display: inline-block;
padding-top: 8px;
color: #999;
vertical-align: top;
}
#reblog-selection #reblog-selection-close-modal {
@ -108,6 +110,9 @@
text-align: left;
}
#reblog-selection #content-selection h1, #reblog-selection #content-selection h2, #reblog-selection #content-selection h3, #reblog-selection #content-selection h4, #reblog-selection #content-selection h5, #reblog-selection #content-selection h6, #reblog-selection #content-selection p, #reblog-selection #content-selection ul, #reblog-selection #content-selection ol, #reblog-selection #content-selection dl, #reblog-selection #content-selection blockquote, #reblog-selection #content-selection table, #reblog-selection #content-selection img, #reblog-selection #content-selection hr {
margin-bottom:0 !important;
}
#reblog-selection #content-selection {
min-height: 0px;
@ -120,6 +125,7 @@
max-height: 100px;
overflow-y: scroll;
background: #ddd;
line-height: 1.1 !important;
}
#reblog-selection ::-webkit-input-placeholder { /* WebKit, Blink, Edge */

BIN
wp-pressthis-button-demo-2.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 MiB

BIN
wp-pressthis-button-demo-3.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

Loading…
Cancel
Save