SPWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Ribbons ======
Ribbons are your goals to 100% completion. There are three sets of ribbons, one of which is for general gameplay while the other two sets are related to [[game:clickbait:collector|clicker]] and [[game:clickbait:upgrades|upgrade]] types.

  * Basic/Blue -> general ribbons collected through the use of the [[game:clickbait:collector|Coin Collector]] and upgrades
  * Green -> ribbons collected through the purchase of [[game:clickbait:upgrades#green|Green]] upgrades
  * Yellow -> ribbons collected through the purchase of [[game:clickbait:upgrades#yellow|Yellow]] upgrades

**//The opaque ribbons are planned to be "hidden" or "secret" ribbons, to make game completion a little more trickier. Secret ribbons will be listed as __[?]__ on the in-game Ribbons menu while they are incomplete, but they will always be available to see here on the wiki.//**
===== Basic =====
<html><span style="font-weight:bold;color:white;background-color:blue;border:solid 2px darkblue;border-radius:5px;padding:3px;">Basic</span> ribbons are unlocked through general gameplay and are mostly related to your currency clicker, but can also be determined by which upgrades you have.</html>

**//A more detailed description of how upgrades can affect unlocking ribbons will be available later.//**

<html>
<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Let's Begin</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Click the button for the first time.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;opacity:50%;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">20/20 Vision</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have both currency collectors at 20, at the same time.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;opacity:50%;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Clicky Clicky</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have 1000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Currency Clicker</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have 5000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">2</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Idle Cicker</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have 100,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">2</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Skimmed Mil</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have 500,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">3</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">One in a Million</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Have 1,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">3</span></td>
</tr>
</table>
</div>



<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">???</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 2000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>



<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">???</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 5000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">2</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">???</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 10,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">2</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">???</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 50,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">3</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Hundred Million</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 100,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">4</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Half Billion</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 500,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">4</span></td>
</tr>
</table>
</div>



<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Hundred Billion</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 100,000,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">4</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Half Trillion</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 500,000,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">5</span></td>
</tr>
</table>
</div>


<div style="margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Thrills For Trils</div>
</div>

<div>
<table style="border:0px;">
<tr>
<td style="border:0px;">Earn a total of 100,000,000,000,000 currency.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;">5</span></td>
</tr>
</table>
</div>


</html>

===== Green =====
<html><span style="font-weight:bold;color:white;background-color:green;border:solid 2px darkgreen;border-radius:5px;padding:3px;">Green</span> ribbons are unlocked through the purchasing of green upgrades.</html>

<html>
<div style="margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Populate</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Purchase your first Citizen upgrade.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">Gone Shopping</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Purchase your first Business upgrade.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;">
<div style="color:#efefef;text-align:center;margin:auto;">The More, the Merrier</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Have 10 Green upgrades.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

</html>

===== Yellow =====
<html><span style="font-weight:bold;background-color:yellow;border:solid 2px orange;border-radius:5px;padding:3px;">Yellow</span> ribbons are unlocked through the purchasing of yellow upgrades.</html>

<html>
<div style="margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;">
<div style="text-align:center;margin:auto;">A Helping Hand</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Purchase your first Helping Hands upgrade.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid orange;align:center;background-color:yellow;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;">
<div style="text-align:center;margin:auto;">Free Currency</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Purchase your first Accountant upgrade.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid orange;align:center;background-color:yellow;border-radius:5px;">1</span></td>
</tr>
</table>
</div>

<div style="margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;">
<div style="text-align:center;margin:auto;">Money Talks</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">???</td>
<td style="border:0px;width:2%;"><span style="border:2px solid orange;align:center;background-color:yellow;border-radius:5px;">2</span></td>
</tr>
</table>
</div>



<div style="margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;opacity:50%;">
<div style="text-align:center;margin:auto;">Idle Income</div>
</div>

<div>

<table style="border:0px;">
<tr>
<td style="border:0px;">Earn 10x more per second than per click.</td>
<td style="border:0px;width:2%;"><span style="border:2px solid orange;align:center;background-color:yellow;border-radius:5px;opacity:50%;">2</span></td>
</tr>
</table>
</div>


</html>