All threads / Customizing the Jumpstart app template

Ask A Question

Notifications

You’re not receiving notifications from this thread.

Customizing the Jumpstart app template

Dean Richardson asked in General

Hi:

I'm working on exploring the Jumpstart app template. I've noticed the Navbar (_navbar.html.erb) links at the far left to a logo (logo.svg) and that the logo is displayed using an operand "render_svg". I have two questions:

1) What's involved in creating my own svg logo and what would it need to look like (size, other svg parameters) in order to serve as a nice replacement for the Jumpstart logo that's there now?
2) Can you provide me with some documentation for "render_svg"? I've never encountered that before in a rails .erb file.

Thanks!

--Dean Richardson

Hey Dean!

You don't have to use an SVG, but it's helpful and what we recommend because you can grow and shrink an SVG without it getting blurry.

You'd use Adobe Illustrator, Inkscape, Sketch, Figma, etc to create an SVG.

render_svg is a wrapper around inline_svg that we made so it embeds your SVG contents into the page and saves making another HTTP request to make your site faster.

If you want to use a png or jpeg, you can just replace that with a regular image_tag that points to your logo.

Thanks... this was quite helpful.

Join the discussion

Want to stay up-to-date with Ruby on Rails?

Join 37,629+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.