Hi Odin Great work! It looks great.And the idea of use other layout is wonderful.
Tailwind (Bootstrap, ...) is a great tool for prototyping a webpage. But I don't like it because, as you said, you need add extra load to the webpage, and also you add a lof of noise in html. You need add too many classes for each element, and it is very similar to use inline styles but with shortcuts. (I know it, I am sometime too purist/perfectionist) Regards, Álvaro El sábado, 24 de abril de 2021 a las 0:27:28 UTC+2, [email protected] escribió: > Hi there Odin, > > Oh wow! > Classy and clever...that will certainly be nice to have > for the next version of TW. Hopefully you and Jeremy > can figure something out. > > There's nothing like an enticing landing page to attract > prospective new users. > > Beautiful stuff Odin! > > Best regards, > Julio > > On Friday, April 23, 2021 at 3:23:53 PM UTC-4 Mohammad wrote: > >> 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/38f801ec-761f-4fb6-b4a8-e7b13465a1b3n%40googlegroups.com.
