Giter Club home page Giter Club logo

pdatalab's Introduction

Public Data Lab Template Theme

This repository contains the template for Public Data Lab's blog websites. First, you have to install Jekyll on your computer. Follow the official Jekyll tutorial on their website.

Once you have installed it, create a new repository with your personal account that will contain your blog. Once created, clone it on your computer and run the following command on your terminal:

gem install jekyll bundler

and then

jekyll new /path/to/your/cloned/repository

Now you should have a plain Jekyll website available on your repository. To test it, you can run

bundle exec jekyll serve

by opening the repository in your terminal with Github Desktop (in the menu bar: Repository > Open in Terminal)

Installation

To install the Public Data Lab theme, add the following lines to your Jekyll site's Gemfile. You can find it in the main folder of your repository

gem 'pdatalab', :git => 'https://github.com/densitydesign/pdatalab.git'
gem "jekyll-remote-theme"

And add these lines to your Jekyll site's _config.yml:

remote_theme: densitydesign/pdatalab

plugins:
  - jekyll-remote-theme

And then execute:

$ bundle

Or install it yourself as:

$ gem install pdatalab

Usage

Remember to set the baseurl and url to allow the template to build the correct paths to resources (stylesheets, script files, images, posts) by specifying:

baseurl: /LikeThis # The name of the repository you're using

and

url: https://likethis.org # The url for the Github account (if it's inside the PDL, it will probably be https://publicdatalab.github.io

To customize your website, five different colors are available to be used:

  • forest
  • midnight
  • petrol
  • river
  • terracotta

The default is terracotta. You can change it by adding in _config.yml the following line:

color: forest

To list your research partners, add in _config.yml the following block:

author:
  - name: Partner 1
    logo: https://institution/logo.EXT
  - name: Partner 2
    logo: https://institution/logo.EXT

You can also list the single participants that worked on the project again in the _config.yml

participants:
  - name: Participant 1
  - name: Participant 2

Adding blog posts

Add blog posts in the folder _posts, and name them YYYY-MM-DD-title-of-the-post.md. You can use markdown to write your blog post. At the top, be sure to copy and paste this block of text, complete with dashes:

---
layout: post
title: "This post demonstrates post content styles"
author: Name 1, Name 2
---

Testing and publishing

After opening the repository in your terminal (Repository > Open in Terminal on Github Desktop), run bundle exec jekyll serve to test your website locally. This will also update the public website.

Once you are done updating your website, go to Github Desktop, name and commit your changes, and push them online.

Be sure to go to the repository's Settings, scroll down to Github Page and publish the master folder as a website. The blog will be published at that link.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

pdatalab's People

Contributors

andreabenedetti avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

jwyg tommv

pdatalab's Issues

"Affiliations" should perhaps be "organisations"?

For the list at the side (taken from _config.yml) this should possibly say "organisations" rather than "affiliations" - as the Infodemic project is not affiliated with those organisations as such, the people in the list below are.

Prevent logo / project title overlapping with page/post text

Currently as you scroll down the page the little logo + project title appear to overlap the page content.
Might it be possible to adjust so that (e.g.) there is a fixed bar at the top or a background colour so that the texts don't overlap? (Unless this is a design choice!)

Enable logos to fit on a single line or break into multiple lines

At the moment the logos slightly spill over so only one logo is on a line by itself.
It would be wonderful if there were a way to let users fix these kinds of small issues (e.g. by enabling a hard break so that there are fewer logos on each line, or by slightly shrinking logos or expanding logo area).

Remove “A research by Public Data Lab” text

This won't be necessary/appropriate for collaborative projects where the PDL is one amongst a number of partners and/or where the project is not necessarily only focused on research..

Perhaps this could be replaced by a customisable "subtitle" line in the config file?

Make logos + affiliations linkable

Is it possible to adjust the theme to enable users to also add URLs to the logos at the bottom of the page and affiliations so that people can click through directly?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.