|
|
Line 11: |
Line 11: |
| <div style="width: 2em; height: 1.5em; background-color: black; color: lawngreen; text-align: center;"> | | <div style="width: 2em; height: 1.5em; background-color: black; color: lawngreen; text-align: center;"> |
| <div style="font-size: 150%; margin-top: -.45em;">☺</div> | | <div style="font-size: 150%; margin-top: -.45em;">☺</div> |
| </div>
| |
| <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;">
| |
| <div style="position: absolute; top: 0; left: 0; width: {{{friend|0}}}%; height: 1.5em; background-color: lawngreen;"></div>
| |
| <div style="position: absolute; top: 0; right: 0; width: {{{enemy|0}}}%; height: 1.5em; background-color: red; opacity: .8;"></div>
| |
| </div>
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: red; text-align: center;">☹</div>
| |
| </div>
| |
|
| |
| <div style="width: calc(100%-.2em); height: 1.5em; text-align: center; display: flex; border: .2em solid black;">
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: dodgerblue; text-align: center;">♚</div>
| |
| <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;">
| |
| <div style="position: absolute; top: 0; right: 0; width: {{{sub|0}}}%; height: 1.5em; background-color: mediumpurple;"></div>
| |
| <div style="position: absolute; top: 0; left: 0; width: {{{dom|0}}}%; height: 1.5em; background-color: dodgerblue; opacity: .8;"></div>
| |
| </div>
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: mediumpurple; text-align: center;">♟</div>
| |
| </div>
| |
|
| |
| <div style="width: calc(100%-.2em); height: 1.5em; text-align: center; display: flex; border: .2em solid black;">
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: silver; text-align: center;">✋</div>
| |
| <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;">
| |
| <div style="position: absolute; top: 0; left: 0; width: {{{trust|0}}}%; height: 1.5em; background-color: silver;"></div>
| |
| <div style="position: absolute; top: 0; right: 0; width: {{{fear|0}}}%; height: 1.5em; background-color: yellow; opacity: .8;"></div>
| |
| </div>
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: yellow; text-align: center;">✊</div>
| |
| </div>
| |
|
| |
| <div style="width: calc(100%-.2em); height: 1.5em; text-align: center; display: flex; border: .2em solid black;">
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: white; text-align: center;">❤</div>
| |
| <div style="position: relative; flex: 1 1; height: 1.5em; background-color: dimgray;">
| |
| <div style="position: absolute; top: 0; left: 0; width: {{{fam|0}}}%; height: 1.5em; background-color: white;"></div>
| |
| <div style="position: absolute; top: 0; right: 0; width: {{{love|0}}}%; height: 1.5em; background-color: hotpink; opacity: .8;"></div>
| |
| </div>
| |
| <div style="width: 2em; height: 1.5em; background-color: black; color: hotpink; text-align: center;">❤</div>
| |
| </div> | | </div> |
|
| |
|