typemill / typemill

Typemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown.
https://typemill.net
MIT License
424 stars 60 forks source link

include CSS framework to typemill #399

Closed orionseye closed 1 week ago

orionseye commented 10 months ago

I would like to use Tailwind CSS and (sometimes) a bit html to be able to do custom blocks. How to include css & js files to twig templates is understood.

But when it comes to insert html snippets, I've downloaded plugins htmlopen & htmlclose and all i can do is

[:htmlopen tag="div" id="author" class="card":]
my content
[:htmlclose tag="div":]

the output is my content

as soon as i try

[:htmlopen tag="div" id="author" class="card":]
<p>my content</p>
[:htmlclose tag="div":]

the output is <p>my content</p>

My question is:

  1. whats the purpose of the plugin(s) if no valid html tags are accepted within the shortcode?
  2. would it anyway make sense to choose typemill for more complex work, like adding a CSS framework and use html blocks for designing the pages?
trendschau commented 10 months ago

With html open and html close you can wrap content into a div tag, but you cannot use html tags between open and close. In your case it is not needed because the content between the open and close tag will also be parsed with the markdown parser so it will get a p-tag automatically.

Not super sure what you want to try but in general Typemill is a good choice for long text forms. If you want to have some kind of flat file page-builder, you could try Automad for example.

trendschau commented 1 week ago

There is a new html-plugin for Typemill Version 2.3.0 out now. I am not super sure what you try to do, but I tested the html-plugin and produced some kind of tiles-designs with the cyanine-theme and it worked fine for me. Cyanine uses the tachyons-css-library (similar to tailwind), so you can use the utility-classes of tachyons out of the box and create styles for the frontend. Or you can include any other css-library and add classes as needed.

You can check it out here. Be aware, that the html-plugin is not free, but requires the Maker-license: https://plugins.typemill.net/html