simplexmq icon indicating copy to clipboard operation
simplexmq copied to clipboard

Adding QR to the front page

Open karak1974 opened this issue 1 year ago • 2 comments

This isn't really an issue just saving time for others. I've setup an instance, but I wanted a QR on the front page so here is what i did.
I copied the server address, in the app generated a QR code and on the server moved it to /var/opt/simplex/www/invite.png.
Then added a few lines to /var/opt/simplex/www/index.html at line 216.

<div class="flex flex-col lg:flex_row gap-50 justify-between w-full mb-[50px]">
  <h2 class="text-[30px] mb-[20px] leading-[28px] text-[#606C71] dark:text-white font-bold max-w-[475px]">
    Invite
  </h2>
  <img src="invite.png" style="height: 200px; width:200px">
</div>

karak1974 avatar Oct 11 '24 13:10 karak1974

I think to add some "items-center" for beauty.

It would also be nice to add <p class="text-grey-black dark:text-white text-base">Server Link: <a href="smp://...">open address</a></p> under qr so that it would be possible to copy the link. Or embed link in qr but it's not obvious for users.

Korolev3377 avatar Dec 04 '24 11:12 Korolev3377

Sounds good, thanks! I'm not sure if that would be obvious for users, but good idea. If I have time I'll try to implement qr generation and add these few lines,

karak1974 avatar Dec 04 '24 13:12 karak1974