Giter Site home page Giter Site logo

xaringan-logo's Introduction

Add a logo to all your xaringan slides

You can use this repository as a template to create your xaringan project, or follow the instructions below.

Demo

Manual Set Up

  1. Download your logo. I've used the xaringan hex logo: xaringan.png

  2. Download insert-logo.html

  3. Add insert-logo.html to your after_body includes

output:
xaringan::moon_reader:
  includes:
    after_body: insert-logo.html
  1. Edit the .logo class in the CSS in insert-logo.html to use your logo, and adjust the width, height and position (top, bottom, left, and/or right) as needed*.

  2. Use class: hide-logo to hide your logo on individual slides.

More Info

See the companion blog post for more information: https://www.garrickadenbuie.com/blog/xaringan-tip-logo-all-slides/

xaringan-logo's People

Contributors

gadenbuie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

xaringan-logo's Issues

Add link to logo?

Thanks so much for this logo repo and blog post and all the other work you've done to make Xaringan more accessible. I've posted most of my course slides to a distill generated site (see: http://pol346.com -> Slides 1-6 ) and have one minor issue which is that there is no simple way to navigate from the slides back to the main page (hitting the browser back button works, though). I thought of adding a small logo with homepage link to the slides as a possible solution but am uncertain if a background image can be made clickable. Might it be possible to use your logo solution for navigation? Again, many thanks for all you do!

Way to make logo draw under other content?

Hi, thanks for this template!

I am trying to use it to include a background watermark on all of my slides, but I can't seem to get it to draw behind the other content. I've messed with the z-index: and position: properties in insert-html to no avail. Any guidance on whether this can be used to draw a background image on all slides?

Thanks!

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.