freecodecamp / assets Goto Github PK

Quote: "Information wants to be free."
Quotee: Stewart Brand

Requirements:

vector graphic
monochromatic
iconography is OK
dimensions should be 4:3

Quote: "Talk is cheap. Show me the code"
Quotee: Linus Torvalds

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

I will get round to this ASAP...

For color reference:

• Brown: #492c14 http://www.color-hex.com/color/492c14
• Green: #006400 http://www.color-hex.com/color/006400

Fonts:

• Logo: SaxMono http://www.dafont.com/saxmono.font
• Other: Monaco

To earn: Attempt to solve a challenge more than 30 times.
Class: bronze

Quote: "It's all talk until the code runs."
Quotee: Ward Cunningham

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

Quote: "Any sufficiently advanced technology is indistinguishable from magic."
Quotee: Arthur C. Clarke

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

Imagine being able to move magnets around to build an algorithm. I think we can make this happen! We can create a set of magnets that covers some common JavaScript keywords, and allows for people to use arrays and objects, functions and loops.

• Decide which items to make magnets for
• Design the magnets
• Determine cost viability (ideally, I'd like to be able to sell the set for $20 or so), and fit the entire set into a letter-sized envelope so we can use inexpensive international shipping

(maybe we could use images instead of variable names to keep things fun?)

Here are some keywords I think would be good to kick off the discussion:
var
for
while
() =>
i++
<, >, ===, !==
+, -, /, *, %
return
map
filter
reduce

We want to focus on only those that would be heavily used. Perhaps @evaristoc could do a token analysis of our algorithm challenge solutions?

Free Code Camp completes pro bono code for nonprofits by issuing Code Grants. We need graphical assets to support this program.

Quote: "You can use an eraser on the drafting table or a sledgehammer on the construction site"
Quotee: Frank Lloyd Wright

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

Add a thank you at the end of the Read.me

Quote: "A ship in port is safe, but that's not what ships are built for."
Quotee: Grace Hopper

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

Here's a list of campsites with more than 1,000 members:

• London
• Delhi
• Atlanta
• Chicago
• Seattle
• Bengaluru
• San Francisco
• New York City
• Toronto

My thinking is that we could create assets visually similar to our other stickers: white on green.

@Wes26 has already created one that in my (non-designer) opinion looks like a good start:

We could minimize the text by just saying "Free Code Camp" along the top, and then the city name on the bottom. The goal would be consistency and having a famous landmark (such as the Big Ben for London or the space needle for Seattle) as the illustration.

"A collection of http://www.FreeCodeCamp.com logos and other assets"

Should be "A collection of https://www.FreeCodeCamp.org logos and other assets"
This can only be changed by maintainers and not through a pull request.

I was going to do some videos and I was thinking that having a 2d animated version of the FCC campfire icon would be awesome. I'm thinking a 2-3 seconds of looping "flames" of the fire. It could be used as part of a title card for FCC related videos.

This image:

Both the inner and outer flame could be animated.

To earn: Attempt to solve a challenge more than 200 times.
Class: platinum

I love the icons @Rybar created nearly two years ago. They've been viewed millions of times. Since we redesigned FCC back in January, they seem a bit too ornate.

Also, we are considering simplifying our landing page and our message. Here's what it might look like:

Those icons are placeholders. I was wondering whether we could come up with three simple icons that are solid green on white that convey: learning to code, contributing to open source, and getting a job.

@Wes26 @kosta-xd would either of you be interested in attempting this?

Quote: "Never trust a computer you can’t throw out a window."
Quotee: Steve Wozniak

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

To earn: Attempt to solve a challenge more than 100 times.
Class: gold

Quote: "When in doubt, use brute force."
Quotee: Ken Thompson

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

My idea is to create an asset that plays off the popular meme: 2016 be like "I'm taking everyone"

Instead of the faces, we could include corporate logos, with the number of accounts breached below. We could leave Harambe in there as the 6th breach as a nod to the meme, or we could include the lesser known (outside of Russia) VK.com

2016 be like... "I'm hacking everyone"

Yahoo 500,000,000
Myspace 360,000,000
Linkedin 160,000,000
Dropbox 68,000,000
Tumblr 65,000,000
VK 93,000,000

Steps:

• get the logos
• apply the meme font
• add some sort of Free Code Camp watermark (since if all goes well, it will be shared beyond our accounts)

Is anyone interested in helping build this asset?

To earn: Attempt to solve a challenge more than 60 times.
Class: silver

Free Code Camp plans to sell a pack of stickers in our shop. All of these assets will be creative commons like everything else, and anyone could print them. We would print them and sell them in packs of 4 different stickers for $10 with free shipping worldwide to help cover Free Code Camp's costs.

I did a Twitter poll a while back and most people wanted 2" (5cm) round stickers (https://twitter.com/freecodecamp/status/686252785424175104), so we printed these: https://freecodecamp.com/shop

Let's discuss different ideas for stickers below. What kinds of designs would you like to see?

• Open Data sticker
• CamperBot sticker
• Information wants to be Free sticker
• Let's Pair sticker

@Middi commented on Tue Nov 07 2017

Issue Description

Color of the underline of the fire portion of the logo for the alternative logo in png, jpeg and eps is white and should be green.

Screenshot

Link

https://design-style-guide.freecodecamp.org

@Barkha54 commented on Sun Nov 12 2017

Hi, can you tell me where I will find this file? All the images seems to be hosted on Amazon AWS and I'm not able to find them on my local setup. I would like to take up this issue.

Quote: "In God we trust. All others bring data."
Quotee: W. Edwards Demming

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts:

@haydmills could you add a checklist of tasks that remain before we ship the style guide?

Live styleguide: https://haydmills.github.io/

@haydmills

You may have seen the "future doctor" or "future lawyer" onesies for babies. We want to create "future coder" onesies for campers and their toddlers.

Here's what TeeSpring allows in terms of dimensions:

I think we could use the FCC font, with the "bonfire function call" symbol. What do you think?

As advocates for open data, we would like to print a t-shirt that visualizes the concept of open data in a compelling way.

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Quote: "Given enough eyeballs, all bugs are shallow."
Quotee: Linus Torvalds

Requirements:

• vector graphic
• monochromatic
• iconography is OK
• dimensions should be 4:3

Here are some examples of relatively conventional typographic quotes you would see on t-shirts: