Launching Papyrs - a new open source, privacy-first, blogging platform on the IC

Hey :wave:

I am launching Papyrs - a new open source, privacy-first, blogging platform that lives 100% on the IC.

It’s my personal project, I use it for my blogging purpose but hope you will like and use it too :crossed_fingers:. For developers, it can be interesting because it includes the Monaco editor to edit the code you showcase in your articles and Excalidraw to sketch diagrams.

Looking forward to your feedback.


18 Likes

I :heart: the style! Congrats!

2 Likes

I absolutely love your design! This is probably my favorite UI I’ve seen thus far on the IC.

P.S. - can we make the NNS like this? :rofl:

1 Like

It was important to me to develop a distinctive design pattern for Papyrs. Therefore your feedback really makes my day. Thanks :pray:

Haha :rofl:. Now that we have rewritten the NNS-dapp frontend in svelte (post) we definitely have the foundation and the will to improve the UI and UX. Maybe not towards such an opinionated design as the one of my personal app, but something comprehensive that look nice both on mobile and on desktop. It is definitely our goal. We might even propose some sneak peak of new UX component and a new “light skin” theme within next few days, stay tuned :wink:.

1 Like

Congrats David! Looks awesome!

for anyone interested, I believe the style is called “neo-brutalism”

Thanks, glad to hear that!

It can definitely be a style called “neo-brutalism” :+1: (also really like the name)

@peterparker

Looks really cool. Definitely gonna use that for the content I write from now :relieved:

Why did you end up developing your own markup solution instead of just using Markdown? You even created a Chrome plugin for the conversion between them. Looks like a lot of extra work.

UPD:
Could you please extend the II session. Looks like it resets after just 10 minutes or so.

:heart:

Excellent point :+1:. I do not set any particular maxTimeToLive option to the auth-client at the moment. What value do you suggest?

To be honest, sometimes I also ask myself. I like markdown and creating my own rich text editor library (StyloJS) was tasky and at the end of the day, I end up fixing more issue in that lib than in Papyrs itself :tired_face:.

I did not develop my own markup though, the content is saved in HTML which out of the box opens more possibilities than markdown - i.e. I can extend HTML with Web Components and create rich text elements that can be embedded by the user. So basically in the canister I can save HTML, fetch the content, append it to the DOM and the browser does the rest.

Being said, I could have done this with Markdown too, I could have had extended it and create some sort of parser that render from and to the DOM but with HTML I notably spare the “from”.

I would set some reasonable value (like 1 or 2 hours) as default and then let the user decide what level of security does they need.

Now I see. Thanks!

1 Like

Let’s being with 1 hour if you don’t mind, adding the user custom settings is great idea but that would need a bit more work :sweat_smile:. Let’s iterate from there.

PR ready but not yet deployed. Will do in a couple of days because I had some weird caching issue in the browser recently. Btw. after I’ll deploy, if you would ever land on a weird error message in the browser console (Unexpected token '<'), please let me know? It would mean it would not yet be fully resolved as I expect. Also note, hitting “Refresh” in the browser solves it.

Again thanks for the feedback, excellent idea :+1:

1 Like

Trying to write on Android (Samsung Note 20), the keyboard shows for a fraction of a second and then hides.

1 Like

Absolutely, thanks for the feedback. That’s an issue in my rich text editor Stylo. Probably two event listeners that cancel each other. Will debug and fix it.

Great. I also noticed scrolling on your article sometimes wouldn’t scroll on my phone. Happens after 3 or so scrolls.

Actually, the issue happens on Note particularly and not all mobile devices. I consider devices as mobile if they are touch screen and have no mouse pointer. The Note having a stylus, it did not pass this test - i.e. it has mouse pointer for the stylus. I will extend it to test in addition os (android or ios = mobile too). PR is on the way.

Mmmh I tried on (real devices) MacOS, iOS and Android (oneplus) but couldn’t reproduce it. If you ever have a bit of spare time to debug it, that would be welcomed.

1 Like

Your site looks and feels great. I absolutely love it :clap:

1 Like