Comment by throwaway413 | Hacker News Reader

Comment by throwaway413 | Hacker News Reader

Parent Full thread

Thanks for checking it out!

I need to add some syntax docs, but ideally I want to abstract out the syntax for an easier-to-use form based block config so you know how to use the block.

For the image tag, it currently takes three options:

<img-style> ; <img-size> ; <justify-content>

img-style can be: "r" for rounded, or "s" for square (for some reason square isn't working right now, need to check on that...)

img-size can be: "xs" for x-small, "s" for small, "m" for medium, "l" for large and "f" for full-width

and justify-content can be : 's' for flex-start, 'c' for center, and 'e' for flex-end. The image is wrapped in a flex box that uses this setting to justify the image.

In writing this comment I just realized I missed the bg-color config for the image block! :D Going to add that.

Here's your updated page: https://meml.ink/MTs1fGgxOkp1c3RpbiUyNTIwR2Fycmlzb24ncyUyNTI...

Hope this helps!

My two favorite are:

- the Tweet block, you can just pass it a tweet ID and it's options are <bg-color>;<alignment> where alignment is 'l', 'r', or 'c' for left, right and center respectively

- the ASCII text block which uses figlet under the hood. Right now it only takes <bg-color> ; <text-color> but I want to also expose different figlet fonts you could set.

Thanks for the help.

I hard refreshed and started getting a client side error in Chrome but was able to load it in Firefox still.

I seemed to have lost the ability to re-order the blocks.

Do you have plans to make redirects possible so I don't have to update the URL everywhere I would want to use it? eg meml.ink/justin could always go to the latest version of a profile page? Page stats would also be interesting to see (similar to adding + to the end of a bit.ly url)

It seems like with those features you'd be re-creating linkstree, about.me, or a million other generic profile pages. I guess I'm interested what your plans are.

Thanks for the heads up! I pushed a fix and drag-n-drop should be functioning properly again, sorry about that.

Linktree was definitely an inspiration to recreate - the big differentiator between Memlink and Linktree (and pretty much every other competitor in the space) is that, Linktree requires you to be connected to the internet. Once you've loaded Memlink once, for any page you visit first, you can load any new Memlink site entirely offline (granted, dynamic blocks like the Tweet block will show an offline state until you're back online). This is because the block parser and renderer is cached once you've loaded it, and Memlink operates as a PWA and can still render content without hitting a server. You can try it out on your end by:

1) Make sure you've gone to meml.ink at least once on your phone

2) Create a new site using Memlink on your laptop or desktop

3) Put your phone in airplane mode/disconnect from WiFi etc

4) Scan the Memlink QR code from your laptop/desktop onto your phone

5) The Memlink page should load fine on your offline phone

This could be hugely useful for a variety of reasons such as limited access to internet, limitations on bandwidth usage, resiliency for important documentation/info against network failures, censorship, last-mile connectivity, etc.

Reply on news.ycombinator.com