Skip to content

Pelican theme based on html5-dopetrope design.

License

Notifications You must be signed in to change notification settings

Lucas-C/html5-dopetrope

 
 

Repository files navigation

html5up-dopetrope

Pelican theme based on html5up dopetrope design.

Preview

Demo: https://hopitaux-a-defendre.github.io/ghm-grenoble/

Features

  • Responsive design, with a collapsible lateral navigation menu on mobile
  • Pins on the homepage board can be either internal articles or simple external links
  • Metadata to display "social share vignettes" of the website: support for Open Graph & Twitter Summary Card
  • i18n, with embeded localization in French
  • Optional Google Analytics
  • W3C-Validated HTML
  • Optional "robots-noindex"
  • Small:
$ du -ch static/{css,js}/ templates/
32K     templates/
153K    static/css/
196K    static/js/
381K    total

Custom configuration variables

Optional variables are available for this theme :

  • ADDRESS : Your postal address. Accepts HTML.
  • MAIL : Your email address.
  • PHONE : Your phone number.
  • TWITTER_USER : 'Pierre_Paul', should be the url following https://twitter.com/
  • GOOGLEPLUS_USER : '110831175850960549188', should be the url following https://plus.google.com/ when viewing your profile.
  • LINKEDIN_USER : 'pierre-paul-lefebvre/2/9b7/aa' #Again, should be the URL following https://linkedin.com/ when viewing your profile.
  • FACEBOOK_USER : 'pierrepaul.lefebvre', if set in your profile, your profile can be accessed with a simple url like : https://facebook.com/pierrepaul.lefebvre
  • ABOUT_TEXT : Any text set here will show up on the bottom right of the page.
  • ABOUT_IMAGE : Image to show at the bottom right of the page.
  • ABOUT_LINK : Will add a link under the ABOUT_TEXT page
  • COPYRIGHT : optional copyright notice that will appear in the footer
  • DISPLAY_HOMEPAGE_ON_MENU : you can set it to True to include a "HomePage" link in the navigation menu
  • DISABLE_LATEST_ARTICLES : you can set it to True to hide the "latest articles" section.
  • FAVICON : optional relative path to an image
  • META_IMAGE: optional absolute URL of a custom image for the og:image meta property, Twitter summary card, and image meta property of Schema.org. This image is used in every page of the blog. Articles and pages can override the default META_IMAGE by setting the Image metadata in the relative file.
  • META_IMAGE_TYPE: the MIME type for META_IMAGE, this is needed for og:image:type.
  • NOINDEX: can optionally be set to True to insert a <meta name="robots" content="noindex"> meta tag

Articles can optionally define a Link metadata entry, instead of having content: in this case, the corresponding article "box" on the homepage will point to that URL, not to the internal article page.

Developping the theme

It currently uses SkelJS v0.3.3, a lightweight framework for building responsive sites.

Updating translations

Summarizing i18n_subsites plugin documentation:

  1. Install Babel:

    pip install Babel

  2. Extract translatable strings from templates/*.html into messages.pot:

    pybabel extract --mapping babel.cfg --output messages.pot .

  3. Update the .po files based on messages.pot:

    pybabel update --input-file messages.pot --output-dir translations/ --domain messages

Translation strings can now be manually edited in the .po files.

  1. Compile the .po files into .mo binaries:

    pybabel compile --directory translations/ --domain messages

License

Creative Commons Attribution 3.0 Unported

Releases

No releases published

Packages

No packages published

Languages

  • CSS 63.2%
  • HTML 35.1%
  • JavaScript 1.7%