https://github.com/stagfoo/_pin

🌄 decenteralised pinterest in a tiddly wiki style
https://github.com/stagfoo/_pin

Last synced: about 8 hours ago
JSON representation

🌄 decenteralised pinterest in a tiddly wiki style

• Host: GitHub
• URL: https://github.com/stagfoo/_pin
• Owner: stagfoo
• License: gpl-3.0
• Created: 2022-09-21T23:58:45.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-26T13:12:07.000Z (10 months ago)
• Last Synced: 2024-01-26T14:29:33.089Z (10 months ago)
• Language: HTML
• Homepage: https://pin.stagfoo.com
• Size: 2.59 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌄 _pin 

decenteralised mood board

# Why did you make this?

I use Pinterest for mood boards for my projects but:

- its central and controlled by pinterest

- Pinterest can remove my pins

- is not tightly connected to my code project

- no permissions control like git

Inspired by [TiddlyWiki](https://tiddlywiki.com/) a single file wiki system, I want a single file mood board system.

# How to I add/edit the board

currently you need to disable CORS locally, here are some easy extension

- [Chrome Addon](https://chrome.google.com/webstore/detail/easy-cors/gcdaaelgdlicnnichhholnoagafangej)

- [Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/)

- you can ALWAYS view the images even offline, its only ADDING images that requires a CORS disabled browser

- the whole image is stored in the html

# How do I use it?

- open the index.html in your browser

- copy a url of an image and paste it into the prompt

- save the html file with ctrl + s ~ (eg: board-cool-stuff.html)

- all the code to expand the board is stored in the html so open it again with a CORS disabled browser and continue editing.

# Can I update an old board to a new version?

- yes, kinda, by default the app part of the file is at the bottom of the html and you can swap it out for a new version.

- the ui is inside the `ui` div so you can swap that out too

```html

 
...

 
...

 

 ...app logic to replace

 


```

## Easy to download a pinterst board

- zoom out to 300% of the page (so all the images download)

- paste this code into console

```js

Array.from(document.querySelectorAll('[data-test-id="pinrep-image"] img')).map(i => i.src).join(',') 

```

- add new image in _pin.html and paste the list

# Whats inside

- HTML - no framework

- JS - no framework

- CSS - no framework