DevFest Theme Hugo

DevFest Theme Hugo is a theme for conferences/events.

It's developed for the 2019 version of Devfest Toulouse.

See a real usage here: https://2019.devfesttoulouse.fr/

Building my conference site from scratch

Note that requires the Node toolchains

Install Hugo
Create a new site by running:

hugo new site my-conf
cd my-conf
mkdir themes
git submodule add https://github.com/GDGToulouse/devfest-theme-hugo.git themes/devfest-theme-hugo

pushd themes/devfest-theme-hugo
npm install
npm run build
popd

Then edit your config.toml file with

# ...
theme = "devfest-theme-hugo"
# ...

It's done. Just start Hugo server to see it live!

hugo server

Customizing the site

yarn to install the dependency

Run npm start to watch Sass changes.

When you are happy with the result run npm run build to build the minified version

Site params

#...


enableEmoji = true
enableRobotsTXT = true
enableMissingTranslationPlaceholders = true

googleAnalytics = "UA-XXXXXXXX-X"

[params]
    title = "DevFest Toulouse 2019"
    date = "2019-10-03"
    description = "The DevFest, or 'Developers Festival', is a technical conference for developers. It is aimed at students, professionals or simply curious technophiles."
    images = ["/images/social-share.jpg"]
    email = "[email protected]"
    keywords = "event, gdg, gde, devfest, google, programming, android, chrome, developers, web, cloud, androiddev"
    copyright = "We :heart:️ chocolatines"
    cfpUrl = "https://conference-hall.io/public/event/HJRThubF4uYPkb7jSUxi"
    subscriptionUrl = "http://eepurl.com/dps1j5"
    appleTouchIcon = "/apple-touch-icon.png"
    favicon32 = "/favicon-32x32.png"
    favicon16 = "/favicon-16x16.png"
    manifest = "/manifest.json"
    safariPinnedTab = "/safari-pinned-tab.svg"
    themeColor = "#673ab7"
    googleWebmasterKey = "googleXXXXXXX" # https://support.google.com/webmasters/answer/9008080#html_verification

[params.logos]
    jumbo = "/images/logos/devfest_color_text.png"
    header = "/images/logos/devfest_color_text.png"
    footer = "/images/logos/devfest_gray_text.png"

#[menu]
#[[menu.main]]
#    identifier = "jobs"
#    name = "Jobs"
#    url = "https://jobs.devfesttoulouse.fr/"
#    weight = 200
#    external = true

[languages]
[languages.en]
    weight = 1
    languageName = "gb"

[languages.fr]
    weight = 2
    languageName = "fr"

[languages.fr.params]
    description = "Le DevFest, ou 'Developers Festival', est une conférence technique destinée aux développeurs. Elle s'adresse aussi bien aux étudiants, aux professionnels ou tout simplement aux curieux technophiles."

[taxonomies]
  tag = "tags"
#...

Header

The top navigation bar is build with

Site title
Site parameter logos.header for the logo
Site languages if you need a multilingual site
Menu main

Footer

The footer is build with

Site title
Site params email, subscriptionUrl, logos.footer, copyright
data from data/footer.yml

share:
  - name: facebook
    url: https://www.facebook.com/sharer.php?u=
  - name: twitter
    url: https://twitter.com/intent/tweet?text=

follow:
  - name: facebook
    url: https://www.facebook.com/GDGToulouse/
  - name: twitter
    url: https://twitter.com/devfesttoulouse
  - name: linkedin
    url: https://www.linkedin.com/company/devfesttoulouse/
  - name: youtube
    url: https://www.youtube.com/channel/UCx83f-KzDd3o1QK2AdJIftg

content:
  - title: footer_about
    links:
      - name: GDG Toulouse
        url: http://gdgtoulouse.fr/
        newTab: true
      - name: Google Developers Group
        url: https://developers.google.com/
        newTab: true
      - nameKey: footer_coc
        url: /code-of-conduct/
        newTab: false

  - title: footer_previous_edition
    links:
      - name: DevFest Toulouse 2018
        url: https://2018.devfesttoulouse.fr/
        newTab: true
      - name: DevFest Toulouse 2017
        url: https://2017.devfesttoulouse.fr/
        newTab: true
      - name: DevFest Toulouse 2016
        url: https://2016.devfesttoulouse.fr/
        newTab: true

Home

The Home page is build with markdown and calling some shortcodes.

Jumbo bloc

{{% jumbo img="/images/backgrounds/back-0.jpg" imgLabel="DevFest Toulouse 2019" %}}

![](/images/logos/devfest_color_text.png)

## October 3rd, 2019
### Pierre Baudis congress center

{{% /jumbo %}}

Info block

With main description and key figures.

{{% home-info what="Participants:900,Day:1,Sessions:36,Parallel Tracks:4" class="primary" %}}
## What is DevFest Toulouse?

The DevFest, or 'Developers Festival', is a technical conference for developers.
It is aimed at students, professionals or simply curious technophiles.
{{% /home-info %}}

Feature speakers block

Just present your feature speakers

{{% home-speakers %}}
## Featured Speakers

{{< button-link label="Submit a presentation"
                url="http://www.conference-hall.io"
                icon="cfp" >}}

{{< button-link label="See all speakers"
                url="./speakers"
                icon="right" >}}

{{% /home-speakers %}}

Subscription block

Call to subscribe

Use the site param subscriptionUrl.

{{% home-subscribe  class="primary" %}}

## Get notified about the important conference updates

{{% /home-subscribe %}}

Ticket block

Display ticket information.

{{% home-tickets %}}
# Tickets

<ul>
<li>{{< ticket name="Blind Birds"
           starts="2019-04-04"
           ends="2019-11-08"
           price="40 €"
           info="50 first places"
           soldOut="true"
           url="https://www.billetweb.fr/devfest-toulouse-2019" >}}</li>
<li>{{< ticket name="Early Birds"
           starts="2019-04-04"
           ends="2019-11-08"
           price="60 €"
           info="70 first places"
           soldOut="true"
           url="https://www.billetweb.fr/devfest-toulouse-2019" >}}</li>
<li>{{< ticket name="Normal"
           starts="2019-04-04"
           ends="2019-11-08"
           price="80 €"
           info="250 last places"
           soldOut=""
           url="https://www.billetweb.fr/devfest-toulouse-2019" >}}</li>
</ul>

\* Your ticket gives you access to all conferences, coffee breaks, and lunch. Accommodation is NOT included in this price.

{{% /home-tickets %}}

Location block

Show conference location.

{{% home-location
    image="/images/map.jpg"
    address="11 Espl. Compans Caffarelli, 31000 Toulouse"
    latitude="43.6110956"
    longitude="1.4332799" %}}

## The venue

### Centre de Congrès Pierre Baudis

The Centre de Congrès Pierre Baudis is a modern place of exchange,
located on a privileged location,
in the immediate vicinity of the centre of Toulouse and in a green environment.

{{% /home-location %}}

Partners block

Show your partners

{{% partners categories="platinium,gold,soutien,media,communautes" %}}
# Partners
{{% /partners %}}

Album block

{{% album images="/images/album/2018/_25A9313.jpg,/images/album/2018/_25A9386.jpg,/images/album/2018/_25A9671.jpg,/images/album/2018/_25A9334.jpg,/images/album/2018/_25A9282.jpg,/images/album/2018/_25A9612.jpg,/images/album/2018/_25A9452.jpg,/images/album/2018/_25A9628.jpg" %}}

### Some pictures of the **DevFest Toulouse 2018** with the 👾 _retro-gaming_ theme.

<a class="btn primary" target="_blank" rel="noopener" href="https://photos.app.goo.gl/nJYFVReFUk9mnXbv9">
    See all photos
    {{% icon "right" %}}
</a>

{{% /album  %}}

Partners

A partner should have these params :

title: NAME
type: partner
category: soutien
website: 'https://example.com/'
logo: /images/partners/partner.jpg
socials: []

Speakers

A speaker should have these params :

id: jane_doe
name: Mme Jane Doe
company: Super Company
feature: false
photoURL: /images/speakers/jane_doe.jpg
socials:
  - icon: twitter
    link: 'https://twitter.com/jane_doe'
    name: '@jane_doe'
  - icon: github
    link: 'https://github.com/jane_doe'
    name: jane_doe
shortBio: "Short bio"
companyLogo: /images/speakers/company/company.jpg
country: 'City, Country'

The body of the file is used as long bio.

Sessions

<!> this is not yet stable

A session should have these params :

id: an_id
title: Super mega title
language: Français
level: Beginner
tags:
  - Category
presentation: URL of slides
videoId: Youtube video id
speakers:
  - speaker id
format: Keynote

The body of the file is used as description.

Team

A team member should have these params:

title: Name
type: core
subtitle: ''
photo: photo.jpg
socials:
  - link: 'https://twitter.com/XXX'
    name: Twitter
  - link: 'https://www.linkedin.com/XXX'
    name: LinkedIn

Blog

A blog should have these params:

title: Title
brief: Short brief
image: /images/blog/photo.jpeg
date: 2019-01-20
draft: false

And of course, the body is the blog post.

TODO Schedule

Development scheduled to summer 2019.

FAQ, Code of Conduct, ...

just classique markdown file, this the menu.main.weight: 80 to be displayed into the navbar.

Notes

We focus on English and French in this theme, so with other language, you should add months into the layouts/partials/date-short.html

License

MIT, see LICENSE.

Mike snips

Tags: grep "\.tag-" themes/nolacon-theme-hugo/src/styles/partials/_tags.scss |sed 's/\.tag-//g' |sed 's/ .*//g' Types: grep "\.type-" themes/nolacon-theme-hugo/src/styles/partials/_type.scss |sed 's/\.type-//g' |sed 's/ .*//g'

Name		Name	Last commit message	Last commit date
Latest commit History 310 Commits
.github		.github
archetypes		archetypes
i18n		i18n
images		images
layouts		layouts
src		src
static		static
.babelrc		.babelrc
.browserslistrc		.browserslistrc
.gitignore		.gitignore
.stylelintrc		.stylelintrc
404.html		404.html
LICENSE		LICENSE
README.md		README.md
icons.js		icons.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
robots.txt		robots.txt
rollup.config.js		rollup.config.js
rollup.config.prod.js		rollup.config.prod.js
theme.toml		theme.toml
tsconfig.json		tsconfig.json

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

DevFest Theme Hugo

Building my conference site from scratch

Customizing the site

Site params

Header

Footer

Home

Jumbo bloc

Info block

Feature speakers block

Subscription block

Ticket block

Location block

Partners block

Album block

Partners

Speakers

Sessions

Team

Blog

TODO Schedule

FAQ, Code of Conduct, ...

Notes

License

Mike snips

About

Releases

Packages

Languages

License

NolaCon/nolacon-theme-hugo

Folders and files

Latest commit

History

Repository files navigation

DevFest Theme Hugo

Building my conference site from scratch

Customizing the site

Site params

Header

Footer

Home

Jumbo bloc

Info block

Feature speakers block

Subscription block

Ticket block

Location block

Partners block

Album block

Partners

Speakers

Sessions

Team

Blog

TODO Schedule

FAQ, Code of Conduct, ...

Notes

License

Mike snips

About

Resources

License

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages