gdgtoulousegdgtoulouse
91

Devfest Theme Hugo

screenshot of Devfest Theme Hugo
scss

A theme for a conference website. Created for DevFest Toulouse 2019

Github

Overview

DevFest Theme Hugo is a theme specifically designed for conferences and events, developed for the 2019 version of Devfest Toulouse. This theme can be used to build conference websites from scratch and provides various features such as customizable headers, footers, subscription blocks, ticket information, conference location details, speaker and partner sections, and more.

Features

  • Header: The top navigation bar can be customized with a site title, logo, and language options.
  • Menu: The theme provides a menu for easy navigation, with options for the main menu and footer.
  • Home Page: The home page can be built using markdown and various shortcodes to include jumbo blocks, info blocks, featured speakers, subscription blocks, ticket information, location details, partners, and albums.
  • Speakers: The theme includes options to showcase featured speakers, with customizable parameters for each speaker.
  • Sessions: Sessions can be added to the website, with parameters for session details and a description.
  • Team: The theme allows for the addition of team members, with customizable parameters for each member.
  • Blog: The theme includes options for adding blog posts, with parameters for each post.

Customizing the Site

  1. Use yarn to install the necessary dependencies.
  2. Run npm start to watch Sass changes and customize the styling.
  3. Once you are satisfied with the result, run npm run build to build the minified version of the site.

Site Parameters

  • Header: Customize the top navigation bar with a site title, logo, and language options.
  • Menu: Configure the main and footer menus of the site.
  • Footer: Customize the footer section with a site title, email, subscription URL, logos, and copyright data.
  • Home: Build the home page using markdown and calling various shortcodes for jumbo blocks, info blocks, featured speakers, subscription blocks, ticket information, location details, partners, and albums.
  • Partners: Add partner details with specific parameters for each partner.
  • Speakers: Showcase featured speakers with specific parameters for each speaker.
  • Sessions: Add session details with specified parameters.
  • Team: Add team members with specific parameters for each member.
  • Blog: Add blog posts with specific parameters for each post.

Summary

DevFest Theme Hugo is a theme designed for conference websites, developed for the 2019 Devfest Toulouse. It provides various customizable features such as headers, menus, footers, subscription blocks, ticket information, speaker sections, session details, team members, and blogs. The installation process is simple, and the theme allows for easy customization and building of conference websites from scratch.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.