{"id":2,"date":"2023-11-15T00:47:44","date_gmt":"2023-11-15T00:47:44","guid":{"rendered":"https:\/\/albertwilliams.wpenginepowered.com\/?page_id=2"},"modified":"2024-10-25T05:29:08","modified_gmt":"2024-10-25T05:29:08","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/albertwilliams.com\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;section-matrix&#8221; _builder_version=&#8221;4.24.3&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.24.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; module_class=&#8221;col-matrix&#8221; _builder_version=&#8221;4.24.3&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code admin_label=&#8221;canvas&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<canvas id=\"matrix\"><\/canvas>[\/et_pb_code][et_pb_text _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"logo-img\"><a href=\"https:\/\/www.americansecurityforce.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-22 alignnone size-full\" src=\"https:\/\/albertwilliams.com\/wp-content\/uploads\/2024\/04\/ASF-Logo2.webp\" alt=\"\" width=\"500\" height=\"300\" \/><\/a><\/div>\n<p>[\/et_pb_text][et_pb_code disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;JS&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->    \/\/ \u0412\u0437\u0435\u043c\u0438 canvas \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430<!-- [et_pb_line_break_holder] -->    const canvas = document.getElementById('matrix');<!-- [et_pb_line_break_holder] -->    const ctx = canvas.getContext('2d');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0417\u0430\u0434\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u043f\u044a\u043b\u0435\u043d \u0435\u043a\u0440\u0430\u043d \u0437\u0430 canvas<!-- [et_pb_line_break_holder] -->    canvas.width = window.innerWidth;<!-- [et_pb_line_break_holder] -->    canvas.height = window.innerHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0418\u0437\u0440\u0435\u0447\u0435\u043d\u0438\u0435 \u0437\u0430 matrix \u0435\u0444\u0435\u043a\u0442\u0430<!-- [et_pb_line_break_holder] -->    const matrixText = ' American Security Force';<!-- [et_pb_line_break_holder] -->    const matrixLength = matrixText.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0420\u0430\u0437\u043c\u0435\u0440 \u043d\u0430 \u0448\u0440\u0438\u0444\u0442\u0430 \u0438 \u0431\u0440\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u0438<!-- [et_pb_line_break_holder] -->    const fontSize = 20;<!-- [et_pb_line_break_holder] -->    const columns = canvas.width \/ fontSize;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0437\u0430 Y \u043f\u043e\u0437\u0438\u0446\u0438\u0438\u0442\u0435 \u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u0438\u0442\u0435<!-- [et_pb_line_break_holder] -->    const drops = Array.from({ length: Math.floor(columns) }, () => Math.random() * canvas.height \/ fontSize);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u041c\u0430\u0441\u0438\u0432 \u0437\u0430 \u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0430 \u0432\u0441\u044f\u043a\u0430 \u043a\u043e\u043b\u043e\u043d\u0430 (\u043a\u043e\u044f \u0431\u0443\u043a\u0432\u0430 \u043e\u0442 \u0438\u0437\u0440\u0435\u0447\u0435\u043d\u0438\u0435\u0442\u043e \u0434\u0430 \u0441\u0435 \u043f\u043e\u043a\u0430\u0436\u0435)<!-- [et_pb_line_break_holder] -->    const textIndexes = Array.from({ length: Math.floor(columns) }, () => 0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430 \u0440\u0438\u0441\u0443\u0432\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->    function draw() {<!-- [et_pb_line_break_holder] -->        \/\/ \u0427\u0435\u0440\u0435\u043d \u0444\u043e\u043d \u0441 \u043b\u0435\u043a\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u0437\u0430 trailing \u0435\u0444\u0435\u043a\u0442\u0430<!-- [et_pb_line_break_holder] -->        ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';<!-- [et_pb_line_break_holder] -->        ctx.fillRect(0, 0, canvas.width, canvas.height);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ \u0417\u0435\u043b\u0435\u043d \u0442\u0435\u043a\u0441\u0442<!-- [et_pb_line_break_holder] -->        ctx.fillStyle = '#0f0';<!-- [et_pb_line_break_holder] -->        ctx.font = `${fontSize}px monospace`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ \u041f\u0440\u043e\u0431\u044f\u0433\u0432\u0430\u043c\u0435 \u043f\u0440\u0435\u0437 \u0432\u0441\u044f\u043a\u0430 \"\u043a\u043e\u043b\u043e\u043d\u0430\"<!-- [et_pb_line_break_holder] -->        drops.forEach((y, index) => {<!-- [et_pb_line_break_holder] -->            \/\/ \u0412\u0437\u0435\u043c\u0438 \u0442\u0435\u043a\u0443\u0449\u0438\u044f \u0441\u0438\u043c\u0432\u043e\u043b \u0437\u0430 \u0442\u0430\u0437\u0438 \u043a\u043e\u043b\u043e\u043d\u0430 \u043e\u0442 \u0438\u0437\u0440\u0435\u0447\u0435\u043d\u0438\u0435\u0442\u043e<!-- [et_pb_line_break_holder] -->            const text = matrixText[textIndexes[index]];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u0420\u0438\u0441\u0443\u0432\u0430\u043d\u0435 \u043d\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0430\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f<!-- [et_pb_line_break_holder] -->            ctx.fillText(text, index * fontSize, y * fontSize);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u0423\u0432\u0435\u043b\u0438\u0447\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 Y \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0442\u0430<!-- [et_pb_line_break_holder] -->            drops[index]++;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u0423\u0432\u0435\u043b\u0438\u0447\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0437\u0430 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0430\u0442\u0430 \u0431\u0443\u043a\u0432\u0430<!-- [et_pb_line_break_holder] -->            textIndexes[index] = (textIndexes[index] + 1) % matrixLength;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u0420\u0435\u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043a\u0430\u043f\u043a\u0438\u0442\u0435, \u0430\u043a\u043e \u0438\u0437\u043b\u044f\u0437\u0430\u0442 \u0438\u0437\u0432\u044a\u043d \u0435\u043a\u0440\u0430\u043d\u0430<!-- [et_pb_line_break_holder] -->            if (y * fontSize > canvas.height && Math.random() > 0.975) {<!-- [et_pb_line_break_holder] -->                drops[index] = 0;  \/\/ \u041f\u043e\u0441\u0442\u0430\u0432\u044f\u043c\u0435 \u043a\u0430\u043f\u043a\u0430\u0442\u0430 \u043d\u0430 \u043d\u0430\u0447\u0430\u043b\u043d\u0430\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f<!-- [et_pb_line_break_holder] -->                textIndexes[index] = 0;  \/\/ \u0417\u0430\u043f\u043e\u0447\u0432\u0430\u043c\u0435 \u043e\u0442 \u043f\u044a\u0440\u0432\u0430\u0442\u0430 \u0431\u0443\u043a\u0432\u0430 \u043d\u0430 \u0438\u0437\u0440\u0435\u0447\u0435\u043d\u0438\u0435\u0442\u043e<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0418\u0437\u043f\u044a\u043b\u043d\u044f\u0432\u0430\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0442\u0430 draw \u043d\u0430 \u0432\u0441\u0435\u043a\u0438 100 \u043c\u0438\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0438<!-- [et_pb_line_break_holder] -->    setInterval(draw, 100);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u041f\u0440\u0435\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 canvas \u043f\u0440\u0438 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043d\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043d\u0430 \u043f\u0440\u043e\u0437\u043e\u0440\u0435\u0446\u0430<!-- [et_pb_line_break_holder] -->    window.addEventListener('resize', () => {<!-- [et_pb_line_break_holder] -->        canvas.width = window.innerWidth;<!-- [et_pb_line_break_holder] -->        canvas.height = window.innerHeight;<!-- [et_pb_line_break_holder] -->        drops.fill(1);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;JS&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->    \/\/ \u0412\u0437\u0435\u043c\u0438 canvas \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430<!-- [et_pb_line_break_holder] -->    const canvas = document.getElementById('matrix');<!-- [et_pb_line_break_holder] -->    const ctx = canvas.getContext('2d');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0417\u0430\u0434\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u043f\u044a\u043b\u0435\u043d \u0435\u043a\u0440\u0430\u043d \u0437\u0430 canvas<!-- [et_pb_line_break_holder] -->    canvas.width = window.innerWidth;<!-- [et_pb_line_break_holder] -->    canvas.height = window.innerHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0418\u0437\u0440\u0435\u0447\u0435\u043d\u0438\u0435 \u0437\u0430 matrix \u0435\u0444\u0435\u043a\u0442\u0430<!-- [et_pb_line_break_holder] -->    const matrixText = ' American Security Force';<!-- [et_pb_line_break_holder] -->    const matrixLength = matrixText.length;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0420\u0430\u0437\u043c\u0435\u0440 \u043d\u0430 \u0448\u0440\u0438\u0444\u0442\u0430 \u0438 \u0431\u0440\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u0438<!-- [et_pb_line_break_holder] -->    const fontSize = 20;<!-- [et_pb_line_break_holder] -->    const columns = canvas.width \/ fontSize;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0437\u0430 Y \u043f\u043e\u0437\u0438\u0446\u0438\u0438\u0442\u0435 \u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u0438\u0442\u0435<!-- [et_pb_line_break_holder] -->    const drops = Array.from({ length: Math.floor(columns) }, () => 0); \/\/ \u0412\u0441\u0438\u0447\u043a\u0438 \u0437\u0430\u043f\u043e\u0447\u0432\u0430\u0442 \u043e\u0442 \u0433\u043e\u0440\u0435<!-- [et_pb_line_break_holder] -->    const textIndexes = Array.from({ length: Math.floor(columns) }, () => 0);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0424\u043b\u0430\u0433 \u0437\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0434\u0430\u043b\u0438 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e\u0442\u043e \u0441\u043f\u0443\u0441\u043a\u0430\u043d\u0435 \u0435 \u0437\u0430\u0432\u044a\u0440\u0448\u0435\u043d\u043e<!-- [et_pb_line_break_holder] -->    let initialDropComplete = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430 \u0440\u0438\u0441\u0443\u0432\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->    function draw() {<!-- [et_pb_line_break_holder] -->        \/\/ \u0427\u0435\u0440\u0435\u043d \u0444\u043e\u043d \u0441 \u043b\u0435\u043a\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u0437\u0430 trailing \u0435\u0444\u0435\u043a\u0442\u0430<!-- [et_pb_line_break_holder] -->        ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';<!-- [et_pb_line_break_holder] -->        ctx.fillRect(0, 0, canvas.width, canvas.height);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ \u0417\u0435\u043b\u0435\u043d \u0442\u0435\u043a\u0441\u0442<!-- [et_pb_line_break_holder] -->        ctx.fillStyle = '#0f0';<!-- [et_pb_line_break_holder] -->        ctx.font = `${fontSize}px monospace`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ \u041f\u0440\u043e\u0431\u044f\u0433\u0432\u0430\u043c\u0435 \u043f\u0440\u0435\u0437 \u0432\u0441\u044f\u043a\u0430 \"\u043a\u043e\u043b\u043e\u043d\u0430\"<!-- [et_pb_line_break_holder] -->        drops.forEach((y, index) => {<!-- [et_pb_line_break_holder] -->            const text = matrixText[textIndexes[index]];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u0420\u0438\u0441\u0443\u0432\u0430\u043d\u0435 \u043d\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0430\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f<!-- [et_pb_line_break_holder] -->            ctx.fillText(text, index * fontSize, y * fontSize);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e \u0441\u043f\u0443\u0441\u043a\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->            if (!initialDropComplete) {<!-- [et_pb_line_break_holder] -->                drops[index]++; \/\/ \u0412\u0441\u0438\u0447\u043a\u0438 \u043a\u0430\u043f\u043a\u0438 \u0441\u0435 \u0434\u0432\u0438\u0436\u0430\u0442 \u043d\u0430\u0434\u043e\u043b\u0443<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ \u0421\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u0432\u0441\u0438\u0447\u043a\u0438 \u043a\u0430\u043f\u043a\u0438 \u0441\u0442\u0438\u0433\u043d\u0430\u0442 \u0434\u044a\u043d\u043e\u0442\u043e \u043d\u0430 \u0435\u043a\u0440\u0430\u043d\u0430, \u043f\u0440\u0435\u043c\u0438\u043d\u0430\u0432\u0430\u043c\u0435 \u0432 Matrix \u0440\u0435\u0436\u0438\u043c<!-- [et_pb_line_break_holder] -->                if (y * fontSize > canvas.height) {<!-- [et_pb_line_break_holder] -->                    initialDropComplete = true; \/\/ \u0417\u0430\u0432\u044a\u0440\u0448\u0432\u0430\u043c\u0435 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e\u0442\u043e \u0441\u043f\u0443\u0441\u043a\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                \/\/ Matrix \u0440\u0435\u0436\u0438\u043c: \u043a\u0430\u043f\u043a\u0438\u0442\u0435 \u0441\u0435 \u0440\u0435\u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u0442 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e<!-- [et_pb_line_break_holder] -->                drops[index]++;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ \u0423\u0432\u0435\u043b\u0438\u0447\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0437\u0430 \u0441\u043b\u0435\u0434\u0432\u0430\u0449\u0430\u0442\u0430 \u0431\u0443\u043a\u0432\u0430<!-- [et_pb_line_break_holder] -->                textIndexes[index] = (textIndexes[index] + 1) % matrixLength;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ \u0420\u0435\u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043a\u0430\u043f\u043a\u0438\u0442\u0435, \u0430\u043a\u043e \u0438\u0437\u043b\u044f\u0437\u0430\u0442 \u0438\u0437\u0432\u044a\u043d \u0435\u043a\u0440\u0430\u043d\u0430 \u0438\u043b\u0438 \u043f\u043e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0441\u0442<!-- [et_pb_line_break_holder] -->                if (y * fontSize > canvas.height && Math.random() > 0.975) {<!-- [et_pb_line_break_holder] -->                    drops[index] = 0;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u0418\u0437\u043f\u044a\u043b\u043d\u044f\u0432\u0430\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0442\u0430 draw \u043d\u0430 \u0432\u0441\u0435\u043a\u0438 50 \u043c\u0438\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0438 \u0437\u0430 \u043f\u043b\u0430\u0432\u0435\u043d \u0435\u0444\u0435\u043a\u0442<!-- [et_pb_line_break_holder] -->    setInterval(draw, 50);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ \u041f\u0440\u0435\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 canvas \u043f\u0440\u0438 \u043f\u0440\u043e\u043c\u044f\u043d\u0430 \u043d\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043d\u0430 \u043f\u0440\u043e\u0437\u043e\u0440\u0435\u0446\u0430<!-- [et_pb_line_break_holder] -->    window.addEventListener('resize', () => {<!-- [et_pb_line_break_holder] -->        canvas.width = window.innerWidth;<!-- [et_pb_line_break_holder] -->        canvas.height = window.innerHeight;<!-- [et_pb_line_break_holder] -->        drops.fill(0);  \/\/ \u0412\u0440\u044a\u0449\u0430\u043c\u0435 \u043a\u0430\u043f\u043a\u0438\u0442\u0435 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043d\u0430 \u0432\u044a\u0440\u0445\u0430 \u043f\u0440\u0438 resize<!-- [et_pb_line_break_holder] -->        initialDropComplete = false; \/\/ \u0417\u0430\u043f\u043e\u0447\u0432\u0430\u043c\u0435 \u043f\u0430\u043a \u043e\u0442 \u043f\u044a\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u043d\u043e\u0442\u043e \u0441\u043f\u0443\u0441\u043a\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code module_class=&#8221;module-sound&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<button id=\"toggleButton\"><!-- [et_pb_line_break_holder] -->    <i id=\"buttonIcon\" class=\"fa fa-volume-up\"><\/i><!-- [et_pb_line_break_holder] --><\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><audio id=\"audioPlayer\" src=\"https:\/\/albertwilliams.com\/wp-content\/uploads\/2024\/10\/music-web.mp3\" preload=\"auto\"><\/audio>[\/et_pb_code][et_pb_code admin_label=&#8221;JS Volume&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    const toggleButton = document.getElementById(\"toggleButton\");<!-- [et_pb_line_break_holder] -->    const audioPlayer = document.getElementById(\"audioPlayer\");<!-- [et_pb_line_break_holder] -->    const buttonIcon = document.getElementById(\"buttonIcon\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let isPlaying = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    toggleButton.addEventListener(\"click\", function() {<!-- [et_pb_line_break_holder] -->        if (isPlaying) {<!-- [et_pb_line_break_holder] -->            audioPlayer.pause();<!-- [et_pb_line_break_holder] -->            buttonIcon.classList.remove(\"fa-volume-mute\");<!-- [et_pb_line_break_holder] -->            buttonIcon.classList.add(\"fa-volume-up\");  \/\/ \u0418\u043a\u043e\u043d\u043a\u0430 \u0437\u0430 \u043f\u0443\u0441\u043a\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->            toggleButton.classList.remove(\"playing\");<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            audioPlayer.play();<!-- [et_pb_line_break_holder] -->            buttonIcon.classList.remove(\"fa-volume-up\");<!-- [et_pb_line_break_holder] -->            buttonIcon.classList.add(\"fa-volume-mute\");  \/\/ \u0418\u043a\u043e\u043d\u043a\u0430 \u0437\u0430 \u0441\u043f\u0438\u0440\u0430\u043d\u0435<!-- [et_pb_line_break_holder] -->            toggleButton.classList.add(\"playing\");<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        isPlaying = !isPlaying;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"button-hidden\"><a href=\"https:\/\/www.americansecurityforce.com\/\" title=\"The journey to enhanced security starts here\"><\/a><\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:paragraph -->\r\n<p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:quote -->\r\n<blockquote class=\"wp-block-quote\"><p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi\u00f1a coladas. (And gettin' caught in the rain.)<\/p><\/blockquote>\r\n<!-- \/wp:quote -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>...or something like this:<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:quote -->\r\n<blockquote class=\"wp-block-quote\"><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p><\/blockquote>\r\n<!-- \/wp:quote -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>As a new WordPress user, you should go to <a href=\"https:\/\/albertwilliams.com\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\r\n<!-- \/wp:paragraph -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/albertwilliams.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/albertwilliams.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/albertwilliams.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/albertwilliams.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/albertwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":0,"href":"https:\/\/albertwilliams.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/albertwilliams.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}