jekyll-theme-unity 0.1.1

data/_sass/variables.scss

@@ -0,0 +1,170 @@
+$content-width: 800px !default;
+$mobile-width: 600px !default;
+$pc-width: 800px !default;
+$medium-width: 442px !default;
+$defualt-width: 1000px !default;
+
+@mixin link($color, $hover-color, $hover-bgcolor) {
+    color: $color;
+    text-decoration: none;
+    @include duration-550;
+    @include easing-standard;
+
+    &:hover {
+        color: $hover-color;
+        background: $hover-bgcolor;
+    }
+}
+@mixin btn {
+  @include duration-550;
+  @include easing-standard;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 50px;
+  left: 40px;
+  top: 64px;
+  border-radius: 100px;
+}
+
+@mixin prompt($bg-color, $color, $icon, $icon-color, $icon-font-family) {
+  @include shape-large;
+  background-color: $bg-color;
+  color: $color;
+  padding: 0.8rem 1.2rem;
+  &::before {
+    content: $icon;
+    font-family: $icon-font-family;
+    color: $color;
+    font-size: 34px;
+    line-height: 1;
+    padding-right: 10px;
+    padding-bottom: 13px;
+  font-variation-settings:
+  'FILL' 1,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 48
+  }
+}
+
+@mixin horizontal-scroll {
+    &::-webkit-scrollbar {
+      height: 16px;
+    }
+  
+    &::-webkit-scrollbar-track {
+      background-color: transparent;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      background: rgba(128, 134, 139, 0.2);
+      background-clip: padding-box;
+      border: 4px solid transparent;
+      border-radius: 10px;
+      box-sizing: border-box;
+  
+      &:hover {
+        background: rgba(128, 134, 139, 0.4);
+        box-sizing: border-box;
+        background-clip: padding-box;
+      }
+    }
+}
+
+@mixin elevation1($bg-color) {
+  background: linear-gradient(0deg, rgba(208, 188, 255, 0.05), rgba(208, 188, 255, 0.05)), $bg-color;
+} 
+@mixin elevation2($bg-color) {
+  background: linear-gradient(0deg, rgba(208, 188, 255, 0.08), rgba(208, 188, 255, 0.08)), $bg-color;
+}  
+@mixin elevation3($bg-color) {
+  background: linear-gradient(0deg, rgba(208, 188, 255, 0.11), rgba(208, 188, 255, 0.11)), $bg-color;
+}  
+@mixin elevation4($bg-color) {
+  background: linear-gradient(0deg, rgba(208, 188, 255, 0.12), rgba(208, 188, 255, 0.12)), $bg-color;
+}  
+@mixin elevation5($bg-color) {
+  background: linear-gradient(0deg, rgba(208, 188, 255, 0.14), rgba(208, 188, 255, 0.14)), $bg-color;
+}
+
+@keyframes Drawer-Entrance {
+  from {
+    transform: translateX(-1000rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0rem);
+    opacity: 1;
+  }
+}
+@keyframes Drawer-exit {
+  from {
+    transform: translateX(0rem);
+    opacity: 1;
+  }
+  to {    
+    transform: translateX(-1000rem);
+    opacity: 0;
+
+  }
+}
+@keyframes opacitychange {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes opacityrestore {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes activeanimation {
+  from {
+    opacity: 0;
+    transform: scaleX(0.32);
+  }
+  to {
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+@keyframes wrapper-animation {
+  from {
+    opacity: 0;
+    transform: translateY(3rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0rem);
+  }
+}
+
+@keyframes TOC-Entrance {
+  from {
+    transform: translateY(-1rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0rem);
+    opacity: 1;
+  }
+}
+
+@keyframes TOC-Exit {
+  from {
+    transform: translateY(0rem);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(-1rem);
+  }
+}

data/assets/css/style.scss

@@ -0,0 +1,10 @@
+---
+---
+
+@import "jekyll-theme-unity";
+
+.site-banner {
+    @include shape-extra-large;
+    background-image: url("{{site.baseurl}}/assets/image/bg-banner.png");
+
+}

data/assets/image/404.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.1" id="404" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" viewBox="0 0 512 512">
+<path 
+	d="M 183.7 34.8 C 199.9 25.2 216.7 19.7 235.5 19.8 C 251.1 19.8 265.9 21.5 280.5 27.2 C 287.7 29.9 296 29.6 303.4 32 C 317.4 36.5 331.2 41.9 345 47.2 C 346.4 47.7 348.2 49.7 348.2 51 C 348.1 57 352.4 60.2 355.8 63.9 C 378.4 88.9 387.1 118.3 384.4 151.8 C 382.1 179.1 370 202.3 356.4 225.2 C 349.5 236.7 344.3 249.2 337.7 260.9 C 327.8 278.2 317 295.1 307.2 312.5 C 301.5 322.6 295.9 333 292.4 344 C 288 357.7 289.6 371.8 294.5 385.5 C 298.6 396.9 295.5 403.3 283.4 404 C 270.3 404.8 262.6 397.2 256.2 387.3 C 253.2 382.7 252.1 378.1 252.6 372.7 C 255.7 341.4 263.6 311.6 278.3 283.6 C 282.2 276.4 282.8 267.4 284.7 259.1 C 290.5 233.1 301.9 209.9 319 189.5 C 323.6 184 328.6 178.9 333 173.3 C 334.4 171.6 335.4 168.9 335.2 166.7 C 333.8 143.4 330.4 120.4 322 98.4 C 320.7 95.2 318.4 92 315.8 89.7 C 304.7 79.7 291.2 73.7 277.1 69.6 C 264.2 65.7 250.9 63.4 237.7 60.8 C 235.3 60.4 232 61.3 230 62.8 C 211 76.9 202.1 96.9 196.9 119.2 C 192 140.5 192.4 162.1 190.9 183.7 C 190.3 192.6 190 201.7 185.5 209.9 C 182.4 215.6 177.6 219.2 171.5 221.2 C 167.6 222.5 164 222.7 160.8 218.7 C 159.5 217 156.2 216 153.8 216.1 C 148.6 216.4 145.7 214.2 143.1 209.8 C 131.1 189.2 126.9 166.9 129.9 143.5 C 132.6 122.1 136.6 100.8 144.7 80.6 C 152.5 61.2 165.6 46.1 183.7 34.8 M 326.9 246.9 C 330.3 242.1 333.7 237.2 337.1 232.4 C 336.6 232.1 336.2 231.8 335.7 231.5 C 329.7 234.9 328.2 241.1 325.8 247.1 C 326 247.2 326.1 247.2 326.9 246.9 M 301.1 65.2 C 301.2 65.2 301.3 65.3 301.4 65.3 C 301.4 65.1 301.3 64.9 300.9 64.1 C 288.4 56.3 275.6 49.5 260 52.2 C 273.7 56.5 287.3 60.8 301.1 65.2 M 160.1 166 C 160.9 170 161.5 174.1 162.8 177.8 C 163.2 178.9 166.1 179.8 167.4 179.4 C 168.5 179 169.6 176.7 169.7 175.2 C 170 167.9 169.6 160.6 170 153.4 C 171.5 127.1 180.2 103.4 195.4 82 C 199.2 76.7 202.4 71 205.9 65.5 C 205.5 65.2 205.2 64.9 204.9 64.7 C 202.2 67.1 198.9 69.1 196.9 71.9 C 190.5 81.2 183.8 90.4 178.5 100.3 C 167.7 120.5 162.4 142.5 160.1 166 M 151.9 129.1 C 151.7 131 151.4 132.9 151.1 135.5 C 155.6 122 159.8 109.4 164 96.8 C 156.9 106.2 154.9 117.5 151.9 129.1 M 371.2 128.6 C 370.1 122.7 369 116.9 367.9 111 C 367.4 111.1 366.9 111.2 366.3 111.4 C 365.5 117.6 368.2 123 371.2 128.6 M 350.4 180.8 C 350.5 179.2 350.6 177.5 350.7 175.9 C 350 175.8 349.3 175.7 348.6 175.6 C 348 179.6 347.4 183.6 346.9 187.6 C 347.5 187.7 348.2 187.8 348.9 187.9 C 349.3 185.8 349.8 183.6 350.4 180.8 M 346.3 141.9 C 346.5 145.2 346.8 148.6 347 151.9 C 347.8 151.7 348.5 151.6 349.3 151.4 C 348.4 148.2 347.5 144.9 346.3 141.9 z"/>
+<path 
+	d="M 247.7 426.7 C 252.1 423.5 256.4 420.7 260.2 417.4 C 267.8 410.8 280.9 409.7 290.4 416.7 C 300.7 424.2 308.5 433.6 308.1 447.9 C 307.8 460.9 301.8 470 291 476.3 C 287.7 478.3 285.4 480.3 284.1 484.2 C 282.6 488.9 280.4 493.5 274.2 494 C 266.4 494.6 258.9 494 255.4 486.1 C 252.6 479.9 248.3 475.3 243.5 471 C 234.6 463 234.1 435.2 247.7 426.7 M 264.1 446.1 C 267.9 449.8 268.9 444.3 271.7 443.4 C 269.6 441.8 267.3 440.3 265.2 440.6 C 262.6 441 262.1 443.3 264.1 446.1 M 277 423.6 C 276.3 423.9 275.6 424.1 274 424.7 C 277 426.5 279.2 427.8 281.5 429.1 C 281.7 428.8 282 428.4 282.3 428 C 280.7 426.6 279.1 425.2 277 423.6 M 287.5 434 C 287.5 434 287.4 433.9 287.4 433.9 C 287.4 433.9 287.4 434 287.5 434 z"/>
+<path opacity="0.000000"
+	d="M 160.1 165.6 C 162.4 142.5 167.7 120.5 178.5 100.3 C 183.8 90.4 190.5 81.2 196.9 71.9 C 198.9 69.1 202.2 67.1 204.9 64.7 C 205.2 64.9 205.5 65.2 205.9 65.5 C 202.4 71 199.2 76.7 195.4 82 C 180.2 103.4 171.5 127.1 170 153.4 C 169.6 160.6 170 167.9 169.7 175.2 C 169.6 176.7 168.5 179 167.4 179.4 C 166.1 179.8 163.2 178.9 162.8 177.8 C 161.5 174.1 160.9 170 160.1 165.6 z"/>
+<path opacity="0.000000"
+	d="M 300.9 65.1 C 287.3 60.8 273.7 56.5 260 52.2 C 275.6 49.5 288.4 56.3 301 64.5 C 301.1 64.9 300.9 65.1 300.9 65.1 z"/>
+<path opacity="0.000000"
+	d="M 151.9 128.8 C 154.9 117.5 156.9 106.2 164 96.8 C 159.8 109.4 155.6 122 151.1 135.5 C 151.4 132.9 151.7 131 151.9 128.8 z"/>
+<path opacity="0.000000"
+	d="M 325.9 246.9 C 328.2 241.1 329.7 234.9 335.7 231.5 C 336.2 231.8 336.6 232.1 337.1 232.4 C 333.7 237.2 330.3 242.1 326.5 247 C 326.1 247.1 325.9 246.9 325.9 246.9 z"/>
+<path opacity="0.000000"
+	d="M 371.1 128.5 C 368.2 123 365.5 117.6 366.3 111.4 C 366.9 111.2 367.4 111.1 367.9 111 C 369 116.9 370.1 122.7 371.1 128.5 z"/>
+<path opacity="0.000000"
+	d="M 350.3 181.1 C 349.8 183.6 349.3 185.8 348.9 187.9 C 348.2 187.8 347.5 187.7 346.9 187.6 C 347.4 183.6 348 179.6 348.6 175.6 C 349.3 175.7 350 175.8 350.7 175.9 C 350.6 177.5 350.5 179.2 350.3 181.1 z"/>
+<path opacity="0.000000"
+	d="M 346.4 141.8 C 347.5 144.9 348.4 148.2 349.3 151.4 C 348.5 151.6 347.8 151.7 347 151.9 C 346.8 148.6 346.5 145.2 346.4 141.8 z"/>
+<path opacity="0.000000"
+	d="M 301.2 64.8 C 301.3 64.9 301.4 65.1 301.4 65.3 C 301.3 65.3 301.2 65.2 301 65.1 C 300.9 65.1 301.1 64.9 301.2 64.8 z"/>
+<path opacity="0.000000"
+	d="M 326.2 247.2 C 326.1 247.2 326 247.2 325.9 247 C 325.9 246.9 326.1 247.1 326.2 247.2 z"/>
+<path opacity="0.000000"
+	d="M 264 445.8 C 262.1 443.3 262.6 441 265.2 440.6 C 267.3 440.3 269.6 441.8 271.7 443.4 C 268.9 444.3 267.9 449.8 264 445.8 z"/>
+<path opacity="0.000000"
+	d="M 277.2 423.7 C 279.1 425.2 280.7 426.6 282.3 428 C 282 428.4 281.7 428.8 281.5 429.1 C 279.2 427.8 277 426.5 274 424.7 C 275.6 424.1 276.3 423.9 277.2 423.7 z"/>
+<path opacity="0.000000"
+	d="M 287.5 434 C 287.4 434 287.4 433.9 287.4 433.9 C 287.4 433.9 287.5 434 287.5 434 z"/>
+</svg>

data/assets/image/favicons/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <wide310x150logo src="/mstile-310x150.png"/>
+            <TileColor>#adc6ff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/assets/image/favicons/safari-pinned-tab.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1378.000000pt" height="1378.000000pt" viewBox="0 0 1378.000000 1378.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1378.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M6713 13228 c3 -7 25 -62 50 -123 25 -60 57 -155 71 -210 59 -228 56
+-95 56 -2615 0 -1561 -3 -2343 -11 -2400 -25 -202 -76 -377 -163 -555 -261
+-533 -771 -889 -1368 -954 -128 -14 -3713 -15 -3846 -1 -414 44 -780 222
+-1068 521 -186 194 -307 396 -395 659 l-38 115 -1 -2498 c0 -1691 3 -2529 11
+-2595 79 -731 507 -1378 1154 -1744 214 -122 445 -203 734 -261 106 -21 108
+-21 2554 -24 l2447 -3 0 2085 c0 1410 3 2117 11 2183 31 282 125 546 278 774
+259 388 637 640 1107 740 l109 23 1920 3 c1711 2 1932 1 2030 -13 646 -94
+1166 -519 1386 -1134 l38 -106 -2 3065 c-3 3386 3 3093 -63 3355 -203 809
+-841 1452 -1642 1655 -279 70 -31 64 -2836 67 -2038 3 -2527 1 -2523 -9z"/>
+</g>
+</svg>

data/assets/image/favicons/site.webmanifest

@@ -0,0 +1,17 @@
+{
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#adc6ff",
+    "background_color": "#adc6ff",
+    "display": "standalone"
+}

data/assets/js/main.js

@@ -0,0 +1,228 @@
+const nav_side_bar = document.querySelector("#nav-side-bar");
+const nav_scrim = document.querySelector("#nav-scrim");
+const active_page = window.location.pathname;
+const nav_links = document.querySelectorAll(".nav-links");
+const wrapper_body = document.querySelectorAll("#wrapper");
+const toc = document.querySelectorAll("#toc");
+const BackToTop = document.querySelector("#back-to-top");
+const body = document.querySelector("body");
+const modeToggle = document.querySelector(".nav-theme-toggle");
+const modeToggle_text = document.querySelector("#mode_text");
+const modeToggle_icon = document.querySelector("#nav-theme-toggle-icon");
+const codeBlocks = document.querySelectorAll("td.rouge-code ");
+const copyCodeButtons = document.querySelectorAll("#code-copy-btn");
+let codetable = document.querySelectorAll("table.rouge-table");
+let value = window.innerWidth;
+let darkMode = localStorage.getItem("darkMode");
+
+document.querySelector("#top-bar-checkbtn").onclick = function () {
+  new Animation("site-animations-show", "site-animations-hide");
+  nav_scrim.style.display = "block";
+  disableScroll();
+};
+document.querySelector("#nav-side-bar-closebtn").onclick = function () {
+  new Animation("site-animations-hide", "site-animations-show");
+  nav_scrim.style.display = "none";
+  enableScroll();
+  setTimeout(() => {
+    nav_side_bar.classList.remove("site-animations-hide");
+  }, 60);
+};
+nav_scrim.onclick = function () {
+  new Animation("site-animations-hide", "site-animations-show");
+  nav_scrim.style.display = "none";
+  enableScroll();
+  setTimeout(() => {
+    nav_side_bar.classList.remove("site-animations-hide");
+  }, 60);
+};
+class Animation {
+  constructor(add, remove) {
+    nav_side_bar.classList.remove(remove);
+    nav_side_bar.classList.add(add);
+  }
+}
+
+function disableScroll() {
+  // Get the current page scroll position
+  scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+  (scrollLeft = window.pageXOffset || document.documentElement.scrollLeft),
+    // if any scroll is attempted,
+    // set this to the previous value
+    (window.onscroll = function () {
+      window.scrollTo(scrollLeft, scrollTop);
+    });
+}
+
+function enableScroll() {
+  window.onscroll = function () {};
+}
+
+nav_links.forEach((link) => {
+  link.classList.remove("nav-links-active");
+  if (link.href.includes(`${active_page}`)) {
+    link.classList.add("nav-links-active");
+  } else {
+    if (window.location.pathname.includes("/Post/")) {
+      if (link.href.includes("Post")) {
+        link.classList.add("nav-links-active");
+      }
+    }
+  }
+});
+function checkvalue() {
+  if (value == 90) {
+    nav_scrim.style.display = "none";
+    enableScroll();
+  }
+}
+window.addEventListener("DOMContentLoaded", () => {
+  const observer = new IntersectionObserver((entries) => {
+    if (document.querySelector("#toc")) {
+      entries.forEach((entry) => {
+        const id = entry.target.getAttribute("id");
+        if (entry.isIntersecting === true) {
+          document.querySelector(`main li a[href="#${id}"]`).parentElement.classList.add("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("decative");
+        } else {
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.add("decative");
+        }
+      });
+    }
+  });
+
+  // Track all sections that have an `id` applied
+  document.querySelectorAll("h1[id], h2[id], h3[id]").forEach((h1, h2, h3) => {
+    observer.observe(h1, h2, h3);
+  });
+});
+
+window.addEventListener("scroll", scrollFunction);
+
+function scrollFunction() {
+  if (document.querySelector("#back-to-top")) {
+    if (window.pageYOffset > 200) {
+      // Show BackToTop
+      if (!BackToTop.classList.contains("BTT-Entrance")) {
+        BackToTop.classList.remove("BTT-Exit");
+        BackToTop.classList.add("BTT-Entrance");
+        BackToTop.style.display = "flex";
+      }
+    } else {
+      // Hide BackToTop
+      if (BackToTop.classList.contains("BTT-Entrance")) {
+        BackToTop.classList.remove("BTT-Entrance");
+        BackToTop.classList.add("BTT-Exit");
+        setTimeout(function () {
+          BackToTop.style.display = "none";
+        }, 250);
+      }
+    }
+  }
+}
+if (document.querySelector("#back-to-top")) {
+  BackToTop.addEventListener("click", smoothScrollBackToTop);
+}
+
+function smoothScrollBackToTop() {
+  window.scrollTo(0, 0);
+}
+
+function easeInOutCubic(t, b, c, d) {
+  t /= d / 2;
+  if (t < 1) return (c / 2) * t * t * t + b;
+  t -= 2;
+  return (c / 2) * (t * t * t + 2) + b;
+}
+
+const enableDarkMode = () => {
+  // 1. Add the class to the body
+  document.body.classList.add("dark");
+  // 2. Update darkMode in localStorage
+  localStorage.setItem("darkMode", "enabled");
+  modeToggle_icon.textContent = "light_mode";
+  modeToggle_text.textContent = "Switch to light Mode";
+  modeToggle.classList.add("active");
+};
+
+const disableDarkMode = () => {
+  // 1. Remove the class from the body
+  document.body.classList.remove("dark");
+  modeToggle.classList.remove("active");
+  modeToggle_icon.textContent = "dark_mode";
+  modeToggle_text.textContent = "Switch to dark Mode";
+  // 2. Update darkMode in localStorage
+  localStorage.setItem("darkMode", null);
+};
+
+// If the user already visited and enabled darkMode
+// start things off with it on
+if (darkMode === "enabled") {
+  enableDarkMode();
+}
+
+modeToggle.addEventListener("click", () => {
+  // get their darkMode setting
+  darkMode = localStorage.getItem("darkMode");
+
+  // if it not current enabled, enable it
+  if (darkMode !== "enabled") {
+    enableDarkMode();
+    // if it has been enabled, turn it off
+  } else {
+    disableDarkMode();
+  }
+});
+
+// copyCodeButtons.forEach((copyCodeButton, index) => {
+//   const code = codeBlocks[index].innerText;
+
+//   copyCodeButton.addEventListener("click", () => {
+//     // Copy the code to the user's clipboard
+//     window.navigator.clipboard.writeText(code);
+
+//     // Update the button text visually
+//     const { innerText: originalText } = copyCodeButton;
+//     copyCodeButton.innerText = "content_paste";
+
+//     // After 2 seconds, reset the button to its initial UI
+//     setTimeout(() => {
+//       copyCodeButton.innerText = originalText;
+//     }, 2000);
+//   });
+// });
+
+codeBlocks.forEach(function (codeBlock) {
+  var copyButton = document.createElement('div');
+  copyButton.className = 'code-header';
+  copyButton.ariaLabel = 'Copy code to clipboard';
+  copyButton.id = 'code-header';
+
+  var copyButton_link = document.createElement('span');
+  copyButton_link.className = 'material-symbols-rounded';
+  copyButton_link.innerText = 'content_copy';
+
+  copyButton.append(copyButton_link);
+
+  codeBlock.append(copyButton);
+
+  copyButton.addEventListener('click', function () {
+    let wordToRemove = "$"; 
+    var code = codeBlock.querySelector('pre').innerText.replace(wordToRemove, '');
+    window.navigator.clipboard.writeText(code);
+
+    copyButton_link.innerText = 'content_paste';
+    var fourSeconds = 4000;
+
+    setTimeout(function () {
+      copyButton_link.innerText = 'content_copy';
+    }, fourSeconds);
+  });
+});