Sharing [Course in a Box] Technical Issues

Tech
#1

Hello @grif and @Dirk_Uys,
I started Course in a Box last Month and I have not progressed more because I had a 3 weeks international trip to South America. I am getting back to laying out my Mac OS X Course and I would like to share some issues with both of you.

  1. It seems that some pages have (I think) some CSS attached to because they differ from my newly created pages.

When you go to this page that has been reused as a template,

https://ebonsi.github.io/course-in-a-box/

The text layout differs from my new created pages here,

https://ebonsi.github.io/course-in-a-box/modules/tutorial/start/

https://ebonsi.github.io/course-in-a-box/modules/tutorial/section2/

I am wondering if the original templates pages have some include links to a CSS page?

  1. The other issue it is for @Dirk_Uys!

Dirk,

I got some security advisory alerts coming up fro GitHub pointing to the

I would like to share with you! Could you please, get in contact so I can give you more specifics.

Thanks!

#2

@Eduardo_Bonsi

The layout for the modules are being applied in _config.yml. Any file in the modules directory will use the course page layout layout.

Wrt the second issue

I got some security advisory alerts coming up fro GitHub

You can probably delete Gemfile.lock. The runs on GitHub’s servers when you make a change and there shouldn’t be any privileged info the code has access to. And I doubt that GitHub uses the dependencies specified in Gemfile.lock.

If you’re building this on your local machine, be sure to update the ruby dependencies.

1 Like
#3

@dirk,

Thanks for your prompt response and orientation on the Course’s Layout!

I did not fork the program in my machine. I forked directly from the P2PU Course Template to my account on GitHub. The security advisory comes from the GitHub Insights session. Since the info is only available to me, Here is a pic of it.
course-in-a-box-security-advisory-01

#4

Ok, deleted the “Gemfile.lock” file and everything clear up. Thanks!

#5

@dirk,

I am having another issue happening.
On my development of Course-in-a-Box, I created the file on session 2. So for the sake of understanding lets set [1] The source code and [2] The public browsing mode

Session 2, source code link

I uploaded and then inserted an image illustration on line 23 with the code,
![Example of Domain Host Registrars](/img/domain-host-registrar-01.png)

domain-host-registrar-01

This image illustration shows up fine on the source code preview but when I check the page on public browsing mode, the image is not showing up.

session 2, public browsing mode

Is this a bug? I was able to place an image on the home page fine with the same markdown code and you can see right here in this link,

https://ebonsi.github.io/course-in-a-box/

Thanks for your input and help!

#6

If you right click and “view source”, you’ll notice the image is there, but loading from the wrong URL. This happens because the URL you’ve set for the image is absolute /img/domain-host-registrar-01.png, but your site is hosted on GitHub at a suburl: https://ebonsi.github.io/course-in-a-box/

You can solve this by

  1. using the fully qualified url: https://ebonsi.github.io/course-in-a-box/img/domain-host-registrar-01.png
  2. or by pre-pending the URL in markdown with site.baseurl: ![]({{site.baseurl}}/img/domain-host-registrar-01.png)

Hope that helps

1 Like
#7

Oh, yes! That helped a lot! Thanks!

This is my first time developing something on Github and certain things I just have to re-learn from scratch. The same link issues happen when developing in “HTML” and the approach would be somewhat different when dealing with relative and absolute links.