Problem: Tezos page content doesn't match new specs (issue fractalide…

…#207).

Solution: Update content following attached document on issue fractalide#207.

content/stake-pool/tezos-xtz.md

@@ -1,14 +1,6 @@
 <div class="row">
-    <div class="col-lg-offset-3 col-lg-6 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
-        <div class="text-center">
-            <h2 class="sub_heading_blue">A Tezos Stake Pool has an important role in securing the XTZ cryptocurrency and being our gateway drug</h2>
-            <p>
-                Our Fractalide XTZ Stakepool is now live and you're welcome to put your tezzies to work by delegating them to the below address.
-            </p>
-            <p>
-                We return 85% of our baking rewards to you. The other 15% supports the building of a new browser for a future Internet. This page is recently launched and is still undergoing updates, but the underlying service is fully operational and usable.
-            </p>
-        </div>
+    <div class="col-lg-offset-3 col-lg-6 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10 text-center">
+        <h2 class="sub_heading_blue">A Tezos Stake Pool has an important role in securing the XTZ cryptocurrency</h2>
     </div>
 </div>
 <div class="row">
@@ -33,5 +25,143 @@
         </div>
     </div>
 </div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10 text-center">
+        <p class="text_dark_blue">
+            We return 85% of our baking rewards to you. The other 15% supports the building of a new browser for a future internet which requires fast moving efficient cryptocurrencies to facilitate transactions in the community.
+        </p>
+        <p class="text_dark_blue">
+            <b class="text_dark_blue">Enter your public key to see how your XTZs baking progress:</b>
+        </p>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10 text-center">
+        <div class="blue_box">
+            <h2 class="sub_heading_blue">Your address</h2>
+            <input class="form-control" id="yourAddress" name="yourAddress" placeholder="KT1..."/>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10 text-center">
+        <div class="blue_box">
+            <h2 class="sub_heading_blue">Estimate Your Annual Rewards</h2>
+            <div class="row">
+                <div class="col-xs-2">
+                    Your Stake
+                    <div class="input-group">
+                        <input type="text" class="form-control" aria-describedby="your-stake-addon">
+                        <span class="input-group-addon" id="your-stake-addon"><img src="/img/stake-pools/tezos-currency-white-min.png" width="12px"/></span>
+                    </div>
+                </div>
+                <div class="col-xs-2">
+                    Estimated Blocks Per Year
+                </div>
+                <div class="col-xs-2">
+                    Baker Rewards Per Block
+                </div>
+                <div class="col-xs-2">
+                    Average Fees Per Block
+                    <div class="input-group">
+                        <input type="text" class="form-control" aria-describedby="your-stake-addon">
+                        <span class="input-group-addon" id="your-stake-addon"><img src="/img/stake-pools/tezos-currency-white-min.png" width="12px"/></span>
+                    </div>
+                </div>
+                <div class="col-xs-2">
+                    Endorsement Rewards Per Block
+                </div>
+                <div class="col-xs-2">
+                    Endorsement Per Block
+                </div>
+                <div class="col-xs-2">
+                    Total Tezos Supply
+                </div>
+                <div class="col-xs-2">
+                    Percentage of Tez that Stake
+                    <div class="input-group">
+                        <input type="text" class="form-control" aria-describedby="your-stake-addon">
+                        <span class="input-group-addon" id="your-stake-addon"><b class="text_white">%</b></span>
+                    </div>
+                </div>
+                <div class="col-xs-2">
+                    Fractalide XTZ Stake Pool Reward-Share
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-4 col-xs-offset-1 col-xs-5 text-center">
+        <div class="border_blue">
+            <p class="text_dark_blue">Your Estimated Fractalide XTZ Stake Pool Rewards</p>
+            <h2 class="sub_heading_blue">87.58 <img src="/img/stake-pools/tezos-currency-blue-min.png" width="18px"/></h2>
+        </div>
+    </div>
+    <div class="col-sm-4 col-xs-5 text-center">
+        <div class="border_blue">
+            <p class="text_dark_blue">Your Estimated Fractalide XTZ Stake Pool Delegation Annual Reward Percentage</p>
+            <h2 class="sub_heading_blue">8.8 %</h2>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
+        <div class="text-center">
+            <h2 class="sub_heading_blue">Earnings Calculation</h2>
+            <img class="tezos_icon" src="/img/stake-pools/icon-calculation-min.png" width="85px">
+        </div>
+        <span class="text_dark_blue">
+            Your earnings are based on a few factors which include:
+        </span>
+        <ul class="text_dark_blue">
+            <li>Amount of XTZ delegated to Fractalide XTZ Stake Pool.</li>
+            <li>Amount of XTZ held in bonding.</li>
+            <li>Total XTZ staked by every XTZ holder globally.</li>
+            <li>Bake and endorse selection rates.</li>
+            <li>Random valued transaction fees in the blocks we bake.</li>
+            <li>When you start and stop delegating with us during a baking cycle.</li>
+            <li>Required gas needed to send your reward back to you.</li>
+        </ul>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10 text-center">
+        <h2 class="sub_heading_blue">Estimates & Projections</h2>
+        <img class="tezos_icon" src="/img/stake-pools/icon-projection-min.png" width="85px">
+        <p class="text_dark_blue">
+            We've tried our best efforts to given the data available to arrive at the current earnings. Baking rights, earnings, fees and the actual network are very unpredictable as such we're currently not working out earning projections. This may change in future.
+        </p>
+        <p class="text_dark_blue">
+            The source code for the stake pool is free and open source under the MPLv2 license. We encourage contributions should you find any issue with the code. Indeed we go further and hope you use our software to setup your own stake pool should you be technically inclined.
+        </p>
+        <p class="text_dark_blue">
+            Should the Fractalide XTZ Stake Pool become over delegated, meaning we don't have enough bond to cover the baking fees for all baking rights delegated to us, we'll only pay out baking fees on a first-come, first-served basis. We reserve the right to change this approach at any time.
+        </p>
+        <p class="text_dark_blue">
+            We reserve the right to change any term of this delegation service at any time and are not obligated to inform you of any change.
+        </p>
+    </div>
+</div>
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
+        <div class="text-center">
+            <h2 class="sub_heading_blue">Community Impact</h2>
+            <img class="tezos_icon" src="/img/stake-pools/icon-community-min.png" width="85px">
+        </div>
+        <span class="text_dark_blue">
+            Pool earnings will be used to:
+        </span>
+        <ul class="text_dark_blue">
+            <li>Develop the Fractalide browser a future open source Internet browser.</li>
+            <li>Develop and maintain open source stakepool software used for multiple different Proof of Stake blockchains.</li>
+            <li>Develop the networking infrastructure used for the Fractalide browser.</li>
+            <li>Infrastructure for running the Fractalide XTZ Stake Pool delegation service.</li>
+        </ul>
+        <span class="text_dark_blue">
+            @fractalide twitter
+        </span>
+    </div>
+</div>
 
 <script src="/js/global.js"></script>

themes/fractalide/files/css/custom.css

@@ -108,11 +108,11 @@ a.disclaimer {
     font-size: 14px;
     color: #ffffff;
 }
-ul {
+ul.text_dark_blue {
     padding: 1em;
 }
-ul li {
-  color: #64DBEC;
+ul.text_dark_blue li {
+  color: #0d3e4c;
 }
 
 /******************/
@@ -539,6 +539,25 @@ section#tezos-xtz button {
     text-decoration: none;
 }
 
+.tezos_icon {
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+
+section#tezos-xtz ul {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+section#tezos-xtz ul li {
+    padding-top: 5px;
+}
+
+.border_blue {
+    border: 1px solid #58B4CD;
+    border-radius: 4px;
+}
+
 
 /****************************************/
 /* Page: Home - Section: Cardano Wallet */