Instapepa.com

Welcome!

Create your own simple collaboration page. Everyone who knows this page can read and (if allowed) edit it.

Create brainstorming texts, to do lists, a group planning or any other shared content within a group of people, or create a read-only page just like this one!

No costs, no registration needed. Just try it!

This entire page was built with Blockblender.com.


1
Frank, 12.05.21, 23:42

Blocks

Each page consists of individual blocks - you can add as many blocks as you like.

A block can have different types, e.g. hold text, an image, a survey etc. If a block contains your name as text, it will be highlighted.

Only certain block types (e.g. text) can be edited (other types can only be deleted).

Blocks are normally one column (320 pixels) wide, but can be extended to double width. On a mobile, even wide block are displayed in one column unless explicitly changed by the user.

A block can be marked as "important" and will then periodically wiggle a bit to draw attention.

You can archive (hide) blocks if you do not need them temporarily. Click the eye icon at the top right to make all blocks visible and unhide blocks if needed.

You can share individual blocks or the entire page, see below.


2
Frank S21, 09.05.21, 12:31

Saving and Sharing

Each page is identified by its unique link. After you have entered text, save your page as bookmark or share the link via the share-icon at the top right to be able to access your text later!
When you just open https:/blockblender.com, it will load your last used page.

qrcodeTextPage.png

3
Frank (Admin), 12.05.21, 23:37

5
John, 12.05.21, 23:38

Layout

Blocks will be layouted automatically from top left to bottom right according to their ID (the circled number). The sequence by default corresponds to the date of creation.

The layout algorithm will try to fit blocks underneath each other, keeping the sequence.

There is no drag and drop available; however, you can move a block up or down the sequence.


8
Frank S21, 09.05.21, 12:32

Going public

You can create public pages such like this. Then you should protect the page to prevent unknown users from changing or deleting it. You can still unlock the page temporarily only for yourself to edit it even if the link has been shared publicly.

Share the link to this page via social media or via the QR code available via the share icon.

You can create a shortcut link in the Profile page. You should do that only if you want to publish your page anyway, as the "randomness" of the page's URL is significantly reduced then.


11
Frank S21 mobile, 13.05.21, 00:50

Block types

A block can be one of the following:

  • Text block which contains (formatted) text
  • File upload which refers to an uploaded file and displays images
  • Action button which links to a separate page
  • Contact button which triggers an email
  • Map displaying a given location
  • QR code to display a link to a website (prefilled to your site)
  • Chatbox to allow interaction. Note that the chat is still editable also on locked pages.
  • Survey which allows you to ask your visitors
  • To Do list for simple assignments
  • Countdown timer to countdown to a given date/time
  • Donate button (PayPa and Revolutl) allowing you to collect money
  • YouTube video to display a video
  • Twitter timeline to display tweets of a given profile (handle)
  • Corona incidence value to display exactly that (in Germany only)
  • Code to integrate an iFrame, e.g. sheets (More information)
  • Google calendar integration to display entries of a given Google calendar in list style
  • A single value extracted from a Google sheet, e.g. to display a single number which is updated externally and automatically (every 5 seconds)

By the way, this block has two columns width (on a desktop).


12
Frank, 12.05.21, 22:49

Image by StockSnap from Pixabay

quotes-2608205_640.jpg

14
d4, 09.03.21, 16:41

Collaboration

When you share the link to your page to others, all of you can jointly work on the page. Each "author" is asked to give his (first) name to identify the actions of different people.

Blocks can be edited by one person at a time; if a block was updated by someone else, it will receive a red frame, and you should refresh the page.


15
Frank Tablet, 09.03.21, 16:41

Locking a page

You can lock a page to make it readonly to everyone who does not know the password you used for locking.

Note: If you unlock the page, everyone who knows its link will be able to edit it!

Therefore there's an "Unlock for yourself only" function available, which unlocks the page only for your current browser session (meaning: only for you and only for this moment). This allows you to edit your page while others may still only view it (e.g when the page is public).

 


16
Frank S21 mobile, 13.05.21, 00:46

Statistics

Click on the profile menu item to change your name, to create a shortlink to your page and to see access statistics.

This is available only for unlocked pages.

 


18
Frank S21 mobile, 13.05.21, 00:47

Uploading files

You can upload jpg, gif, png images, PDF, Word, Excel and PowerPoint presentations and simple text files.

Image files will be displayed directly in a thumbnail version; a click leads to the larger version.

You can use this to display a QR code generated with a QR code generator such as this or this or this, e.g. with your email address or Facebook page link.

Other filetypes will only be displayed as link.

There are limits on filesize for uploads.

If you want to upload other filetypes or larger files, search for "File Hoster" on the web...


19
Frank, 16.03.21, 18:13

Like this site? Donate!

Donate

20
Frank Tablet, 09.03.21, 16:41

Credits

This site uses code created by better programmers than me. In detail, I'd like to thank the following contributors:

  • The CSS template for this site is loosely based on html5up.net
  • The layout is based on Masonry
  • The popup messages are done with Sweet Alert
  • File Upload is based on this Fiddle
  • The editor uses TinyMCE
  • Of course I rely heavily on JQuery, JQuery Modal and some other JQuery modules.
  • Icons are based on FontAwesome.
  • The QR code as block type is generated with the help of goqr.me/de/.
  • I also re-used and extended some Javascript examples, e.g. this, this, this and this

21
Frank, 10.03.21, 20:08

Integrating code

Within limits, you can integrate HTML code with the "Code" block type.

This makes especially sense to e.g. integrate a Google Sheets table or other HTML pages via iFrames. See examples and read more about Publishing. You need to choose "Embed" and copy the code within the iFrame tags, i.e.

iframe... /iframe

Be aware that you can seriously disrupt your layout, so please use with care. See examples of integration (Spotify, YouTube, Instagram etc) here.


22
Frank, 12.05.21, 23:34
How do you use Blockblender.com?
33VoteJust playing around
26VoteAs public site
30VoteFor some friends only

23
Frank Tablet, 12.05.21, 23:39

About me

Learn more about me at frankdux.de and on LinkedIn.

I created this site when I played around with Flexbox and Grid systems, and when I tried to use and understand some heavy Javascript code.

This site is for personal interest only and has no commercial intention.

Also look at my other sites:

Want to help? Click on the PayPal button above or use Revolut.me/frankdux!


24
Frank, 28.04.21, 23:16

Next big event!

14.06.2021 - 18:33

25
Frank, 12.05.21, 23:41

Scan this QR code to send me an email...

emailqrcode2.png

26
Frank, 10.03.21, 13:58
Open issues, to be implemented:
  Integrate a survey
  Export to PDF
  Integrate arbitrary QR codes
  Integrate donation feature
  Copy page
  Translate to German
  Add a countdown timer
  Mark important blocks

27
Frank, 10.03.21, 13:58

© 2020 Frank Dux
Imprint/Privacy
Create yourself
Twitter
WhatsApp
Email
Facebook
Instapepa.com: Logo