23 votes

Looking for a simple ebook or notetaking app where I can visually organize my bookmarks/tabs. Example attached.

Very similar to how the recipe book in the game "Potion Craft" is organized. I essentially want to be able to mark pages and assign an icon, letter, symbol, or whatever to the tab. Clicking the tab brings you to that page. I also want the freedom to arrange these tabs around the perimeter of the book.

I'm not even sure what search terms to use to find a software like this. I'm not looking for anything robust, just a simple reader app with minimal page marking with intuitive visual organization.

Does anything like this exist?

24 comments

  1. [9]
    akkartik
    Link
    I haven't seen this before, but hmm it might be easy to make. Would you use it if so? Free, open source, etc. Just plaintext, no epub. What platform are you on? (Don't say iOS.) (This is what I do.)

    I haven't seen this before, but hmm it might be easy to make. Would you use it if so? Free, open source, etc. Just plaintext, no epub. What platform are you on? (Don't say iOS.)

    (This is what I do.)

    12 votes
    1. [8]
      BashCrandiboot
      Link Parent
      I mean, I would take anything at this point. I'm always experimenting with new apps and tools. I use windows and android. If this sounds like something you'd find fun to work on, be my guest and...

      I mean, I would take anything at this point. I'm always experimenting with new apps and tools. I use windows and android.

      If this sounds like something you'd find fun to work on, be my guest and I'd love to test it if you do! But definitely don't put yourself out on my account. No hard feelings if its too much of a headache and you end up shelving it.

      2 votes
      1. [7]
        akkartik
        Link Parent
        Check it out. Thanks for a neat idea! Right now it slurps any line starting with --- (3 dashes) into a tab on the right margin. If it seems promising, I'd be happy to improve it further to say...
        • Exemplary

        Check it out. Thanks for a neat idea!

        Right now it slurps any line starting with --- (3 dashes) into a tab on the right margin.

        If it seems promising, I'd be happy to improve it further to say change how headings look, configure little pixel art for each tab and so on.

        13 votes
        1. [2]
          Plik
          Link Parent
          Man did you seriously see this 10 hours ago and make it? That's pretty cool.

          Man did you seriously see this 10 hours ago and make it? That's pretty cool.

          4 votes
          1. akkartik
            Link Parent
            Took me a couple of hours with the kids barging in and interrupting me every so often with demands! I have a little bit of code lying around that I've been refining over the last couple of years,...

            Took me a couple of hours with the kids barging in and interrupting me every so often with demands!

            I have a little bit of code lying around that I've been refining over the last couple of years, mostly deleting stuff from it and making it simpler.

            6 votes
        2. BashCrandiboot
          Link Parent
          This is awesome! You put it together quick. I'm excited to fiddle with it!

          This is awesome! You put it together quick. I'm excited to fiddle with it!

          2 votes
        3. [2]
          BashCrandiboot
          Link Parent
          Hey, I just wanted to say that I haven't given this the attention it deserves because 3 days after you posted it, my first son was born! I haven't forgotten about it though and I just want to...

          Hey, I just wanted to say that I haven't given this the attention it deserves because 3 days after you posted it, my first son was born!

          I haven't forgotten about it though and I just want to reiterate how cool it is that you put it together. We're settling into our new life now so hopefully soon I can actually putz with this some more. Thanks again for being awesome!

          2 votes
          1. akkartik
            Link Parent
            Congratulations! That's a huge, huge deal and nothing trumps that. Take your time, this program can and will wait.

            Congratulations! That's a huge, huge deal and nothing trumps that. Take your time, this program can and will wait.

        4. feanne
          Link Parent
          Wait this is so cool!! Thanks for making this and I checked out your website too, you do such neat work!

          Wait this is so cool!! Thanks for making this and I checked out your website too, you do such neat work!

          1 vote
  2. [5]
    stu2b50
    Link
    Could you describe more of how this works? I’m not sure I grasp what is going on in that screenshot.

    Could you describe more of how this works? I’m not sure I grasp what is going on in that screenshot.

    3 votes
    1. [4]
      BashCrandiboot
      Link Parent
      Basically when playing this game, the tabs surrounding the book are placed there by the player, and when you click one it will bring you directly to that page. You can customize each tab with an...

      Basically when playing this game, the tabs surrounding the book are placed there by the player, and when you click one it will bring you directly to that page. You can customize each tab with an icon, and drag them around the perimeter of the book and group them how you want. So its visually organized and customizeable.

      I do this with my physical books, I place sticky tabs on the pages I frequently reference. It'd cool to be able to do this with my digital books/documents, and have my book marks visually organized (without having to click into menus and search through a list).

      I know it sounds kinda weird, but its just how my brain works.

      1. [3]
        stu2b50
        Link Parent
        I guess what I don’t understand is if it’s two dimensional or there are just repeats. For instance, there’s three heart tabs on the top left side. Are those different or the same tab? Is it that...

        I guess what I don’t understand is if it’s two dimensional or there are just repeats. For instance, there’s three heart tabs on the top left side. Are those different or the same tab?

        Is it that each tab = 1 page, no matter where it is? Or is it like a coordinate system where heart on the left and star at the top is a different page from heart on the left and skull on the top?

        1 vote
        1. [2]
          BashCrandiboot
          Link Parent
          Oh yeah, that's just part of the game. In this game you use ingredients to make different potions, but different ingredients can make the same type of potion, so this person has three different...

          Oh yeah, that's just part of the game. In this game you use ingredients to make different potions, but different ingredients can make the same type of potion, so this person has three different recipes to make a healing potion (hence the hearts), and each tab will bring them to the page with their corresponding recipe. They're keeping the three heart tabs near eachother just as a way to keep them grouped together, since they are all different recipe pages for the same potion.

          1. stu2b50
            Link Parent
            I see. I don't think anything like that exists, unfortunately. It reminds me of spatial computing, a famous example of which is the original macOS finder, which is all but dead in modern UI/UX design.

            I see. I don't think anything like that exists, unfortunately. It reminds me of spatial computing, a famous example of which is the original macOS finder, which is all but dead in modern UI/UX design.

  3. Akir
    Link
    If you're looking for a device you can write on, you might want to consider ReMarkable. Each notebook can be assigned any number of user-definable tags. If you're looking for something that lets...

    If you're looking for a device you can write on, you might want to consider ReMarkable. Each notebook can be assigned any number of user-definable tags. If you're looking for something that lets you use symbols, that might be a bit harder. I don't think ReMarkable allows you to use emoji in their tags, but I'm sure some other software might.

    2 votes
  4. [9]
    NoobFace
    Link
    Image link is throwing a 404 due to the query string. Get rid of everything after the ? in the URL.

    Image link is throwing a 404 due to the query string. Get rid of everything after the ? in the URL.

    1 vote
    1. [8]
      BashCrandiboot
      Link Parent
      Thanks for the heads up. Fixed.

      Thanks for the heads up. Fixed.

      1. [7]
        NoobFace
        Link Parent
        Sorry, you gotta do the ? too.

        Sorry, you gotta do the ? too.

        1 vote
        1. [6]
          BashCrandiboot
          Link Parent
          lol damn it my bad. Fixed again.

          lol damn it my bad. Fixed again.

          1. [5]
            NoobFace
            Link Parent
            omfg, i'm dying over here. communication is my worst skill. throw a / at the end. https://static.wikia.nocookie.net/potion-craft/images/f/f0/Lyllla's_Recipe_Book.jpg/revision/latest/

            omfg, i'm dying over here. communication is my worst skill. throw a / at the end.

            https://static.wikia.nocookie.net/potion-craft/images/f/f0/Lyllla's_Recipe_Book.jpg/revision/latest/

            2 votes
            1. [4]
              BashCrandiboot
              Link Parent
              lmao don't worry about it. Its tough because the link has still worked for me every time so I can't tell the difference. Fixed_final_final_FINAL.html

              lmao don't worry about it. Its tough because the link has still worked for me every time so I can't tell the difference. Fixed_final_final_FINAL.html

              1 vote
              1. [3]
                clem
                Link Parent
                It still doesn't work for me, but this does: https://static.wikia.nocookie.net/potion-craft/images/f/f0/Lyllla's_Recipe_Book.jpg
                1 vote
                1. [2]
                  hungariantoast
                  Link Parent
                  And that link leads to a super tiny (200x113) image for me. Let's try this one more time: https://i.horizon.pics/IGOS8YmqtX.png And a 4K one: https://i.horizon.pics/th67hXredk.png

                  And that link leads to a super tiny (200x113) image for me.

                  Let's try this one more time:

                  https://i.horizon.pics/IGOS8YmqtX.png

                  And a 4K one:

                  https://i.horizon.pics/th67hXredk.png

                  4 votes
                  1. BashCrandiboot
                    Link Parent
                    Updated! Thanks for the help all😅

                    Updated! Thanks for the help all😅

                    1 vote