andrew/mana
andrew
/
mana
mirror of https://github.com/andrewgioia/mana.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Adds the NEO saga DFCs (#98), the combat condition symbol in Arena (#100), the outlined loyalty symbol in card text (#101), and fixes line heights on planeswalker loyalties (#96)

This commit is contained in:
Andrew Gioia 2023-03-11 10:26:12 -05:00
parent 7a86b2ce31
commit e3497eb3f2
No known key found for this signature in database
GPG Key ID: FC09694A000800C8
13 changed files with 99 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
CHANGELOG.md
View File

@ -10,9 +10,12 @@ All notable changes to this project will be documented in this file.
## Versions ## Versions
### [1.16.0] 2023-XX-YY ### [1.16.0] 2023-03-11
* TBD * **Added:** DFC symbols for Saga and the flip side, Saga creatures, from NEO ([#98](https://github.com/andrewgioia/mana/issues/98))
* **Added:** New outlined version of the loyalty symbol that shows up on certain Unfinity cards ([#97](https://github.com/andrewgioia/mana/issues/97))
* **Added:** The "can't block or must attack" symbol in Arena, labeled "combat condition" here as an ability symbol ([#100](https://github.com/andrewgioia/mana/issues/100))
* **Fixed:** Loyalty line heights have been corrected cross browser ([#96](https://github.com/andrewgioia/mana/issues/96))
### [1.15.4] 2023-03-08 PRs 81 and 82 ### [1.15.4] 2023-03-08 PRs 81 and 82

9
css/mana.css
View File

@ -302,6 +302,12 @@
.ms-dfc-night::before { .ms-dfc-night::before {
content: "\e905"; content: "\e905";
} }
.ms-dfc-saga::before {
content: "\e9cf";
}
.ms-dfc-saga-creature::before {
content: "\e9d0";
}
.ms-dfc-spark::before { .ms-dfc-spark::before {
content: "\e909"; content: "\e909";
} }
@ -545,6 +551,9 @@
.ms-ability-cleave::before { .ms-ability-cleave::before {
content: "\e9ad"; content: "\e9ad";
} }
.ms-ability-combat-condition::before {
content: "\e9ce";
}
.ms-ability-companion::before { .ms-ability-companion::before {
content: "\e97b"; content: "\e97b";
} }

2
css/mana.css.map
View File

File diff suppressed because one or more lines are too long

2
css/mana.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/mana.min.css.map
View File

File diff suppressed because one or more lines are too long

BIN
fonts/mana.eot
View File

Binary file not shown.

25
fonts/mana.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 835 KiB

After

Width:  |  Height:  |  Size: 839 KiB

BIN
fonts/mana.ttf
View File

Binary file not shown.

BIN
fonts/mana.woff
View File

Binary file not shown.

BIN
fonts/mana.woff2
View File

Binary file not shown.

120
index.html
View File

@ -37,10 +37,11 @@
p { p {
margin: 10px 0 20px; margin: 10px 0 20px;
} }
p.grid { .grid {
display:flex; display:flex;
flex-wrap:wrap; flex-wrap:wrap;
gap: 0.5rem; gap: 0.5rem;
align-items: center;
} }
footer { footer {
border-top: 1px solid #eee; border-top: 1px solid #eee;
@ -242,7 +243,7 @@
<i class="ms ms-ci ms-ci-5"></i> <i class="ms ms-ci ms-ci-5"></i>
</p> </p>
<h3>Loyalty symbols</h3> <h3>Loyalty symbols</h3>
<p> <div class="grid">
<i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i> <i class="ms ms-loyalty-up ms-loyalty-3 ms-3x"></i>
<i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i> <i class="ms ms-loyalty-down ms-loyalty-x ms-3x"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i> <i class="ms ms-loyalty-zero ms-loyalty-0 ms-3x"></i>
@ -251,15 +252,15 @@
<i class="ms ms-loyalty-down ms-loyalty-1 ms-loyalty-outline"></i> <i class="ms ms-loyalty-down ms-loyalty-1 ms-loyalty-outline"></i>
<i class="ms ms-loyalty-zero ms-loyalty-0 ms-loyalty-outline"></i> <i class="ms ms-loyalty-zero ms-loyalty-0 ms-loyalty-outline"></i>
<i class="ms ms-loyalty-start ms-loyalty-5 ms-loyalty-outline"></i> <i class="ms ms-loyalty-start ms-loyalty-5 ms-loyalty-outline"></i>
</p> </div>
<p class="grid"> <div class="grid">
<i class="ms ms-saga ms-saga-1 ms-2x"></i> <i class="ms ms-saga ms-saga-1 ms-2x"></i>
<i class="ms ms-saga ms-saga-2 ms-2x"></i> <i class="ms ms-saga ms-saga-2 ms-2x"></i>
<i class="ms ms-saga ms-saga-3 ms-2x"></i> <i class="ms ms-saga ms-saga-3 ms-2x"></i>
<i class="ms ms-saga ms-saga-4 ms-2x"></i> <i class="ms ms-saga ms-saga-4 ms-2x"></i>
&nbsp;&nbsp; &nbsp;&nbsp;
<i class="ms ms-level ms-3x"><span>1-2</span></i> <i class="ms ms-level ms-3x"><span>1-2</span></i>
</p> </div>
</div> </div>
<div class="right"> <div class="right">
<h3>Arena Ability Symbols</h3> <h3>Arena Ability Symbols</h3>
@ -281,6 +282,7 @@
<i class="ms ms-ability-changeling ms-2x ms-fw" title="Changeling"></i> <i class="ms ms-ability-changeling ms-2x ms-fw" title="Changeling"></i>
<i class="ms ms-ability-channel ms-2x ms-fw" title="Channel"></i> <i class="ms ms-ability-channel ms-2x ms-fw" title="Channel"></i>
<i class="ms ms-ability-cleave ms-2x ms-fw" title="Cleave"></i> <i class="ms ms-ability-cleave ms-2x ms-fw" title="Cleave"></i>
<i class="ms ms-ability-combat-condition ms-2x ms-fw" title="Combat Condition"></i>
<i class="ms ms-ability-companion ms-2x ms-fw" title="Companion"></i> <i class="ms ms-ability-companion ms-2x ms-fw" title="Companion"></i>
<i class="ms ms-ability-constellation ms-2x ms-fw" title="Constellation"></i> <i class="ms ms-ability-constellation ms-2x ms-fw" title="Constellation"></i>
<i class="ms ms-ability-convoke ms-2x ms-fw" title="Convoke"></i> <i class="ms ms-ability-convoke ms-2x ms-fw" title="Convoke"></i>
@ -366,34 +368,34 @@
</p> </p>
<h3>Magic Online Counters</h3> <h3>Magic Online Counters</h3>
<p class="grid"> <p class="grid">
<i class="ms ms-counter-arrow ms-2x ms-fw"></i> <i class="ms ms-counter-arrow ms-2x ms-fw" title="Arrow"></i>
<i class="ms ms-counter-brick ms-2x ms-fw"></i> <i class="ms ms-counter-brick ms-2x ms-fw" title="Brick"></i>
<i class="ms ms-counter-charge ms-2x ms-fw"></i> <i class="ms ms-counter-charge ms-2x ms-fw" title="Charge"></i>
<i class="ms ms-counter-devotion ms-2x ms-fw"></i> <i class="ms ms-counter-devotion ms-2x ms-fw" title="Devotion"></i>
<i class="ms ms-counter-doom ms-2x ms-fw"></i> <i class="ms ms-counter-doom ms-2x ms-fw" title="Doom"></i>
<i class="ms ms-counter-echo ms-2x ms-fw"></i> <i class="ms ms-counter-echo ms-2x ms-fw" title="Echo"></i>
<i class="ms ms-counter-flame ms-2x ms-fw"></i> <i class="ms ms-counter-flame ms-2x ms-fw" title="Flame"></i>
<i class="ms ms-counter-flood ms-2x ms-fw"></i> <i class="ms ms-counter-flood ms-2x ms-fw" title="Flood"></i>
<i class="ms ms-counter-fungus ms-2x ms-fw"></i> <i class="ms ms-counter-fungus ms-2x ms-fw" title="Fungus"></i>
<i class="ms ms-counter-gold ms-2x ms-fw"></i> <i class="ms ms-counter-gold ms-2x ms-fw" title="Gold"></i>
<i class="ms ms-counter-ki ms-2x ms-fw"></i> <i class="ms ms-counter-ki ms-2x ms-fw" title="Ki"></i>
<i class="ms ms-counter-lore ms-2x ms-fw"></i> <i class="ms ms-counter-lore ms-2x ms-fw" title="Lore"></i>
<i class="ms ms-counter-loyalty ms-2x ms-fw"></i> <i class="ms ms-counter-loyalty ms-2x ms-fw" title="Loyalty"></i>
<i class="ms ms-counter-mining ms-2x ms-fw"></i> <i class="ms ms-counter-mining ms-2x ms-fw" title="Mining"></i>
<i class="ms ms-counter-minus ms-2x ms-fw"></i> <i class="ms ms-counter-minus ms-2x ms-fw" title="Minus"></i>
<i class="ms ms-counter-minus-uneven ms-2x ms-fw"></i> <i class="ms ms-counter-minus-uneven ms-2x ms-fw" title="Minus Uneven"></i>
<i class="ms ms-counter-muster ms-2x ms-fw"></i> <i class="ms ms-counter-muster ms-2x ms-fw" title="Muster"></i>
<i class="ms ms-counter-paw ms-2x ms-fw"></i> <i class="ms ms-counter-paw ms-2x ms-fw" title="Paw"></i>
<i class="ms ms-counter-pin ms-2x ms-fw"></i> <i class="ms ms-counter-pin ms-2x ms-fw" title="Pin"></i>
<i class="ms ms-counter-plus ms-2x ms-fw"></i> <i class="ms ms-counter-plus ms-2x ms-fw" title="Plus"></i>
<i class="ms ms-counter-plus-uneven ms-2x ms-fw"></i> <i class="ms ms-counter-plus-uneven ms-2x ms-fw" title="Plus Uneven"></i>
<i class="ms ms-counter-scream ms-2x ms-fw"></i> <i class="ms ms-counter-scream ms-2x ms-fw" title="Scream"></i>
<i class="ms ms-counter-skeleton ms-2x ms-fw"></i> <i class="ms ms-counter-skeleton ms-2x ms-fw" title="Skeleton"></i>
<i class="ms ms-counter-skull ms-2x ms-fw"></i> <i class="ms ms-counter-skull ms-2x ms-fw" title="Skull"></i>
<i class="ms ms-counter-slime ms-2x ms-fw"></i> <i class="ms ms-counter-slime ms-2x ms-fw" title="Slime"></i>
<i class="ms ms-counter-time ms-2x ms-fw"></i> <i class="ms ms-counter-time ms-2x ms-fw" title="Time"></i>
<i class="ms ms-counter-verse ms-2x ms-fw"></i> <i class="ms ms-counter-verse ms-2x ms-fw" title="Verse"></i>
<i class="ms ms-counter-vortex ms-2x ms-fw"></i> <i class="ms ms-counter-vortex ms-2x ms-fw" title="Vortex"></i>
</p> </p>
<h3>Card type and game zone symbols</h3> <h3>Card type and game zone symbols</h3>
<p class="grid"> <p class="grid">
@ -432,8 +434,10 @@
<i class="ms ms-dfc ms-dfc-moon ms-2x ms-fw"></i> <i class="ms ms-dfc ms-dfc-moon ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-emrakul ms-2x ms-fw"></i> <i class="ms ms-dfc ms-dfc-emrakul ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-enchantment ms-2x ms-fw"></i> <i class="ms ms-dfc ms-dfc-enchantment ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-land ms-2x ms-fw"></i> <i class="ms ms-dfc ms-dfc-land ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-lesson ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-saga ms-2x ms-fw"></i>
<i class="ms ms-dfc ms-dfc-saga-creature ms-2x ms-fw"></i>
&nbsp;&nbsp; &nbsp;&nbsp;
<i class="ms ms-dfc-modal-face ms-2x ms-fw"></i> <i class="ms ms-dfc-modal-face ms-2x ms-fw"></i>
<i class="ms ms-dfc-modal-back ms-2x ms-fw"></i> <i class="ms ms-dfc-modal-back ms-2x ms-fw"></i>
@ -453,40 +457,40 @@
</p> </p>
<h3>Clan Symbols</h3> <h3>Clan Symbols</h3>
<p class="grid"> <p class="grid">
<i class="ms ms-clan-abzan ms-2x ms-fw"></i> <i class="ms ms-clan-abzan ms-2x ms-fw" title="Abzan"></i>
<i class="ms ms-clan-jeskai ms-2x ms-fw"></i> <i class="ms ms-clan-jeskai ms-2x ms-fw" title="Jeskai"></i>
<i class="ms ms-clan-mardu ms-2x ms-fw"></i> <i class="ms ms-clan-mardu ms-2x ms-fw" title="Mardu"></i>
<i class="ms ms-clan-sultai ms-2x ms-fw"></i> <i class="ms ms-clan-sultai ms-2x ms-fw" title="Sultai"></i>
<i class="ms ms-clan-temur ms-2x ms-fw"></i> <i class="ms ms-clan-temur ms-2x ms-fw" title="Temur"></i>
&nbsp;&nbsp; &nbsp;&nbsp;
<i class="ms ms-clan-atarka ms-2x ms-fw"></i> <i class="ms ms-clan-atarka ms-2x ms-fw" title="Atarka"></i>
<i class="ms ms-clan-dromoka ms-2x ms-fw"></i> <i class="ms ms-clan-dromoka ms-2x ms-fw" title="Dromoka"></i>
<i class="ms ms-clan-kolaghan ms-2x ms-fw"></i> <i class="ms ms-clan-kolaghan ms-2x ms-fw" title="Kologhan"></i>
<i class="ms ms-clan-ojutai ms-2x ms-fw"></i> <i class="ms ms-clan-ojutai ms-2x ms-fw" title="Ojutai"></i>
<i class="ms ms-clan-silumgar ms-2x ms-fw"></i> <i class="ms ms-clan-silumgar ms-2x ms-fw" title="Silumgar"></i>
</p> </p>
<h3>Strixhaven School Symbols</h3> <h3>Strixhaven School Symbols</h3>
<p class="grid"> <p class="grid">
<i class="ms ms-school-lorehold ms-2x ms-fw"></i> <i class="ms ms-school-lorehold ms-2x ms-fw" title="Lorehold"></i>
<i class="ms ms-school-lorehold ms-duo ms-duo-color ms-2x ms-fw"></i> <i class="ms ms-school-lorehold ms-duo ms-duo-color ms-2x ms-fw" title="Lorehold (Duo)"></i>
&nbsp; &nbsp;
<i class="ms ms-school-prismari ms-2x ms-fw"></i> <i class="ms ms-school-prismari ms-2x ms-fw" title="Prismari"></i>
<i class="ms ms-school-prismari ms-duo ms-duo-color ms-2x ms-fw"></i> <i class="ms ms-school-prismari ms-duo ms-duo-color ms-2x ms-fw" title="Prismari (Duo)"></i>
&nbsp; &nbsp;
<i class="ms ms-school-quandrix ms-2x ms-fw"></i> <i class="ms ms-school-quandrix ms-2x ms-fw" title="Quandrix"></i>
<i class="ms ms-school-quandrix ms-duo ms-duo-color ms-2x ms-fw"></i> <i class="ms ms-school-quandrix ms-duo ms-duo-color ms-2x ms-fw" title="Quandrix (Duo)"></i>
&nbsp; &nbsp;
<i class="ms ms-school-silverquill ms-2x ms-fw"></i> <i class="ms ms-school-silverquill ms-2x ms-fw" title="Silverquill"></i>
<i class="ms ms-school-silverquill ms-duo ms-duo-color ms-2x ms-fw"></i> <i class="ms ms-school-silverquill ms-duo ms-duo-color ms-2x ms-fw" title="Silverquill (Duo)"></i>
&nbsp; &nbsp;
<i class="ms ms-school-witherbloom ms-2x ms-fw"></i> <i class="ms ms-school-witherbloom ms-2x ms-fw" title="Witherbloom"></i>
<i class="ms ms-school-witherbloom ms-duo ms-duo-color ms-2x ms-fw"></i> <i class="ms ms-school-witherbloom ms-duo ms-duo-color ms-2x ms-fw" title="Witherbloom (Duo)"></i>
</p> </p>
<h3>Poleis Symbols</h3> <h3>Poleis Symbols</h3>
<p> <p class="grid">
<i class="ms ms-polis-setessa ms-2x ms-fw"></i> <i class="ms ms-polis-setessa ms-2x ms-fw" title="Setessa"></i>
<i class="ms ms-polis-akros ms-2x ms-fw"></i> <i class="ms ms-polis-akros ms-2x ms-fw" title="Akros"></i>
<i class="ms ms-polis-meletis ms-2x ms-fw"></i> <i class="ms ms-polis-meletis ms-2x ms-fw" title="Meletis"></i>
</p> </p>
</div> </div>
<div style="clear: both;"></div> <div style="clear: both;"></div>

3
less/icons.less
View File

@ -168,6 +168,8 @@
&-modal-face::before { content: "\e983"; } &-modal-face::before { content: "\e983"; }
&-moon::before { content: "\e90b"; } &-moon::before { content: "\e90b"; }
&-night::before { content: "\e905"; } &-night::before { content: "\e905"; }
&-saga::before { content: "\e9cf"; }
&-saga-creature::before { content: "\e9d0"; }
&-spark::before { content: "\e909"; } &-spark::before { content: "\e909"; }
} }
@ -274,6 +276,7 @@
&-changeling::before { content: "\e9a6"; } &-changeling::before { content: "\e9a6"; }
&-channel::before { content: "\e9b1"; } &-channel::before { content: "\e9b1"; }
&-cleave::before { content: "\e9ad"; } &-cleave::before { content: "\e9ad"; }
&-combat-condition::before { content: "\e9ce"; }
&-companion::before { content: "\e97b"; } &-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; } &-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; } &-convoke::before { content: "\e949"; }

3
sass/_icons.scss
View File

@ -169,6 +169,8 @@
&-modal-face::before { content: "\e983"; } &-modal-face::before { content: "\e983"; }
&-moon::before { content: "\e90b"; } &-moon::before { content: "\e90b"; }
&-night::before { content: "\e905"; } &-night::before { content: "\e905"; }
&-saga::before { content: "\e9cf"; }
&-saga-creature::before { content: "\e9d0"; }
&-spark::before { content: "\e909"; } &-spark::before { content: "\e909"; }
} }
@ -275,6 +277,7 @@
&-changeling::before { content: "\e9a6"; } &-changeling::before { content: "\e9a6"; }
&-channel::before { content: "\e9b1"; } &-channel::before { content: "\e9b1"; }
&-cleave::before { content: "\e9ad"; } &-cleave::before { content: "\e9ad"; }
&-combat-condition::before { content: "\e9ce"; }
&-companion::before { content: "\e97b"; } &-companion::before { content: "\e97b"; }
&-constellation::before { content: "\e97c"; } &-constellation::before { content: "\e97c"; }
&-convoke::before { content: "\e949"; } &-convoke::before { content: "\e949"; }