Changes

bitcoin.html

@@ -55,4 +55,78 @@ permalink: /bitcoin.html
   </div>
 </section>
 
-<section class="coin-info">Bitcoin</section>
+<section id="about" class="section">
+  <div class="container" id="art">
+    <div class="row article">
+      <div class="wallet-screen col">
+        <img class="intro-img-coin" src="/img/coin-btc-screen.svg" />
+      </div>
+      <div class="col col-info">
+        <h3>What is <span>bitcoin</span></h3>
+        <p>
+          Bitcoin was the first decentralized digital currency based on
+          blockchain technology. It was created in 2008 by an anonymous
+          programmer known as Satoshi Nakamoto, who released the white paper in
+          a cryptography mailing list and later open sourced the software that
+          implements the protocol.
+        </p>
+      </div>
+      <div class="col col-info">
+        <h3>Some key <span>terms</span></h3>
+        <p>
+          <span>Soft work</span> <br />
+          Change to the Bitcoin protocol that makes old blocks invalid which
+          were valid in the past. Bitcoin Segwit transactions feature was
+          implemented as a soft fork to the network.
+        </p>
+        <p>
+          <span>Hard work</span> <br />
+          Change to the Bitcoin protocol that makes previously invalid blocks or
+          transactions valid. The BerkeleyDB bug activated an accidental hard
+          fork to the Bitcoin network in 2013.
+        </p>
+      </div>
+    </div>
+    <div class="row article">
+      <div class="col col-info">
+        <h3>
+          How does Bitcoin work & <span>where can I get a bitcoin wallet</span>?
+        </h3>
+        <p>
+          Bitcoin software runs on a number of distributed devices ranging from
+          smartphones as mobile wallets, PCs as desktop wallets, to ASICs for
+          mining. Transactions are relayed between nodes in a peer-to-peer
+          fashion. In a few seconds a given block will be propagated to all
+          other nodes on the network. While insuring that all nodes reach
+          consensus on which are the valid blocks. The process of supplying new
+          bitcoin to the system is done via the process of mining. The mining
+          software runs on specialized hardware and it tries to compute the hash
+          of assembled transactions and a number called the nonce. The software
+          targets a difficulty index automatically adjusted by the network. The
+          first miner to find the correct nonce wins the mining reward and can
+          relay the mined block to other peers on the network.
+        </p>
+      </div>
+      <div class="col col-info">
+        <h3>What are <span>the features of Bitcoin</span>?</h3>
+        <p>
+          <span>Store of Value</span> <br />
+          Bitcoin, unlike other cryptocurrencies is considered as a store of
+          value and could arguably become the next global reserve currency.
+        </p>
+        <p>
+          <span>Gateway to the Digital Currency World</span> <br />
+          Bitcoin is considered as the gateway to the cryptocurrency world,
+          based on its status as the first successful digital currency
+          experiment.
+        </p>
+        <p>
+          <span>Bitcoin Script Language</span> <br />
+          An assembly like language used to build complex types of transactions
+          and advanced contracts to an extent. Complex transactions like
+          Multi-Sig are possible because of advanced Bitcoin scripting.
+        </p>
+      </div>
+    </div>
+  </div>
+</section>

css/style.css

@@ -390,18 +390,21 @@ h3 {
 }
 
 #intro-info h2,
-#getfiro h2 {
+#getfiro h2,
+#art h2 {
   font-size: 2.5rem;
 }
 
 #intro-info h2 + p,
 #getfiro h2 + p,
+#art h2 + p,
 .alt-section h2 + p,
 .tech-section p.intro-text {
   font-size: 1.5rem;
 }
 
-#intro-info h3 {
+#intro-info h3,
+#art h3 {
   font-size: 2rem;
   line-height: 1.4;
 }
@@ -423,12 +426,14 @@ h3 {
 
 #intro-info .open p,
 #intro-info .noncust p,
-#intro-info .privacy p {
+#intro-info .privacy p,
+#art .article p {
   font-size: 1.1rem;
 }
 
 #intro-info .open p span,
-#intro-info .noncust p span {
+#intro-info .noncust p span,
+#art .article p span {
   font-weight: 800;
 }
 
@@ -437,12 +442,14 @@ h3 {
   .site-section h2,
   .tech-section .container h2,
   #intro-info h2,
-  #getfiro h2 {
+  #getfiro h2,
+  #art h2 {
     font-size: 2.2rem;
   }
 
   #intro-info h2 + p,
   #getfiro h2 + p,
+  #art h2 + p,
   .alt-section h2 + p,
   .tech-section p.intro-text {
     font-size: 1.35rem;
@@ -451,6 +458,7 @@ h3 {
 
 @media only screen and (max-width: 30rem) {
   #intro-info h3,
+  #art h3,
   .faq-section h2,
   .alt-section h2 {
     font-size: 1.7rem;
@@ -458,6 +466,7 @@ h3 {
 
   #intro-info h2 + p,
   #getfiro h2 + p,
+  #art h2 + p,
   .alt-section h2 + p,
   .tech-section p.intro-text {
     font-size: 1.25rem;
@@ -1740,7 +1749,8 @@ h3 {
   color: #ff4b00;
 }
 
-#intro-info .privacy h3 span {
+#intro-info .privacy h3 span,
+#art .article h3 span {
   color: #3030d0;
 }
 
@@ -2133,3 +2143,28 @@ footer .bottom-row p a {
     margin-top: 1rem;
   }
 }
+
+/* Page coin */
+/* Article */
+
+#about .container {
+  position: relative;
+  padding-top: 15rem;
+  /* padding-bottom: 10rem; */
+  /* margin-top: 8rem; */
+}
+
+#about .container::before {
+  content: "about bitcoin";
+  display: block;
+  color: gainsboro;
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 700;
+  font-size: 10rem;
+  position: absolute;
+  top: 0;
+  left: -12rem;
+  z-index: -1;
+  line-height: 1;
+  opacity: 0.5;
+}