Update sign-on-web3.jsp

src/main/webapp/WEB-INF/jsp/sign-on-web3.jsp

@@ -75,3 +75,26 @@
         </div>
     </div>
 </content:section>
+
+<content:aside>
+    <h5 class="center">What is Web3? 🤔</h5>
+    <div class="card-panel center deep-purple lighten-5">
+        <svg style="width: 64px;" viewBox="0 0 784.37 1277.39" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+            <g>
+                <polygon fill="#343434" fill-rule="nonzero" points="392.07,0 383.5,29.11 383.5,873.74 392.07,882.29 784.13,650.54 "/>
+                <polygon fill="#8C8C8C" fill-rule="nonzero" points="392.07,0 -0,650.54 392.07,882.29 392.07,472.33 "/>
+                <polygon fill="#3C3C3B" fill-rule="nonzero" points="392.07,956.52 387.24,962.41 387.24,1263.28 392.07,1277.38 784.37,724.89 "/>
+                <polygon fill="#8C8C8C" fill-rule="nonzero" points="392.07,1277.38 392.07,956.52 -0,724.89 "/>
+                <polygon fill="#141414" fill-rule="nonzero" points="392.07,882.29 784.13,650.54 392.07,472.33 "/>
+                <polygon fill="#393939" fill-rule="nonzero" points="0,650.54 392.07,882.29 392.07,472.33 "/>
+            </g>
+        </svg>
+        <p>
+            Web3 is a new kind of Internet where <i>you</i> are in control of your account.
+        </p>
+        <p>
+            To get started, you will need to install an Ethereum wallet. We recommend <a href="https://metamask.io/download.html" target="_blank">MetaMask</a>.
+        </p>
+        <iframe style="border-radius: 8px;" width="100%" height="160" src="https://www.youtube.com/embed/YVgfHZMFFFQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    </div>
+</content:aside>