Coder Social home page Coder Social logo

mana's Introduction

Hi πŸ‘‹ I'm Andrew Gioia

I'm a dad, designer, and co-founder at TeachBoost, living and tinkering in Pittsburgh, PA. I enjoy the outdoors, simple living, and technology.

  • πŸ“ Longer thoughts and ideas are on my blog.
  • πŸ™ˆ I'm a strong fediverse advocate and microblog to a tiny audience on my Mastodon instance.
  • πŸ€– You can see some projects I work on in Github. Keyrune and Mana are MtG icon fonts I maintain.

Email me to say hi anytime.

mana's People

Contributors

andrelmp avatar andrewgioia avatar araneline avatar arjenbrandenburgh avatar erg avatar jaygray avatar kmdtmyk avatar lisstem avatar nightbr avatar xne avatar

Stargazers

 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

Watchers

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

mana's Issues

Artist brushes symbols

There any chance we can get the brush and brush tip icons which appear next to artist names on modern layout cards?

Thanks =)

Power Toughness Icon

image

it would be nice to have such an icon similar to the planeswalker icons. All creatures use it and it should accept not only integers but * as well.

Add Mana to Bower and NPM

Need to standardize the bower and npm config files and add Mana to the npm registry. Unfortunately the name "mana" is taken, so we'll need to use "mana-icons" or "mana-font" or something similar.

Modern generic symbols

The generic mana symbols currently used here are those from before 8ED. If you look at a card in the modern or m15 frame, you will notice that the {1} has a broader stroke and the curved bottom serif has been replaced with a slab serif. It would be nice if this font could be updated to use these β€œnew” symbols that have been around much longer than this repo.

Split Cost/Hybrid Icons splitted by default?

Is there a reason I'm not seeing for requiring the extra .ms-split class for hybrid classes and split costs? Parsing from MTGJson data requires an additional step, where classes like .ms-gw or .ms-2b should be splitted by default as there is no other use for them.

Acorn symbol from Unsanctioned

There appears to be yet another card symbol, an acord in Unsanctioned about to be released. Highest res current reference:

Schermata 2020-01-29 alle 11 27 40 AM

Phyrexian mana wrong

Regarding mtgjson phyrexian mana is declared as {Color / Phyrexian} but the css class reads {Phyrexian / Color}

Saga Icons

I would like to request an icon for the sagas. They have a specific shape that distinguish it's progress / functionality.

I'm uploading an image as reference.

saga_icon

No mana symbols above 15

There doesn't currently seem to be any symbols for mana cost of 16 or above. This is only relevant to for a few cards (Draco, Spawnsire of Ulamog), but it would be nice if this was fixed.

[Type] Commander type symbol

Arena has a commander icon featured in game play and deck construction

image

image

would be useful to have this in the mana font

Inaccuracy in documentation (trivial).

The documentation for "Half Mana Casting Costs" says:

Even though there's only been one of these ever printed you can still create them :P

However, two cards have half mana symbols: Little Girl (linked in the documentation), and Mons's Goblin Waiters, which has an ability that adds {HR}.

Sass support

Hello,

any news/deadline/roadmap for the sass support for this lib ? (like for the keyrune lib)

If needed, I can do it and create a PR.

Thanks in advance!

Phyrexian mana symbols have issues with css columns

If used on a webpage divided into columns, the phyrexian mana symbols will sometimes stop rendering properly. To replicate this, download the zip file and add

<style>
	body {
		column-count: 2;
	}
</style>

to the head. If the page is wide enough they will render correctly, but as you shrink the width of the page, the black symbol will disappear from the phyrexian mana symbols only. (The colored background circle will remain.) You can also increase the number of columns in lieu of shrinking the page.

Create a Transform card icon

Hello,

First I would like to thank you for such awesome project, now, I want to make a request for a flip icon, for cards with this action, such as:

  • Werewolves (Ex: Huntmaster of the fells)
  • Artifacts and lands that flips (Example: Primal amulet, Growing Rites of Itlimoc).
  • And many other cards that flips.

Saga Chapter Icons

Like planeswalker loyalty abilities, saga chapter abilities are denoted by special icons. Chapter icons could be implemented in much the same way as loyalty cost icons.

Leveler arrows could perhaps be implemented as well.

Issues with small font sizes

When the font size is very low, the black portion of the symbol seems to scale down slightly too slowly (and is therefore too big) compared to the colored circle background.

Screen Shot 2020-03-20 at 12 14 41 AM

A step below

It seems that each and every symbol is set a few pixels below the surrounding text.
Is it the way you wanted it to be or is there something to do to align it ?
(I compared to font awesome behaviour which is aligned.)

Variables overiding if used keyrune in same project

If I use https://github.com/andrewgioia/keyrune and https://github.com/andrewgioia/Mana in the same project the variables are overiding each other.

A prefix could be helpfull here eg:
Instead of

@font-path: '../fonts';
@version: '0.1';
@font-size-base: 14px;
@prefix: ms;
@serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';

do

@ms-font-path: '../fonts';
@ms-version: '0.1';
@ms-font-size-base: 14px;
@ms-prefix: ms;
@ms-serif-font: 'MPlantin, Garamond, Palatino, 'Times New Roman', Times, serif';

MTGArena "Rarity" Lotus Icon

In MTGArena there's a symbol used to represent rarity of cards, and this would be useful as a generic icon for other apps to represent rarity. It comes in a variety of colors that are supposed to represent rarity, but do not really match up with the colors used everywhere else - this ticket is not about that. It would be good to simply have the lotus shape with the standard keyrune colors, example is below, thank you!
lotusSnip

Add editing instructions

I'm trying to create a fork of this project for the purposes of adding support for a custom Magic set to Lore Seeker which introduces a new mana symbol. However, I haven't worked with SVG fonts yet and am at a complete loss about where to start. Having instructions (or a link to instructions) in the readme would be very useful!

Mana and Keyrunes

Hey, just a simple question. Did you ever think about combining these two fonts. Or are they too different?

Documentation: Add NPM Install Instructions

I kinda feel dumb for not thinking to check the NPM registry first (I originally found this project through a random website), but at first I thought in order to add this to my project I needed to download it directly from github in NPM.

To reduce confusion for other newcomers, I suggest adding a short blurb on installing via NPM in the project readme. This of course also applies to Keyrune.

Wrong classes in documentation examples

Hi,

This issue is not in the code itself but in the documentation.

The size and fixed width classes in the https://andrewgioia.github.io/Mana/attributes.html examples are written as ss-* instead of ms-*.

In the case of the size examples, the ms-* text is there but only outside the HTML code of each example.

The classes in the descriptions above the examples are correct.

Thanks for your excellent fonts!

[Ability] Party

Zendikar Rising introduces a new symbol in Arena for the Party ability

Add color indicators

Colored dot symbols to display a card's color indicator would be a useful addition. Here's a list of all existing color indicators and a card that uses it:

White: Gideon, Battle-Forged
Blue: Bearer of Overwhelming Truths
Black: Archdemon of Greed
Red: Avacyn, the Purifier
Green: Ancient of the Equinox
Red, Green: Arlinn, Embraced by the Moon
Black, Green: Garruk, the Veil-Cursed
Blue, Black, Red: Nicol Bolas, the Arisen
Red, Green, White: Grimlock, Ferocious King
White, Blue, Black, Red, Green: Transguild Courier

A slight hiccup is that Transguild Courier has never been physically printed with its color indicator, so you'd have to mock one up based on the existing patterns.

Add SVGs

Any chance you'd add the SVGs like you did for Keyrune?

Thank you!

MTGArena "Companion" Pawprint Icon

In MTGArena there is an icon that is used specifically to identify companions. This icon would be useful for other applications that wish to denote companions. I'm unsure if it appears in any other colors. Below is a low res snapshot of the icon. The icon is just the pawprint, none of the surrounding border.
CompanionSnip

Additional Watermarks

Unique card watermarks

There are a number of card watermarks that are unique to various sets or themes. Currently I plan to add all of these that are not just the set symbol. The following is a "complete" current list, pulled from MTGJSON's watermarks property, and based originally on @Thom1729's excellent initial issue from many years ago (full content below).

  • abzan - available already
  • agentsofsneak
  • arena
  • atarka - available already
  • azorius - available already
  • boros - available already
  • brokers
  • cabaretti
  • colorpie
  • conspiracy - stamp is very textured, will be tough to create
  • corocoro
  • crossbreedlabs
  • d&d
  • dci
  • dengekimaoh
  • desparked
  • dimir - available already
  • dromoka - available already
  • flavor (Aesthetic Consultation) - artist pen available in mana already
  • flavor (Farewell to Arms)
  • #115
  • flavor (Monkey Monkey Monkey) - drawn
  • flavor (Mox Lotus)
  • flavor (My First Tome) - drawn
  • flavor (Shoe Tree)
  • flavor (When Fluffy Bunnies Attack)
  • fnm
  • foretell - available as an ability symbol
  • goblinexplosioneers
  • golgari - available already
  • grandprix (original)
  • grandprix (new)
  • gruul - available already
  • herospath - 1
  • herospath - 2
  • herospath - 3
  • herospath - 4
  • herospath - 5
  • herospath - 6
  • herospath - 7
  • herospath - 8
  • herospath - 9
  • herospath - special
  • izzet - available already
  • japanjunior
  • jeskai - available already
  • judgeacademy
  • junior
  • juniorapac
  • junioreurope
  • kolaghan - available already
  • leagueofdastardlydoom
  • lorehold - available already
  • maestros
  • mardu - available already
  • mirran
  • cutiemark (apples)
  • cutiemark (balloons)
  • cutiemark (butterflies)
  • cutiemark (gems)
  • cutiemark (rainbow)
  • cutiemark (sparkle)
  • cutiemark (waningmoon) (Nightmare Moon, front)
  • cutiemark (waxingmoon) (Princess Luna, back)
  • mps - should be in keyrune
  • mtg
  • mtg10
  • mtg15
  • nerf
  • obscura
  • ojutai - available already
  • orderofthewidget
  • orzhov - available already
  • phyrexian - available as phryexian mana symbol
  • planeswalker - available as card type
  • prismari - available already
  • protour
  • quandrix - available already
  • rakdos - available already
  • riveteers
  • scholarship
  • selesnya - available already
  • silumgar - available already
  • silverquill - available already
  • simic - available already
  • sultai - available already
  • temur - available already
  • transformers
  • #114
  • witherbloom - available already
  • wotc
  • wpn

This list excludes all set symbols, which are contained in Keyrune more properly.

Excluded

The following watermarks will not be included in Mana as of now, since they're just existing set symbols that certain cards use for various reasons. I'm keeping these separate in Keyrune for now but this is absolutely up for feedback.

  • Scars block has the Mirrodin Pure and Phyrexian symbols. Mirrodin Pure is excluded here.
  • Wizards of the Coast default shooting star for promos, since this is used as a set symbol. Perhaps this should exist here too though considering how common it is.

Original ticket submitted by @Thom1729:

A number of card watermarks are not implemented.

The majority of these exist only on a handful of promotional cards. The Unstable watermarks, however, are gameplay-relevant, and they appear on Contraptions in icon form.

Scars Block

  • Mirran
  • Phyrexian

Unstable

  • Agents of S.N.E.A.K.
  • Crossbreed Labs
  • Goblin Explosioneers
  • Legion of Dastardly Doom
  • Order of the Widget

Promotional

  • Arena
  • Color Pie (buy-a-box)
  • D&D (Hascon)
  • DCI
  • FNM
  • Grand Prix (lands)
  • Grand Prix (nonlands)
  • Junior Series
  • Magic: The Gathering (URL/convention promos)
  • Magic 10th Anniversary
  • Magic 15th Anniversary
  • Magic Scholarship Series
  • Nerf (Hascon)
  • Pro Tour
  • Super Series
  • Super Series (APAC)
  • Transformers (Hascon)
  • Wizards Play Network
  • Wizards of the Coast comet thing

Other

  • Planeswalker (Story Spotlight)
  • Set Symbol
  • Some Unhinged cards have unique watermarks.

Enhancement: Guild/Wedge Watermark Symbols (Ravinica, Tarkir)

Would it be possible to add watermark symbols to this set? I'm not sure whether this request would be better suited for Mana or Keyrune.

Basically what I'm looking for is the addition of the Guild/Wedge symbols from the Ravnica and Tarkir blocks (sadly Alara didn't have Shard symbols, but hopefully they'll come back and add them!).

I rounded up links to the various PNG files I could find for each. Vectors might exist somewhere, but they didn't come up on the first try.

Ravnica Guilds (Newest symbols):

Tarkir Clans:

Tarkir Dragon Watermarks:

Thanks for putting this all together! It's been of tremendous help in my project!

[DFC] Land MDFC symbol

I know this is exactly as the land symbol but this time the circle is black and the land is white. Moreover the circle has some gradient. I am talking about the land icon symbol on transform cards from XLN set.

We have all the icons for transform cards except this, it would be nice to have it as well.

Energy icon?

Do you create the fonts yourself? If so, can I plead for an energy icon?

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.