From eb833890a29961e6df5f26450175be8b45dd2328 Mon Sep 17 00:00:00 2001
From: Ari Archer <asnojus039@gmail.com>
Date: Wed, 28 Jul 2021 10:40:35 +0300
Subject: [PATCH] update @ Wed 28 Jul 10:40:35 EEST 2021

---
 content/styles/box/box.css            |  6 ++++++
 content/styles/box/box.scss           |  7 +++++++
 page/random/page/tbh_idc/index.dev.js | 14 ++++++++++++++
 page/random/page/tbh_idc/index.html   |  4 +++-
 page/random/page/tbh_idc/index.js     |  2 +-
 5 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 page/random/page/tbh_idc/index.dev.js

diff --git a/content/styles/box/box.css b/content/styles/box/box.css
index c4e5f6e..8119e51 100644
--- a/content/styles/box/box.css
+++ b/content/styles/box/box.css
@@ -25,6 +25,12 @@
   min-width: 100px;
   max-width: 100%;
 }
+.box .imageArea * {
+  display: block;
+  margin: 0.2em;
+  padding-left: 2.5em;
+  width: 40%;
+}
 .box h1 {
   width: 94%;
   font-size: 1.75em;
diff --git a/content/styles/box/box.scss b/content/styles/box/box.scss
index 160e06f..bd1a585 100644
--- a/content/styles/box/box.scss
+++ b/content/styles/box/box.scss
@@ -45,6 +45,13 @@ $lyellow: #e9b648;
         max-width: 100%;
     }
 
+    .imageArea * {
+        display: block;
+        margin: 0.2em;
+        padding-left: 2.5em;
+        width: 40%;
+    }
+
     h1 {
         width: 94%;
         font-size: 1.75em;
diff --git a/page/random/page/tbh_idc/index.dev.js b/page/random/page/tbh_idc/index.dev.js
new file mode 100644
index 0000000..65b9f61
--- /dev/null
+++ b/page/random/page/tbh_idc/index.dev.js
@@ -0,0 +1,14 @@
+"use strict";
+
+var random_person_instagram = document.getElementById("random_person_instagram");
+
+function create_img_elements(html_element, count, dir) {
+  for (var i = 1; i < count + 1; ++i) {
+    var img = document.createElement("img");
+    img.setAttribute("src", "".concat(dir, "/").concat(i, ".jpg"));
+    img.setAttribute("width", "200px");
+    html_element.appendChild(img);
+  }
+}
+
+create_img_elements(random_person_instagram, 11, '/page/random/page/tbh_idc/img/random_person_on_instagram');
\ No newline at end of file
diff --git a/page/random/page/tbh_idc/index.html b/page/random/page/tbh_idc/index.html
index 53cf26c..28089bc 100644
--- a/page/random/page/tbh_idc/index.html
+++ b/page/random/page/tbh_idc/index.html
@@ -50,7 +50,9 @@
 
             <div class="content">
                 <h1 id="instagram_random_person">#1 Some random person on instagram</h1>
-                <p id="random_person_instagram"></p>
+                <p>
+                    <div class="imageArea" id="random_person_instagram"></div>
+                </p>
             </div>
         </div>
     </div>
diff --git a/page/random/page/tbh_idc/index.js b/page/random/page/tbh_idc/index.js
index 8f0fd94..930599c 100644
--- a/page/random/page/tbh_idc/index.js
+++ b/page/random/page/tbh_idc/index.js
@@ -4,7 +4,7 @@ function create_img_elements(html_element, count, dir) {
     for (let i = 1; i < count + 1; ++i) {
         let img = document.createElement("img");
         img.setAttribute("src", `${dir}/${i}.jpg`);
-        img.setAttribute("width", "100px")
+        img.setAttribute("width", "200px")
         html_element.appendChild(img);
     }
 }