content

hotline.html

@@ -0,0 +1,58 @@
+<style>
+  .flex {
+    display: flex;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+</style>
+
+<div>
+  <div>
+    <h3>Call us</h3>
+    <div>
+      <a href="tel://0048223500908,1,2207%23,47087%23">☎️ +48 22 350 09 08,1,2207#,47087# ☎️</a>
+    </div>
+  </div>
+  <div class="lg:flex flex-row">
+    <div class="lg:flex-1">
+      <img src="/dist/pexels-sora-shimazaki-5935792.jpg" alt="" srcset="" style="width: 100%; padding: 20px; box-sizing: border-box;">
+    </div>
+    <div class="lg:flex-1">
+      <div>
+        <h3>JavaScript Hotline</h3>
+        <hr>
+        JavaScript Phoneline Support
+      </div>
+      <div>
+        Do you have doubts how you can solve your JavaScript issue or maybe you would like just to discuss?
+        Let us help you and give us a call.
+      </div>
+      <hr>
+      <div>
+        <div>
+          <a href="tel://0048223500908,1,2207%23,47087%23">Join the call</a>
+        </div>
+        <div>
+          Number of people in the conference: <span id="counter">0</span>
+        </div>
+      </div>
+      <div>
+        <h2>Example</h2>
+        <li>How to solve JavaScript syntax error?</li>
+        <li>Which library to choose?</li>
+        <li>Which charts library will be a perfect fit for my needs?</li>
+        <li>Which headless CMS to choose?</li>
+        <li>Architectural decisions discussions</li>
+        <li>Which datepicker would be the best for my case?</li>
+        Does it have to support date-ranges? How about time selection? Does it need to have custom styles?
+      </div>
+    </div>
+  </div>
+  <div style="margin-top: 300px;">
+    <img src="/dist/hotline1.png" style="width: 100%">
+  </div>
+  <div style="margin-top: 300px; margin-bottom: 300px;">
+    <img src="/dist/hotline2.png" style="width: 100%">
+  </div>
+</div>

hotline.js

@@ -1 +1,24 @@
-console.log('JavaScript Hotline™ -- by WarsawJS')
+console.log('WarsawJS Hotline™ -- by WarsawJS')
+
+let url = '';
+url = 'http://192.168.0.122:8081'
+url = 'https://warsawjs.github.io/dist'
+fetch(url + '/hotline.html').then(async r => {
+  const html = await r.text()
+  window.hothtml.innerHTML = html.replace(/\/dist/g, url);
+})
+
+// <div class="nav-item text-center my-5">
+
+window.content.innerHTML = `
+<div class="container">
+  <div class="my-5">
+    <h2>
+    WarsawJS Hotline™
+    </h2>
+    <div id="hothtml"></div>
+  </div>
+</div>
+`;
+
+// alert(314);