feat: Add chat iframe

assets/css/style.scss

@@ -50,10 +50,10 @@ aside {
 }
 
 #content {
-
     padding-top: 0;
     padding-bottom: 0;
     width: 50vw;
+    height: 100%;
 }
 
 #nav {
@@ -148,11 +148,21 @@ article {
     padding-bottom: 0;
 }
 
+#chat {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
 #our-friends-mobile {
     display: none;
     visibility: hidden;
 }
 
+#chat-mobile {
+    display: none;
+    visibility: hidden;
+}
+
 @media only screen and (max-width: 768px) {
     #wrapper {
         flex-direction: column;
@@ -216,10 +226,15 @@ article {
     #social-mobile {
         display: block;
         visibility: visible;
-        order: 5;
+        order: 6;
         // margin-bottom: 7px;
     }
 
+    #chat {
+        display: none;
+        visibility: hidden;
+    }
+
     #our-friends {
         display: none;
         visibility: hidden;
@@ -234,6 +249,15 @@ article {
         padding-bottom: 0;
     }
 
+    #chat-mobile {
+        display: block;
+        visibility: visible;
+        width: 100%;
+        order: 5;
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+
     #right-side {
         display: flex;
         align-items: center;

layouts/_default/baseof.html

@@ -24,10 +24,16 @@
                 <div id="our-friends" class="block">
                     {{- partial "our-friends.html" . -}}
                 </div>
+                <div id="chat" class="block">
+                    {{- partial "chat.html" . -}}
+                </div>
             </div>
             <div id="our-friends-mobile" class="block">
                 {{- partial "our-friends.html" . -}}
             </div>
+            <div id="chat-mobile" class="block">
+                {{- partial "chat.html" . -}}
+            </div>
             <div id="social-mobile">
                 {{- partial "social.html" . -}}
             </div>

layouts/partials/chat.html

@@ -0,0 +1,2 @@
+<p><b>Чат</b></p>
+<iframe src="https://webirc.antiope.link" style="border:0; width:100%; height:450px;"></iframe>