Cloud Cannon Tutorial #6

I am following instructions in Cloud Cannon and it works almost fine from Tutorial #1 to #5. Somehow Using Data in Hugo - Tutorial #6 doesn’t work for me.

Instead of the map with markers, all I see is just a blank box. See it here: https://pbc86.github.io/cloudcannon/about/
And here is my Github repo: GitHub - pbc86/cloudcannon
Thank you

Open the console in your browser’s web tools to see the errors:

1 Like

Thank you so much, the map works now.

My neext question is on my local machine, the Nav bar has a space between each word, i.e. Home space About space Blog but somehow the online version has no such spaces.

Here is the screenshot of my local version.

Appreciate your help.

You are minifying your GitHub Pages site, which renders this:

<a href="/cloudcannon/">Home</a>

Instead of this:

<a href="/cloudcannon/">  Home  </a>

HTML is for content. CSS is for styling. You should use CSS to add horizontal spacing instead of using spaces, regardless of whether they are non-breaking.

2 Likes

This is amazing, how could you find such a small detail hidden in many files. Thank you so much @jmooring!

To be honest, I don’t even know what is minifying, I just simply copy the code from Host on GitHub Pages. I tried commenting this line out and GitHub Pages doesn’t build.

HTML is for content. CSS is for styling.

I’ll remember this. By the way, I figured out how to add padding into the Nav bar. Thank you.

Don’t do that.

1 Like

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.