CAuDri Website

This is the repository of the official CAuDri-Challenge Website: www.caudri-challenge.de

Based on Jekyll and the Feeling Responsive Theme.

Installation (Development)

1. Install Ruby and RubyGems
2. Install Jekyll: gem install jekyll
3. Clone this repository
4. Run bundle install in the repository directory
5. Run bundle exec jekyll serve to start the web-server (localhost) and serve the page.

On a brand new Ubuntu 24.04 LTS (WSL) install, this process might look more like:

0. Update package list: apt-get update
1. make and gcc are required, install build-essentials: sudo apt-get install build-essential
2. Install Ruby development package (includes RubyGems): sudo apt-get install ruby-dev
3. Since rubygems installs gems under /var/lib/gems/ by default, which is a system directory. You will have to either run sudo gem install jekyll, use RVM or install them in your home directory if you want to avoid having to use sudo every time your run bundler. Which is not recommended, as installing your bundle as root will break this application for all non-root users on your machine.
4. Run sudo bundle exec jekyll serve to start the web-server (localhost) and serve the page.

Images

Image lib

Include this html snippet anywhere in the post body to display a single full size image.

<div class="row">
    <div class="small-12 columns">
        <img src="{{ site.urlimg }}/posts/2023-12-05/track.webp" alt="Aerial view of the CAuDri Challenge race track">
        <p class="text-right caption">
            The competition track at DHBW Stuttgart featuring various autonomous driving challenges
        </p>
    </div>
</div>

The gallery

Additionally to the normal way of including images on a page, as descried above, you can also have a gallery made from an array of thumbnails, which expand when you click on them.

Setup the gallery in the posts yaml header.

gallery:
    - image_url: posts/2024-11-30/car_uulm.webp
      caption: Spatzenhirn team's autonomous car from University of Ulm.
    - image_url: posts/2024-11-30/car_kit.webp
      caption: The winning vehicle from KITcar team.
    - image_url: posts/2024-11-30/car_dhbw.webp
      caption: The hosts vehicle from DHBW Stuttgart.

Use this shortcode in the body of the post to include it at a particular position.

{% include gallery %}