├── Add to Inboard.safariextension ├── Icon-32.png ├── Icon-48.png ├── Icon-64.png ├── Icon-96.png ├── Info.plist ├── icon-dribbble-action.png ├── inject.css └── inject.js ├── Add to Inboard.safariextz ├── Add to Inboard.sketch ├── Chrome.crx ├── Chrome ├── icon-dribbble-action.png ├── icon128.png ├── icon16.png ├── icon48.png ├── inject.css ├── inject.js └── manifest.json ├── README.md └── readme ├── chrome.png ├── footer.jpg ├── header.jpg ├── safari.png └── screenshot.jpg /Add to Inboard.safariextension/Icon-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextension/Icon-32.png -------------------------------------------------------------------------------- /Add to Inboard.safariextension/Icon-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextension/Icon-48.png -------------------------------------------------------------------------------- /Add to Inboard.safariextension/Icon-64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextension/Icon-64.png -------------------------------------------------------------------------------- /Add to Inboard.safariextension/Icon-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextension/Icon-96.png -------------------------------------------------------------------------------- /Add to Inboard.safariextension/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Author 6 | rayps 7 | Builder Version 8 | 10600.8.9 9 | CFBundleDisplayName 10 | Add to Inboard 11 | CFBundleIdentifier 12 | com.rayps.addtoinboard 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleShortVersionString 16 | 1.2.1 17 | CFBundleVersion 18 | 1.2.1 19 | Chrome 20 | 21 | Content 22 | 23 | Scripts 24 | 25 | End 26 | 27 | inject.js 28 | 29 | 30 | Stylesheets 31 | 32 | inject.css 33 | 34 | 35 | Description 36 | A Browser Extension for Inboard App 37 | DeveloperIdentifier 38 | MGAF98TG33 39 | ExtensionInfoDictionaryVersion 40 | 1.0 41 | Permissions 42 | 43 | Website Access 44 | 45 | Allowed Domains 46 | 47 | *.dribbble.com 48 | 49 | Include Secure Pages 50 | 51 | Level 52 | Some 53 | 54 | 55 | Website 56 | https://github.com/RayPS/Add-to-Inboard 57 | 58 | 59 | -------------------------------------------------------------------------------- /Add to Inboard.safariextension/icon-dribbble-action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextension/icon-dribbble-action.png -------------------------------------------------------------------------------- /Add to Inboard.safariextension/inject.css: -------------------------------------------------------------------------------- 1 | .meta-inboard { 2 | background-image: url(icon-dribbble-action.png) !important; 3 | background-position: 11px 10px !important; 4 | background-size: 16px !important; 5 | } 6 | 7 | .meta-inboard:hover { 8 | background-position-y: -38px !important; 9 | } -------------------------------------------------------------------------------- /Add to Inboard.safariextension/inject.js: -------------------------------------------------------------------------------- 1 | if (window.top === window){ 2 | 3 | var mob = new MutationObserver(function(elms) { 4 | var like = elms[0].target.querySelector('.meta-act .fav') 5 | addButton(like) 6 | }) 7 | 8 | var html = '
\ 9 |
\ 10 | Add to Inboard\ 11 |
\ 12 |
' 13 | 14 | var addButton = function(like) { 15 | like.parentNode.insertAdjacentHTML('afterend', html) 16 | 17 | document.querySelector('.meta-inboard').addEventListener('click', function() { 18 | var url = document.querySelector('.the-shot .single-img img').getAttribute('src'), 19 | title = document.querySelector('#screenshot-title').innerText, 20 | web_url = window.location.href, 21 | params = { 22 | url: url, 23 | title: title, 24 | web_url: web_url 25 | }, 26 | inboard_url = 'inboard://import?' 27 | 28 | for(name in params) { 29 | inboard_url += name + '=' + encodeURIComponent(params[name]) + '&' 30 | } 31 | window.open(inboard_url, '_self') 32 | }) 33 | } 34 | 35 | if (document.querySelector('.dribbbles') != null) { 36 | mob.observe(document.querySelector('.overlay-content'), { 37 | childList: true 38 | }) 39 | } 40 | 41 | if (document.querySelector('.meta-act .fav') != null) { 42 | addButton(document.querySelector('.meta-act .fav')) 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /Add to Inboard.safariextz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.safariextz -------------------------------------------------------------------------------- /Add to Inboard.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Add to Inboard.sketch -------------------------------------------------------------------------------- /Chrome.crx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Chrome.crx -------------------------------------------------------------------------------- /Chrome/icon-dribbble-action.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Chrome/icon-dribbble-action.png -------------------------------------------------------------------------------- /Chrome/icon128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Chrome/icon128.png -------------------------------------------------------------------------------- /Chrome/icon16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Chrome/icon16.png -------------------------------------------------------------------------------- /Chrome/icon48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/Chrome/icon48.png -------------------------------------------------------------------------------- /Chrome/inject.css: -------------------------------------------------------------------------------- 1 | .meta-inboard { 2 | background-image: url(chrome-extension://__MSG_@@extension_id__/icon-dribbble-action.png) !important; 3 | background-position: 11px 10px !important; 4 | background-size: 16px !important; 5 | } 6 | 7 | .meta-inboard:hover { 8 | background-position-y: -38px !important; 9 | } -------------------------------------------------------------------------------- /Chrome/inject.js: -------------------------------------------------------------------------------- 1 | if (window.top === window){ 2 | 3 | var mob = new MutationObserver(function(elms) { 4 | var like = elms[0].target.querySelector('.meta-act .fav') 5 | addButton(like) 6 | }) 7 | 8 | var html = '
\ 9 |
\ 10 | Add to Inboard\ 11 |
\ 12 |
' 13 | 14 | var addButton = function(like) { 15 | like.parentNode.insertAdjacentHTML('afterend', html) 16 | 17 | document.querySelector('.meta-inboard').addEventListener('click', function() { 18 | var url = document.querySelector('.the-shot .single-img img').getAttribute('src'), 19 | title = document.querySelector('#screenshot-title').innerText, 20 | web_url = window.location.href, 21 | params = { 22 | url: url, 23 | title: title, 24 | web_url: web_url 25 | }, 26 | inboard_url = 'inboard://import?' 27 | 28 | for(name in params) { 29 | inboard_url += name + '=' + encodeURIComponent(params[name]) + '&' 30 | } 31 | window.open(inboard_url, '_self') 32 | }) 33 | } 34 | 35 | if (document.querySelector('.dribbbles') != null) { 36 | mob.observe(document.querySelector('.overlay-content'), { 37 | childList: true 38 | }) 39 | } 40 | 41 | if (document.querySelector('.meta-act .fav') != null) { 42 | addButton(document.querySelector('.meta-act .fav')) 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /Chrome/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Add to Inboard", 3 | "description": "A Browser Extension for Inboard App", 4 | "version": "1.2.1", 5 | "permissions": [ 6 | "activeTab", 7 | "*://*.dribbble.com/*" 8 | ], 9 | "content_scripts": [ 10 | { 11 | "matches": ["*://*.dribbble.com/*"], 12 | "css": ["inject.css"], 13 | "js": ["inject.js"], 14 | "run_at": "document_end" 15 | } 16 | ], 17 | "web_accessible_resources": [ 18 | "*.png" 19 | ], 20 | "icons": { "16": "icon16.png", 21 | "48": "icon48.png", 22 | "128": "icon128.png" }, 23 | "manifest_version": 2 24 | } 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![header](readme/header.jpg) 2 | 3 | ![screenshot](readme/screenshot.jpg) 4 | 5 | [![footer](readme/safari.png)](https://github.com/RayPS/Add-to-Inboard/blob/master/Add%20to%20Inboard.safariextz?raw=true) 6 | [![footer](readme/chrome.png)](https://chrome.google.com/webstore/detail/add-to-inboard/bpkpncdpheefokdmkcbgngijngcnkchg) 7 | 8 | [![footer](readme/footer.jpg)](http://inboardapp.com) -------------------------------------------------------------------------------- /readme/chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/readme/chrome.png -------------------------------------------------------------------------------- /readme/footer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/readme/footer.jpg -------------------------------------------------------------------------------- /readme/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/readme/header.jpg -------------------------------------------------------------------------------- /readme/safari.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/readme/safari.png -------------------------------------------------------------------------------- /readme/screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RayPS/Add-to-Inboard/f727a5205c3d4fc117db66541d15035ff0233540/readme/screenshot.jpg --------------------------------------------------------------------------------