Giter VIP home page Giter VIP logo

logos's Introduction

nf-core/logos nf-core/logos

A repository for hosting files containing the official nf-core logos and icons in ai, png and svg formats, along with instructions on how to download an nf-core logo for your pipeline.

Download a pipeline logo

From nf-core/tools v1.7 the pipeline logo in .png format will be automatically downloaded and added to the appropriate directories when you run the nf-core create command!

However, if you would like to download a logo for any other reason you can simply use a command like the one below:

curl https://nf-co.re/logo/pipelinename?theme=light --output nfcore-pipelinename_logo_light.png

You can create a logo optimized for dark backgrounds by changing the ?theme flag in the URL above from light to dark.

Also, you can append the link with URL flags: ?s and ?w. The former scales the image to be 400px wide, which is a nice size for including the logo in the pipeline completion email. The latter lets you specify any width you want, e.g. ?w=800 will give you a logo that's 800px wide. The height of the image is automatically adjusted relative to the width.

Only one resize flag can be given at a time; ?w takes precedence.

Font information

If you are as meticulous as we are and would like to use the same fonts and colours for other purposes then you can download Maven Pro Bold Fonts via you web-browser and install them locally, or if you are running the script in a Linux environment you should be able to do this with the following commands:

mkdir -p ~/.fonts/
cd ~/.fonts/
wget 'https://raw.githubusercontent.com/google/fonts/master/ofl/mavenpro/static/MavenPro-Black.ttf'
wget 'https://raw.githubusercontent.com/google/fonts/master/ofl/mavenpro/static/MavenPro-Bold.ttf'
wget 'https://raw.githubusercontent.com/google/fonts/master/ofl/mavenpro/static/MavenPro-Medium.ttf'
wget 'https://raw.githubusercontent.com/google/fonts/master/ofl/mavenpro/static/MavenPro-Regular.ttf'

The green colour in the logo is RGB: 36,176,100 or Hex:#24B064.

Help

If you have any questions or issues please send us a message on Slack.

logos's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

logos's Issues

Make social preview image

GitHub repos can now have "social preview" images, on the Settings page:

image

These need to have specific dimensions. For pipelines, it would be great to have the pipeline logo and pipeline URL, plus the nf-core URL. Maybe also free text for a description?

GitHub provide a template:
repository-open-graph-template

The nf-core logos command could make these images as well as the logo for the readme.

Demultiplex is too long

curl https://nf-co.re/logo/demultiplex?theme=dark --output nfcore-pipelinename_logo_dark.png

Fails to make an image but

curl https://nf-co.re/logo/demultiplx?theme=dark --output nfcore-pipelinename_logo_dark.png
curl https://nf-co.re/logo/demultiple?theme=dark --output nfcore-pipelinename_logo_dark.png

Both work.

Dockerise

Would be good to make a docker image for this which includes everything required - even the font!

Could also use entrypoints and stuff to make it a nice simple docker command to make a logo.

Add font information to main README

The main README has been extensively revised (coughbyummecough) since we moved the logo creation to the website. Be good to add the font and colour information back in for reference.

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.