Coder Social home page Coder Social logo

Introduce shortcodes about hugo-book HOT 3 CLOSED

alex-shpak avatar alex-shpak commented on July 20, 2024
Introduce shortcodes

from hugo-book.

Comments (3)

jordibares avatar jordibares commented on July 20, 2024

Hi Alex, sounds great.

I would say that tabs, accordions, buttons, notices, margins and a few others would be very handy for a book.

Check the components I have put together, if there is anything you need, let me know.
https://www.houdiniguides.com/docs/collaborating/authoring/components

In terms of inspiration, I like a lot this
https://edwardtufte.github.io/tufte-css/

I hope this helps

from hugo-book.

alex-shpak avatar alex-shpak commented on July 20, 2024

Some shortcodes are coming
https://github.com/alex-shpak/hugo-book/tree/feature/shortcodes

shortcodes

from hugo-book.

alex-shpak avatar alex-shpak commented on July 20, 2024

Can't make my mind, maybe somebody has opinion.

I came with two syntaxes for columns view.
Less verbose, but reserves --- separator in markdown

{{< columns >}}
# Left Content
Lorem markdownum insigne.
---
# Mid Content
Lorem markdownum insigne.
---
# Right Content
Lorem markdownum insigne.
{{< /columns >}}

More verbose but more clear, with child shortcode.

{{< columns >}}

{{< column >}}
# Left Content
Lorem markdownum insigne. 
{{< /column >}}

{{< column >}}
# Mid Content
Lorem markdownum insigne. 
{{< /column >}}

{{< column >}}
# Right Content
Lorem markdownum insigne. 
{{< /column >}}

{{< /columns >}}

I like first one, but afraid of magic.

from hugo-book.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.