Hi Odin, Great job! I hope we can have a great Tiddlywiki landing page! Go with Jeremy and hopefully TW 5.1.24 has such a landing page!
Best wishes Mohammad On Fri, Apr 23, 2021 at 5:12 PM Odin <[email protected]> wrote: > > Hello everyone, > > I spent some time learning the Tailwind CSS framework > <https://tailwindcss.com/> and made a concept of a landing page for > TiddlyWiki. <https://landingpage-example.tiddlyhost.com/> A landing page > is something that has come up earlier in this forum as something that could > improve the new user experience (1) > <https://groups.google.com/g/tiddlywiki/c/gH7u07ar_KI/m/LzARDYqZAAAJ>. PM > mario has made a proposal earlier (2) > <https://groups.google.com/g/tiddlywiki/c/QW7QMfr0kA0/m/8Zq-xTxsBwAJ>, > but I couldn't find any follow-up on this. > > TiddlyWIki 5.1.23 introduced a page-layout switching mechanism that I used > to include the landing page inside TiddlyWiki. This allows visitors to > switch instantly from the landing page to the normal TiddlyWiki website. So > with this proposal, we keep all the documentation within a press of a > button. (Jeremy used this for the TiddlyWiki-on-fission project to make a > login screen <https://tiddlywiki.fission.app/>). > > Furthermore, I think having a landing page as a layout opens up the > possibility to use TiddlyWikis power to have content dynamically generated > on the landing page. It would also be really cool to showcase some widgets > and macros and have the user be able to interact with them inside the > landing page. For example the section 'get started' uses transclusion to > use the saving tiddler (the one that has the grid of cards with saving > options). > > I am hoping to spark some discussion on this idea. Is it will be feasible > to use? If so, I am looking for feedback on the landing page. I used a > standard color scheme that comes with TailwindCSS, but it is of course > possible to insert another color scheme. > What kind of sections do you think would help TiddlyWiki's visibility? How > can we include more complicated widgets and macros within HTML without it > breaking? > > I've hosted the file on tiddlyhost so you can take a look: > https://landingpage-example.tiddlyhost.com/ > > pros: > * A pretty landing page is a welcoming experience for new users. Other > 'competitors' have landing pages as well that look really aesthetically > pleasing. It could help grow the TiddlyWiki community grow. > * It is built inside the TiddyWiki website. Pressing the `documentation` > button or the `try it out` button instantly switches the view to the normal > TiddlyWiki layout. > * It may be possible to include content dynamically on the landing page > via list widgets. > * (if it works) We could showcase the powers of widgets, macros etc. right > on the landing page. Although I ran into some issues (see the WikiText > section) and haven't figured out how to work around this. > * No worries about multiple URLs > * Using tailwind CSS helps create a contemporary looking website > > Cons: > * adds an extra 0.3 mb to the website going from 5.8 mb to 6.1 mb. > * The navigation links in the navbar also open up non-existent tiddlers in > the background. After switching to the normal layout, these will be on top > of the story river. > > 1) https://groups.google.com/g/tiddlywiki/c/gH7u07ar_KI/m/LzARDYqZAAAJ > 2) https://groups.google.com/g/tiddlywiki/c/QW7QMfr0kA0/m/8Zq-xTxsBwAJ > > -- > You received this message because you are subscribed to the Google Groups > "TiddlyWiki" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/9d24e3f7-bb35-4246-b63f-5332b11a7c9an%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/9d24e3f7-bb35-4246-b63f-5332b11a7c9an%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CAAV1gMCcqrV%3DT0Nw4-15q9s9H%3DVoFG0iLhRGsmwX-v%3DHeqFDdg%40mail.gmail.com.
