Giter Site home page Giter Site logo

Comments (3)

breskeby avatar breskeby commented on June 9, 2024

Hey Dan, any update on this issue? or is there a workaround we can use manually atm?

from asciidoctor-backends.

cmoulliard avatar cmoulliard commented on June 9, 2024

The slim reveal backend could be updated easily to support that. Here is what I did with the revealjs backend in Hyla project :

https://github.com/cmoulliard/hyla/blob/master/lib/resources/backends/slim/revealjs/document.html.slim#L24-L28

    - if attr? :icons, 'font'
      - if attr? 'iconfont-remote'
        link rel='stylesheet' href=(attr 'iconfont-cdn', 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css')
      - else
        link rel='stylesheet' href=normalize_web_path("#{attr 'iconfont-name', 'font-awesome'}.css", (attr :revealjs_vendor_stylesdir, 'revealjs/lib/css/'))

And here are the attributes that I configure within the yaml config file of hyla (but they could be passed as asciidoctor parameters too

https://github.com/cmoulliard/hyla/blob/master/lib/configs/_config.yaml#L56-L62

# Use Remote resources of Font Awesome Icons (css)
iconfont-remote: true # Uncomment this line
iconfont-cdn: http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css

OR

# Use Local resource of Font-Awesome
iconfont-name: font-awesome-4.3.0

from asciidoctor-backends.

mojavelinux avatar mojavelinux commented on June 9, 2024

Done in the asciidoctor-reveal.js repository asciidoctor/asciidoctor-reveal.js#25. I also fixed the HTML of admonition blocks. The icons in admonitions don't look amazing, but at least they work now :)

from asciidoctor-backends.

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.