Key Icons On Link List Pages

[headcomic]

So on the link list pages I would like to be able to add in little icons next to the individual lines of text. It doesn't need to be too pretty, but I would prefer to add them in line next to the entries. I am thinking of adding little symbols next to individual links (Number ratings, MC logo, $ sign, etc.)

I am guessing this is a font style issue relating to how the P tag is interacting with images. But I wanted to see what you thought we should do to fix it.

Check out this page to see what I'm talking about: http://www.makingcomics.com/rd/characters/

[luetkemj]

What is the problem here? They look to be inline like you want yes?

[headcomic]

Yeah, sorry. The icons on the pages are correct - the ones in the upper right corners. I am talking about the ones in like with the text. In the page link I attached to this I am talking about the little "MC" logo next to the line: "Character Design (For Your Portfolio)"

see how it indents considerably away from the MC? I "need" them to sit next to each other fluidly. I wanted to be able to add a "Key" box into the third column and have little images appended to entries that indicated the content. I am open to suggestions on this solve. It may be something we have to wait until a little later for (as I have no idea how complicated of a fix it would be) but I wanted you to be aware of it's necessity.

[luetkemj]

Do you know all of the key elements? We can use a short code for this. would look something like

[legend icons="mc, v, d"]

I can parse thatin the backend and spit out your icons but I need to know what they will be before hand.

[headcomic]

That's a good call, I will get them right now...

Icons (That I can think of right now)

• MakingComics.com Articles

• Videos

• Downloads

• Costs Money, this is the only one I think we might expand upon in the future, but I don't think we should yet. My original description broke these down into even smaller sub-categories, but I think they may be confusing: "When you come across an item that costs money to the user indicate this by either adding a "$" symbol for items that just cost straight cash, "Freemium" for items that offer some services for free and others for money, "Try B4 Buy" for items that have trial offers before purchasing, "Free & Pay" for resources that include both, and leave items that cost "$0" blank. If an item says "0+" it means pay what you want with encouraged donation."

• This is a relevant link, but not directly useful to the comic creation process

• This is a useful link, but not a high priority to know when creating comics

• This is a useful link with many great applications to the creation process

• This tool is vital to the comic creation process

[headcomic]

I just caught two more that need to be in there:

• Article or Opinion Piece

-Tutorial

[luetkemj]

Alright - so I have the shortcode ready to go but I need different images. Can you get me those icons all as .png at the current and at exactly double that size? Double size is for retina screens. Once I get those I can just dump them in and we should be just about ready to go with it

[luetkemj]

FYI it's gonna look like this: comma seperated values, no spaces possible values: mc,a,d,t,v,s,1,2,3,4

[legend keys="mc,v,d"]

[headcomic]

How are you so awesome?

[luetkemj]

Sweet! It's working I see you are already using it. lemme know if you have any qs.

Also remember that for "$" we use an "s"

[luetkemj]

Also adding more down the road is pretty trivial. Just need to get the icons from you in the right size and format

[headcomic]

You are too fucking cool.

Patrick Yurick @patrickyurick https://twitter.com/patrickyurick theHeadcomic.com http://theheadcomic.com/ USA: (619) 727-8396 UK: +44 07429999565

CEO Making Comics Worldwide http://makingcomics.com/ Instructor HTHMOOCS.org http://hthmoocs.org/ Creator Thrillbent.com http://thrillbent.com/ Creator Head Comics http://www.gocomics.com/head-comics Art Director Spikeandreggie.com http://spikeandreggie.com/ Lead Illustrator Buzzfarmers.com http://buzzfarmers.com/

On Thu, Feb 12, 2015 at 6:35 PM, Mark Luetke notifications@github.com wrote:

Also adding more down the road is pretty trivial. Just need to get the icons from you in the right size and format

— Reply to this email directly or view it on GitHub https://github.com/luetkemj/mcdc/issues/32#issuecomment-74125531.

[luetkemj]

Oh, and the order doesn't matter. But it will respect your order. So you could do 4,mc,t if you wanted to for whatever reason should probably decide on a set order to work from for consistency

[headcomic]

One last thing here. The line space between submit, edit, and the key is really big. Is there an easy way to change the distance between the image elements?

[headcomic]

New icons:

[headcomic]

Don't know how to reopen this - the last two points are issues still. -P

[luetkemj]

Word, will reppen

+++++++++++++++++++++++++ Mark Luetke Associate Director of Web Development – VCUarts 325 N Harrison Street, Room 227 luetkemj@vcu.edu

On Sat, Feb 21, 2015 at 7:22 AM, Patrick Yurick notifications@github.com wrote:

Don't know how to reopen this - the last two points are issues still. -P

Reply to this email directly or view it on GitHub: https://github.com/luetkemj/mcdc/issues/32#issuecomment-75369415