<html lang="en">
    <head>
    <title>/chai</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    * {
      box-sizing: border-box;
    }
    
    /* Style the body */
    body {
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
    }
    
    /* Header/logo Title */
    .header {
      padding: 5px;
      text-align: center;
      background: #198946;
      color: #254117;
    }
    
    /* Increase the font size of the heading */
    .header h1 {
      font-size: 40px;
    }
    
    .header a {
      text-decoration: none;
      color: #C3FDB8;
    }
    
    .header a:hover {
      color: #F0FFF0;
    }
    
    
    /* Sticky navbar - toggles between relative and fixed, depending on the scroll position. */
    .navbar {
      overflow: hidden;
      background-color: #254117;
      position: sticky;
      position: -webkit-sticky;
      top: 0;
    }
    
    /* Style the navigation bar links */
    .navbar a {
      float: left;
      display: block;
      color: #C3FDB8;
      text-align: center;
      padding: 14px 20px;
      text-decoration: none;
    }
    
    
    /* Right-aligned link */
    .navbar a.right {
      float: right;
    }
    
    /* Change color on hover */
    .navbar a:hover {
      background-color: #C3FDB8;
      color: #254117;
    }
    
    /* Active/current link */
    .navbar a.active {
      background-color: #8FBC8F;
      color: white;
    }
    
    /* Column container */
    .row {  
      display: -ms-flexbox; /* IE10 */
      display: flex;
      -ms-flex-wrap: wrap; /* IE10 */
      flex-wrap: wrap;
    }
    
    /* Create two unequal columns that sits next to each other */
    /* Sidebar/left column */
    .side {
      -ms-flex: 30%; /* IE10 */
      flex: 30%;
      background-color: #DBF9DB;
      padding: 10px;
    }
    
    .side a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .side a:hover {
      color: #254117;
    }
    
    /* Main column */
    .main {   
      -ms-flex: 70%; /* IE10 */
      flex: 70%;
      background-color: #F0FFF0;
      padding: 10px;
    }
    
    .main a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .main a:hover {
      color: #254117;
    }
    
    /* Footer */
    .footer {
      padding: 10px;
      text-align: center;
      background: #C3FDB8;
    }
    
    .footer a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .footer a:hover {
      color: #254117;
    }
    
    
    /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 700px) {
      .row {   
        flex-direction: column;
      }
    }
    
    /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
    @media screen and (max-width: 400px) {
      .navbar a {
        float: none;
        width: 100%;
      }
    }
    </style>
    </head>
    <body>
    <div class="header">
     <h1>
     <a href="/freecity"><< </a>
     /chai
     <a href="/quniversity"> >></a>
     </h1> 
    </div>
    
    <div class="navbar">
      <a href="https://siastats.info/hosts?=81595">SiaStats</a>
      <a href="https://explorer.jelurida.com/ardor/">Ardor Exp</a>
      <a href="https://bitcointalk.org/index.php?topic=1358722.3540">Qora bitcointalk</a>
      <a href="https://www.keysheet.io/coins/grin/">Grin</a>
      <a href="https://coinmarketcap.com/">CMC</a>
      <a href="/i" class="right">/i</a>
    </div>
    
    <div class="row">
      <div class="side">
      <h4>區塊鏈書籤</h4>
    <p>各大區塊鏈上的內容珍藏<br>
    區塊鏈 0 審查是大勢所趨<br>
    要用比特幣和以太幣就不能禁其數據<br>
    任何寄生的內容沒禁就是沒禁<br>
    內容審查只能架設在第二層的區塊鏈服務<br>
    第二層服務,layer 2, 大概就是內容通過防火牆過濾的 gateway 或 App <br>
    文明社會在應對區塊鏈的共識應當都是如此 <br>
    存有比特幣數據不犯法,那麼任何具備分散式條件的區塊鏈,比如旮旯 Qora,有必要一視同仁<br>
    區塊鏈寫入一般上都需要用上加密貨幣,內容的一切責任在寫入者,存有區塊鏈數據不必負任何法律責任<br>
    公開提供 layer 2 內容服務才有義務審查內容,不只是法律責任而已,普世價值底線共識就是良心
    </p>
      
      </div>
      <div class="main">
      <h4>Ethereum 以太幣內容書籤</h4>
      <p>
    1. 北大 MeToo<br>
      <a href="https://etherscan.io/tx/0x2d6a7b0f6adeff38423d4c62cd8b6ccb708ddad85da5d3d06756ad4d8a04a6a2"><font size="1">0x2d6a7b0f6adeff38423d4c62cd8b6ccb<br>708ddad85da5d3d06756ad4d8a04a6a2</font></a><br>
    (Transaction Hash)<br>
    內容收在 Input Data,轉換成 UTF-8 讀取。
      </p>
    
        
      </div>
    </div>
    
    <div class="footer">
     <p>
     <font size="5">
     <a href="/i/cn">&#20013;</a>
      &nbsp;A&nbsp;
     <a href="/i/b">B</a>
     <a href="/i/c">C</a>
     <a href="/i/d">D</a>
     <a href="/i/e">E</a>
     <a href="/i/f">F</a>
     <a href="/i/g">G</a>
     <a href="/i/h">H</a>
     <a href="/i/i">I</a>
     <a href="/i/j">J</a>
     <a href="/i/k">K</a>
     <a href="/i/l">L</a>
     <a href="/i/m">M</a>
     <a href="/i/n">N</a>
     <a href="/i/o">O</a>
     <a href="/i/p">P</a>
     <a href="/i/q">Q</a>
     <a href="/i/r">R</a>
     <a href="/i/s">S</a>
     <a href="/i/t">T</a>
     <a href="/i/u">U</a>
     <a href="/i/v">V</a>
     <a href="/i/w">W</a>
     <a href="/i/x">X</a>
     <a href="/i/y">Y</a>
     <a href="/i/z">Z</a>
     <a href="/i/1">1</a>
     <a href="/i/2">2</a>
     <a href="/i/3">3</a>
     <a href="/i/4">4</a>
     <a href="/i/5">5</a>
     <a href="/i/6">6</a>
     <a href="/i/7">7</a>
     <a href="/i/8">8</a>
     <a href="/i/9">9</a>
     <a href="/i/0">0</a>
    &nbsp;&nbsp;
     <a href="/index/showpost.html?msg=4z64ShrryU9m97cXzayE5uZxhqFP1hqTCnrbGAv8MCuSpCuACaQX6iTLcZ89eVZ7Ezi2qLqKZF9ueVWxN2kTXb2N">@</a>
    &nbsp;<a href="/twindao">&#174;</a>
    
     </p> 
    
     </div>
    </body>
    </html>