update landing with the new json format

This commit is contained in:
Mgldvd 2023-02-26 00:26:11 -05:00
parent d04b073f75
commit b188c20d64
2 changed files with 49 additions and 49 deletions

File diff suppressed because one or more lines are too long

View File

@ -167,80 +167,80 @@
</div>
<div class="body" :style="'background-color: ' + theme.background">
<div class="body__bar body__bar--top">
<span :style="'background-color: ' + theme.black"></span>
<span :style="'background-color: ' + theme.red"></span>
<span :style="'background-color: ' + theme.green"></span>
<span :style="'background-color: ' + theme.yellow"></span>
<span :style="'background-color: ' + theme.blue"></span>
<span :style="'background-color: ' + theme.purple"></span>
<span :style="'background-color: ' + theme.cyan"></span>
<span :style="'background-color: ' + theme.white"></span>
<span :style="'background-color: ' + theme.color_01"></span>
<span :style="'background-color: ' + theme.color_02"></span>
<span :style="'background-color: ' + theme.color_03"></span>
<span :style="'background-color: ' + theme.color_04"></span>
<span :style="'background-color: ' + theme.color_05"></span>
<span :style="'background-color: ' + theme.color_06"></span>
<span :style="'background-color: ' + theme.color_07"></span>
<span :style="'background-color: ' + theme.color_08"></span>
</div>
<div class="body__bar body__bar--bottom">
<span :style="'background-color: ' + theme.brightBlack"></span>
<span :style="'background-color: ' + theme.brightRed"></span>
<span :style="'background-color: ' + theme.brightGreen"></span>
<span :style="'background-color: ' + theme.brightYellow"></span>
<span :style="'background-color: ' + theme.brightBlue"></span>
<span :style="'background-color: ' + theme.brightPurple"></span>
<span :style="'background-color: ' + theme.brightCyan"></span>
<span :style="'background-color: ' + theme.brightWhite"></span>
<span :style="'background-color: ' + theme.color_09"></span>
<span :style="'background-color: ' + theme.color_10"></span>
<span :style="'background-color: ' + theme.color_11"></span>
<span :style="'background-color: ' + theme.color_12"></span>
<span :style="'background-color: ' + theme.color_13"></span>
<span :style="'background-color: ' + theme.color_14"></span>
<span :style="'background-color: ' + theme.color_15"></span>
<span :style="'background-color: ' + theme.color_16"></span>
</div>
<div class="row">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-6">
<div class="body__txt">
<p :style="'color: ' + theme.black">
<span> AaBbMmYyZz - {{ theme.black.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_01">
<span> AaBbMmYyZz - {{ theme.color_01 }}</span>
</p>
<p :style="'color: ' + theme.red">
<span> AaBbMmYyZz - {{ theme.red.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_02">
<span> AaBbMmYyZz - {{ theme.color_02 }}</span>
</p>
<p :style="'color: ' + theme.green">
<span> AaBbMmYyZz - {{ theme.green.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_03">
<span> AaBbMmYyZz - {{ theme.color_03 }}</span>
</p>
<p :style="'color: ' + theme.yellow">
<span> AaBbMmYyZz - {{ theme.yellow.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_04">
<span> AaBbMmYyZz - {{ theme.color_04 }}</span>
</p>
<p :style="'color: ' + theme.blue">
<span> AaBbMmYyZz - {{ theme.blue.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_05">
<span> AaBbMmYyZz - {{ theme.color_05 }}</span>
</p>
<p :style="'color: ' + theme.purple">
<span> AaBbMmYyZz - {{ theme.purple.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_06">
<span> AaBbMmYyZz - {{ theme.color_06 }}</span>
</p>
<p :style="'color: ' + theme.cyan">
<span> AaBbMmYyZz - {{ theme.cyan.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_07">
<span> AaBbMmYyZz - {{ theme.color_07 }}</span>
</p>
<p :style="'color: ' + theme.white">
<span> AaBbMmYyZz - {{ theme.white.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_08">
<span> AaBbMmYyZz - {{ theme.color_08 }}</span>
</p>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-6">
<div class="body__txt">
<p :style="'color: ' + theme.brightBlack">
<span> AaBbMmYyZz - {{ theme.brightBlack.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_09">
<span> AaBbMmYyZz - {{ theme.color_09 }}</span>
</p>
<p :style="'color: ' + theme.brightRed">
<span> AaBbMmYyZz - {{ theme.brightRed.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_10">
<span> AaBbMmYyZz - {{ theme.color_10 }}</span>
</p>
<p :style="'color: ' + theme.brightGreen">
<span> AaBbMmYyZz - {{ theme.brightGreen.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_11">
<span> AaBbMmYyZz - {{ theme.color_11 }}</span>
</p>
<p :style="'color: ' + theme.brightYellow">
<span> AaBbMmYyZz - {{ theme.brightYellow.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_12">
<span> AaBbMmYyZz - {{ theme.color_12 }}</span>
</p>
<p :style="'color: ' + theme.brightBlue">
<span> AaBbMmYyZz - {{ theme.brightBlue.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_13">
<span> AaBbMmYyZz - {{ theme.color_13 }}</span>
</p>
<p :style="'color: ' + theme.brightPurple">
<span> AaBbMmYyZz - {{ theme.brightPurple.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_14">
<span> AaBbMmYyZz - {{ theme.color_14 }}</span>
</p>
<p :style="'color: ' + theme.brightCyan">
<span> AaBbMmYyZz - {{ theme.brightCyan.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_15">
<span> AaBbMmYyZz - {{ theme.color_15 }}</span>
</p>
<p :style="'color: ' + theme.brightWhite">
<span> AaBbMmYyZz - {{ theme.brightWhite.toUpperCase() }}</span>
<p :style="'color: ' + theme.color_16">
<span> AaBbMmYyZz - {{ theme.color_16 }}</span>
</p>
</div>
</div>