chore(demo): add contributor, fix code block overflow

Author: tomastrajan

.all-contributorsrc

@@ -191,6 +191,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "volvachev",
+      "name": "Egor Volvachev",
+      "avatar_url": "https://avatars.githubusercontent.com/u/34657605?v=4",
+      "profile": "https://github.com/volvachev",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "commitConvention": "none"

projects/elements-demo/src/styles-reset.scss

@@ -26,6 +26,7 @@ pre {
   border-radius: 10px;
   padding: 20px !important;
   margin: 0 0 20px 0;
+  overflow: hidden;
 }
 
 p {

sync-contributors.js

@@ -1,28 +1,28 @@
-const fs = require('fs');
-
-const SOURCE = '.all-contributorsrc';
-const TARGET =
-  './projects/elements-demo/src/app/features/contribute/contribute/contribute.component.html';
-const TOKEN_START = '<!-- ALL-CONTRIBUTORS-LIST:START -->';
-const TOKEN_END = '<!-- ALL-CONTRIBUTORS-LIST:END -->';
-const PATTERN = new RegExp(`${TOKEN_START}[\\s\\S]*${TOKEN_END}`, 'gim');
-
-const contributors = JSON.parse(fs.readFileSync(SOURCE, 'utf8')).contributors;
-const content = fs.readFileSync(TARGET, 'utf8');
-
-const data = contributors
-  .map(
-    c => `
-  <a class="contributor" href="${c.profile}" target="_blank">
-    <img src="${c.avatar_url}">
-    <span>${c.name}</span>
-  </a>
-`
-  )
-  .join('\n');
-const replacement = `${TOKEN_START}${data}${TOKEN_END}`;
-const adjustedContent = content.replace(PATTERN, replacement);
-
-fs.writeFileSync(TARGET, adjustedContent);
-
-console.log(`${contributors.length} contributors added to HTML`);
+const fs = require('fs');
+
+const SOURCE = '.all-contributorsrc';
+const TARGET =
+  './projects/elements-demo/src/app/features/contribute/contribute.component.html';
+const TOKEN_START = '<!-- ALL-CONTRIBUTORS-LIST:START -->';
+const TOKEN_END = '<!-- ALL-CONTRIBUTORS-LIST:END -->';
+const PATTERN = new RegExp(`${TOKEN_START}[\\s\\S]*${TOKEN_END}`, 'gim');
+
+const contributors = JSON.parse(fs.readFileSync(SOURCE, 'utf8')).contributors;
+const content = fs.readFileSync(TARGET, 'utf8');
+
+const data = contributors
+  .map(
+    (c) => `
+  <a class="contributor" href="${c.profile}" target="_blank">
+    <img src="${c.avatar_url}">
+    <span>${c.name}</span>
+  </a>
+`
+  )
+  .join('\n');
+const replacement = `${TOKEN_START}${data}${TOKEN_END}`;
+const adjustedContent = content.replace(PATTERN, replacement);
+
+fs.writeFileSync(TARGET, adjustedContent);
+
+console.log(`${contributors.length} contributors added to HTML`);