bold tag <code>

css/guide.css

@@ -36,7 +36,7 @@ main {
     margin-bottom: 64px;
 }
 
-header, footer {
+header, footer, lang select{
     color: rgba(255, 255, 255, 0.8);
     font-weight: 300;
 }
@@ -72,6 +72,16 @@ nav {
     text-transform: uppercase;
 }
 
+lang{
+    background-color: #0f103d;
+    display: inline;
+    display: flex;
+    align-items: center;
+}
+lang select{
+    background-color: #0f103d;
+}
+
 header a {
     display: flex;
     align-items: center;
@@ -136,6 +146,10 @@ pre, code, .binary span {
     font-family: "DejaVu Sans Mono";
 }
 
+code{
+    font-style: italic;
+}
+
 pre {
     font-size: 12px;
     line-height: 1.3;

index.html

@@ -18,6 +18,12 @@
         <nav>
             <a href="https://github.com/ssbc/scuttlebutt-protocol-guide"><div>Repo</div></a>
         </nav>
+        <lang>
+          <select onchange="if (this.value) window.location.href = this.value">
+            <option value="./index.html" selected>Englich</option>
+            <option value="./index_ru.html">Russian</option>
+          </select>
+        </lang>
     </header>
     <main>
         <h1>Scuttlebutt Protocol Guide</h1>
@@ -745,7 +751,7 @@ <h4 id="async-example">Async example</h4>
         <p>The responder does in fact have this blob so they respond with <code>true</code>. Because this is an async procedure and not a stream, there is only one response and no need to close the stream afterwards:</p>
 
         <figure class="request-response">
-            <img class="response-arrow" src="img/arrow.png alt="""/>
+            <img class="response-arrow" src="img/arrow.png" alt=""/>
             <div class="response">
                 <div class="header">
                     <span class="key">Request number</span><span class="value">-2</span>