Is there a link to documentation for the metadata? I'm trying to add an image and center it but it scales to the full paged width. Wondering if that can be changed in the metadata.
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.
- 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.
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.
Also just noticed your links got stripped. I was seeing that issue with decoding the ":" in the URL, but thought I had pushed a bug fix for that yesterday...going to investigate that more. Really appreciate you using it, the best of feedback and learning :)
Edit: I wasn't able to replicate the stripping issue on my end when I updated the link, so maybe there was a cached version that you got from before I pushed the fix - if you don't mind please trying a hard refresh on your end and giving the link another go, if you choose to use it again! Thank you.
Comments
Is there a link to documentation for the metadata? I'm trying to add an image and center it but it scales to the full paged width. Wondering if that can be changed in the metadata.
example link here https://meml.ink/MTs1fGgxOkp1c3RpbiUyNTIwR2Fycmlzb24ncyUyNTI...
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.
Also just noticed your links got stripped. I was seeing that issue with decoding the ":" in the URL, but thought I had pushed a bug fix for that yesterday...going to investigate that more. Really appreciate you using it, the best of feedback and learning :)
Edit: I wasn't able to replicate the stripping issue on my end when I updated the link, so maybe there was a cached version that you got from before I pushed the fix - if you don't mind please trying a hard refresh on your end and giving the link another go, if you choose to use it again! Thank you.