https://saltproject.io/

Submitted URL:
https://saltproject.io
Report Finished:

The outgoing links identified from the page

LinkText
https://www.youtube.com/playlist?list=PL9svBjLDUl_-yS-Nmlzom_dM81dmF1Ye7Salt Air
https://gitlab.com/saltstack/popOther Projects
https://github.com/saltstackGitHub Channel
https://www.youtube.com/watch?v=G4CExfRn5rs
https://www.youtube.com/watch?v=YBgW--PDeic
https://www.youtube.com/watch?v=nfYHEhKLqHg
https://www.youtube.com/?gl=US&tab=k1/Salt Project YouTube Channel.
https://www.youtube.com/watch?v=Tj2QHLW5UwQSalt Workshop
https://discord.gg/J7b7EscrAsDiscord Server
https://groups.google.com/forum/#!forum/salt-usersMailing List

JavaScript Variables · 8 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
UIkitfunction
UIkitIconsfunction

Console log messages · 1 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://saltproject.io/favicon.ico/
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html><head>
	<meta name="generator" content="Hugo 0.132.2">
        <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">

<link rel="stylesheet" type="text/css" href="/css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">

<link rel="alternate" type="application/rss+xml" title="RSS Feed for The Hacks" href="https://thehacks.libsyn.com/rss">
<link rel="alternate" type="application/rss+xml" title="RSS Feed for Salt Blog" href="https://saltproject.io/blog/index.xml">
<link rel="alternate" type="application/rss+xml" title="RSS Feed for Security Announcements" href="https://saltproject.io/security-announcements/index.xml">

<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous">
</script>
<script src="/js/uikit.min.js"></script>
<script src="/js/uikit-icons.min.js"></script>

<title>Saltproject.io</title>

<link rel="canonical" href="https://saltproject.io/">


    </head>
    <body>
        <header class="header">
    <div class="uk-container-large">
        <div class="uk-flex uk-flex-middle uk-justify-sb">
            <div>
                <a href="https://saltproject.io/">
                    <img width="50" src="/images/logo.svg" alt="Saltproject IO">
                </a>
            </div>
            <div class="uk-visible@l">
                <nav class="uk-navbar">
                    <ul class="uk-navbar-nav">
                        <li class="uk-parent">
                            <a href="#" role="button" aria-haspopup="true">Media <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                            <div uk-dropdown="" class="uk-drop uk-dropdown">
                                <ul class="uk-nav uk-dropdown-nav">
                                    <li><a href="/blog">Blog</a></li>
                                    <li><a href="/the-hacks">The Hacks</a></li>
                                    <li><a href="/security-announcements">Security Announcements</a></li>
                                    <li><a href="https://www.youtube.com/playlist?list=PL9svBjLDUl_-yS-Nmlzom_dM81dmF1Ye7" target="_blank">Salt Air</a></li>
                                    <li><a href="/rss-feeds">Subscribe for updates</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="uk-parent">
                            <a href="#" role="button" aria-haspopup="true">Documentation <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                            <div uk-dropdown="" class="uk-drop uk-dropdown">
                                <ul class="uk-nav uk-dropdown-nav">
                                    <li><a target="_blank" href="https://docs.saltproject.io/en/latest/contents.html">Overview</a></li>
                                    <li><a target="_blank" href="https://docs.saltproject.io/salt/install-guide/en/latest/">Salt Install Guide</a></li>
                                    <li><a target="_blank" href="https://docs.saltproject.io/salt/user-guide/en/latest/index.html">Salt User Guide</a></li>
                                    <li><a target="_blank" href="https://docs.saltproject.io/en/latest/py-modindex.html">All Salt Modules</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="uk-parent">
                            <a href="#" role="button" aria-haspopup="true">Open Source Projects <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                            <div uk-dropdown="" class="uk-drop uk-dropdown">
                                <ul class="uk-nav uk-dropdown-nav">
                                    <li><a href="/idem">Idem Project</a></li>
                                    <li><a href="/heist">Heist</a></li>
                                    <li><a href="/pop">Pop</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="uk-parent">
                            <a href="#" role="button" aria-haspopup="true">Participate <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                            <div uk-dropdown="" class="uk-drop uk-dropdown">
                                <ul class="uk-nav uk-dropdown-nav">
                                    <li><a href="/working-groups">Working Groups</a></li>
                                    <li><a href="/calendar">Event Calendar</a></li>
                                    <li><a target="_blank" href="https://gitlab.com/saltstack/pop">Other Projects</a></li>
                                    <li><a href="/code-of-conduct">Code of Conduct</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="/calendar">Calendar</a>
                        </li>
                        <li><a href="https://github.com/saltstack" target="_blank">GitHub</a></li>
                        <li><a href="https://docs.saltproject.io/salt/install-guide/en/latest/" target="_blank" class="download">Get Started</a></li>
                    </ul>
                </nav>
            </div>
            <div class="uk-hidden@l">
                <button uk-toggle="target: #my-id" type="button">
                    <span uk-icon="icon: menu; ratio: 1.3" class="uk-icon"><svg width="26" height="26" viewBox="0 0 20 20"><rect x="2" y="4" width="16" height="1"></rect><rect x="2" y="9" width="16" height="1"></rect><rect x="2" y="14" width="16" height="1"></rect></svg></span>
                </button>
            </div>
        </div>
    </div>
</header>


<div id="my-id" uk-offcanvas="flip: true" class="uk-offcanvas">
    <div class="uk-offcanvas-bar" role="dialog">
        <button class="uk-offcanvas-close uk-icon uk-close" type="button" uk-close="" aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14"><line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line><line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line></svg></button>
        <nav class="uk-navbar">
            <ul class="uk-navbar-nav">
                <li class="uk-parent">
                    <a href="#">Media <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                    <ul class="uk-nav uk-dropdown-nav">
                        <li><a href="/blog">Blog</a></li>
                        <li><a href="/the-hacks">The Hacks</a></li>
                        <li><a href="https://www.youtube.com/playlist?list=PL9svBjLDUl_-yS-Nmlzom_dM81dmF1Ye7" target="_blank">Salt Air</a></li>
                    </ul>
                </li>
                <li class="uk-parent">
                    <a href="#">Documentation <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                    <ul class="uk-nav uk-dropdown-nav">
                        <li><a target="_blank" href="https://docs.saltproject.io/en/latest/contents.html">Overview</a></li>
                        <li><a target="_blank" href="https://docs.saltproject.io/en/latest/contents.html">Salt Install Guide</a></li>
                        <li><a target="_blank" href="https://docs.saltproject.io/salt/user-guide/en/latest/index.html">Salt User Guide</a></li>
                        <li><a target="_blank" href="https://docs.saltproject.io/en/latest/py-modindex.html">All Salt Modules</a></li>
                    </ul>
                </li>
                <li class="uk-parent">
                    <a href="#">Open Source Projects <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                    <ul class="uk-nav uk-dropdown-nav">
                        <li><a href="/idem">Idem Project</a></li>
                        <li><a href="/heist">Heist</a></li>
                        <li><a href="/pop">Pop</a></li>
                    </ul>
                </li>
                <li class="uk-parent">
                    <a href="#">Participate <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                    <ul class="uk-nav uk-dropdown-nav">
                        <li><a href="/working-groups">Working Groups</a></li>
                        <li><a target="_blank" href="https://gitlab.com/saltstack/pop">Other Projects</a></li>
                    </ul>
                </li>
                <li class="uk-parent">
                    <a href="#">Calendar <span uk-icon="icon: chevron-down" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span></a>
                    <ul class="uk-nav uk-dropdown-nav">
                        <li><a target="_blank" href="/calendar">Calendar</a></li>
                    </ul>
                </li>
                <li><a href="https://github.com/saltstack" target="_blank">GitHub</a></li>
                <li><a href="https://repo.saltproject.io/" target="_blank" class="download">Download</a></li>
            </ul>
        </nav>
    </div>
</div>

        
    <main>
        <section class="video-hero">
            <video playsinline="" autoplay="" muted="" loop="" id="bgvid">
    <source src="/video/header_Option1.mp4" type="video/mp4">
</video>
<div class="video-text">
    <h1>Welcome to Salt Project</h1>
    <p>The largest, friendliest, and most active open source community in the world.</p>
    <a href="https://docs.saltproject.io/salt/install-guide/en/latest/" class="btn outline">Get Started</a>
</div>

        </section>

        <section class="youtube-embed">
            <div class="row">
    <div class="panel">
        <div class="video-container">
            
            <iframe src="https://www.youtube.com/embed/videoseries?list=PL9svBjLDUl_-XfmQSCgE_uislHD_rRKfu" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" height="600" frameborder="0"></iframe>
        </div>
        <div class="video-details">
            <div class="video-text">
                <h2>Salty Content</h2>
                <p>Scroll through Salt videos to learn more and expand your knowledge of the platform. </p>
            </div>
            <div class="video-additional">
                <a href="https://www.youtube.com/watch?v=G4CExfRn5rs">
                    <img decoding="async" src="/images/img1.jpg" alt="Video additional">
                </a>
                <a href="https://www.youtube.com/watch?v=YBgW--PDeic">
                    <img decoding="async" src="/images/img1.jpg" alt="Video additional">
                </a>
                <a href="https://www.youtube.com/watch?v=nfYHEhKLqHg">
                    <img decoding="async" src="/images/img1.jpg" alt="Video additional">
                </a>
            </div>
        </div>
    </div>
</div>
        </section>

        <section class="two-columns">
            <div class="row">
    <div class="grid right">
        <div class="has-text is-left">
            <h2>What is Salt?</h2>
            <p>
                It's automation, infrastructure management. It's data-driven
                orchestration and remote execution. It's configuration management.
                It's so much more.
                <br>
                <a href="https://docs.saltproject.io/en/master/topics/tutorials/walkthrough.html#salt-in-10-minutes/" target="_blank" rel="noopener">Understand Salt in 10 minutes.</a></p>
                <a href="https://docs.saltproject.io/salt/install-guide/en/latest/" class="btn green">Get Started</a>
            <p></p>
        </div>
        <div class="has-image">
            <img src="/images/what-is-salt.png" alt="What is Salt">
        </div>
    </div>
</div>

        </section>

        <section class="two-columns">
            
<div class="row">
    <div class="grid left">
        <div class="has-image">
            <img src="/images/learn-salt.png" alt="Learn Salt">
        </div>
        <div class="has-text is-right">
            <h2>Learn Salt</h2>
            <p>Get hands on with Salt with nothing to install and step-by-step instructions using the <a href="https://docs.saltproject.io/salt/user-guide/en/latest/index.html" target="_blank" rel="noopener">Salt User Guide.</a> Dive into the details with <a href="https://docs.saltproject.io/en/latest/" target="_blank" rel="noopener">Salt Documentation</a> or <a href="https://www.youtube.com/?gl=US&amp;tab=k1/" target="_blank" rel="noopener">Salt Project YouTube Channel.</a> Learn to automate and secure IT with Salt.</p>
            <a href="https://www.youtube.com/watch?v=Tj2QHLW5UwQ" class="btn green">Salt Workshop</a>
        </div>
    </div>
</div>

        </section>

        <section class="icon-links">
            <div class="uk-container">
    <div class="uk-child-width-1-5@m uk-child-width-1-2 uk-text-center uk-grid" uk-grid="">
        <div class="uk-first-column">
            <a href="https://discord.gg/J7b7EscrAs" target="_blank" rel=" noreferrer noopener">
                <img loading="lazy" src="/images/discord.png" alt="Discord Icon">
                <p>Discord Server</p>
            </a>
        </div>
        <div>
            <a href="https://github.com/saltstack" target="_blank" rel=" noreferrer noopener">
                <img loading="lazy" src="/images/github.png" alt="GitHub Icon">
                <p>GitHub Channel</p>
            </a>
        </div>
        <div class="uk-grid-margin uk-first-column">
            <a href="https://groups.google.com/forum/#!forum/salt-users" target="_blank" rel=" noreferrer noopener">
                <img loading="lazy" src="/images/mail.png" alt="Mail Icon">
                <p>Mailing List</p>
            </a>
        </div>
        <div class="uk-grid-margin">
            <a href="https://web.libera.chat/#salt" target="_blank" rel=" noreferrer noopener">
                <img loading="lazy" src="/images/network.png" alt="Network Icon">
                <p>IRC Network</p>
            </a>
        </div>
        <div class="uk-grid-margin uk-first-column">
            <a href="https://saltproject.io/security-announcements/" target="_blank" rel=" noreferrer noopener">
                <img loading="lazy" src="/images/security.png" alt="Security Icon">
                <p>Security Updates</p>
            </a>
        </div>
    </div>
</div>

        </section>

        <section class="recent-posts">
            
<div class="uk-container">
    <div class="text-center">
        <h2>Recent Blogs</h2>
    </div>
    <div class="posts">
            <div class="post">
                <div class="post-recent-thumbnail">
                    
                        <img src="/images/blog/datacenter-01.jpg" alt="">
                    
                </div>
                <h3>Streamlining CI/CD and Package Distribution in Salt Project</h3>
                
                    <p class="recent-post-date">Sep 25, 2024</p>
                
                <p>Salt Project will no longer be building packages or running tests in our pipelines for Arch Linux, Amazon Linux, openSUSE, and macOS.</p>
                <a href="/blog/streamlining-cicd-package-distribution" class="plain">Read More</a>
            </div>
        
            <div class="post">
                <div class="post-recent-thumbnail">
                    
                        <img src="/images/blog/jimmy-chunga.jpg" alt="">
                    
                </div>
                <h3>A Letter from Chunga: So Long, and Thanks for All the Fish</h3>
                
                    <p class="recent-post-date">Sep 19, 2024</p>
                
                <p>Chunga is leaving Broadcom, but will continue running The Hacks with Tom Hatch, and remain a member of the Salt Project community.</p>
                <a href="/blog/a-letter-from-chunga" class="plain">Read More</a>
            </div>
        
            <div class="post">
                <div class="post-recent-thumbnail">
                    
                        <img src="/images/blog/coworkers-meeting-08.jpg" alt="">
                    
                </div>
                <h3>The Great Salt Module Migration</h3>
                
                    <p class="recent-post-date">Aug 21, 2024</p>
                
                <p>In Salt 3008 Argon, many states and modules that you might be currently using will be migrated to extensions because of the Great Module Migration.</p>
                <a href="/blog/the-great-salt-module-migration/" class="plain">Read More</a>
            </div>
        
    </div>
    <div class="uk-text-center post-footer">
        <a href="/blog" class="btn green">View All Posts</a>
    </div>
</div>
`
        </section>

        <section class="cover-image">
            <div class="bg" style="background: url(/images/enterprise-bg.jpg) no-repeat center center / cover;"></div>
<div class="uk-container">
    <div class="uk-width-1-2@s">
        <h2>Looking for<br>Enterprise-ready Salt?</h2>
        <p>Good news! Salt is now fully integrated into Tanzu Salt. Learn more about how Salt powers VMware’s leading automation platform and how you can harness the power of Salt across the enterprise.</p>
        <a class="btn outline" href="https://tanzu.vmware.com/salt">Learn More</a>
    </div>
</div>

        </section>
    </main>

        <footer>
    <div class="wrapper">
        <div class="grid">
            <div class="footer-text">
                <div class="menu-footer-container">
                    <ul id="menu-footer" class="footer-nav">
                        <li class="menu-item"><a href="https://saltproject.io/" aria-current="page">Home</a></li>
                        <li id="menu-item-34809" class="menu-item"><a href="/blog">Blog</a></li>
                        <li id="menu-item-34809" class="menu-item"><a href="/code-of-conduct">Code of Conduct</a></li>
                        <li id="menu-item-34807" class="menu-item"><a href="https://www.broadcom.com/company/legal/terms-of-use">Legal</a></li>
                        <li id="menu-item-34962" class="menu-item"><a href="https://www.broadcom.com/company/legal/privacy">Privacy Policy</a></li>
                        <li id="menu-item-34962" class="menu-item"><a href="https://www.broadcom.com/company/legal/privacy/policy">Your California Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-social">
                    <ul class="social">
                        <li>
                            <a class="discord" href="https://discord.gg/J7b7EscrAs" target="_blank">
                                <span uk-icon="icon: discord" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M16.074,4.361a14.243,14.243,0,0,0-3.61-1.134,10.61,10.61,0,0,0-.463.96,13.219,13.219,0,0,0-4,0,10.138,10.138,0,0,0-.468-.96A14.206,14.206,0,0,0,3.919,4.364,15.146,15.146,0,0,0,1.324,14.5a14.435,14.435,0,0,0,4.428,2.269A10.982,10.982,0,0,0,6.7,15.21a9.294,9.294,0,0,1-1.494-.727c.125-.093.248-.19.366-.289a10.212,10.212,0,0,0,8.854,0c.119.1.242.2.366.289a9.274,9.274,0,0,1-1.5.728,10.8,10.8,0,0,0,.948,1.562,14.419,14.419,0,0,0,4.431-2.27A15.128,15.128,0,0,0,16.074,4.361Zm-8.981,8.1a1.7,1.7,0,0,1-1.573-1.79A1.689,1.689,0,0,1,7.093,8.881a1.679,1.679,0,0,1,1.573,1.791A1.687,1.687,0,0,1,7.093,12.462Zm5.814,0a1.7,1.7,0,0,1-1.573-1.79,1.689,1.689,0,0,1,1.573-1.791,1.679,1.679,0,0,1,1.573,1.791A1.688,1.688,0,0,1,12.907,12.462Z"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="facebook" href="https://www.facebook.com/SaltProjectOSS" target="_blank">
                                <span uk-icon="icon: facebook" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="linked-in" href="https://www.linkedin.com/company/saltproject" target="_blank">
                                <span uk-icon="icon: linkedin" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"></path><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="youtube" href="https://www.youtube.com/channel/UCpveTIucFx9ljGelW63-BWg" target="_blank">
                                <span uk-icon="icon: youtube" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="twitter" href="https://twitter.com/Salt_Project_OS" target="_blank">
                                <span uk-icon="icon: twitter" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M19,4.74 C18.339,5.029 17.626,5.229 16.881,5.32 C17.644,4.86 18.227,4.139 18.503,3.28 C17.79,3.7 17.001,4.009 16.159,4.17 C15.485,3.45 14.526,3 13.464,3 C11.423,3 9.771,4.66 9.771,6.7 C9.771,6.99 9.804,7.269 9.868,7.539 C6.795,7.38 4.076,5.919 2.254,3.679 C1.936,4.219 1.754,4.86 1.754,5.539 C1.754,6.82 2.405,7.95 3.397,8.61 C2.79,8.589 2.22,8.429 1.723,8.149 L1.723,8.189 C1.723,9.978 2.997,11.478 4.686,11.82 C4.376,11.899 4.049,11.939 3.713,11.939 C3.475,11.939 3.245,11.919 3.018,11.88 C3.49,13.349 4.852,14.419 6.469,14.449 C5.205,15.429 3.612,16.019 1.882,16.019 C1.583,16.019 1.29,16.009 1,15.969 C2.635,17.019 4.576,17.629 6.662,17.629 C13.454,17.629 17.17,12 17.17,7.129 C17.17,6.969 17.166,6.809 17.157,6.649 C17.879,6.129 18.504,5.478 19,4.74"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="instagram" href="https://www.instagram.com/saltproject_oss/" target="_blank">
                                <span uk-icon="icon: instagram" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M13.55,1H6.46C3.45,1,1,3.44,1,6.44v7.12c0,3,2.45,5.44,5.46,5.44h7.08c3.02,0,5.46-2.44,5.46-5.44V6.44 C19.01,3.44,16.56,1,13.55,1z M17.5,14c0,1.93-1.57,3.5-3.5,3.5H6c-1.93,0-3.5-1.57-3.5-3.5V6c0-1.93,1.57-3.5,3.5-3.5h8 c1.93,0,3.5,1.57,3.5,3.5V14z"></path><circle cx="14.87" cy="5.26" r="1.09"></circle><path d="M10.03,5.45c-2.55,0-4.63,2.06-4.63,4.6c0,2.55,2.07,4.61,4.63,4.61c2.56,0,4.63-2.061,4.63-4.61 C14.65,7.51,12.58,5.45,10.03,5.45L10.03,5.45L10.03,5.45z M10.08,13c-1.66,0-3-1.34-3-2.99c0-1.65,1.34-2.99,3-2.99s3,1.34,3,2.99 C13.08,11.66,11.74,13,10.08,13L10.08,13L10.08,13z"></path></svg></span>
                            </a>
                        </li>
                        <li>
                            <a class="rss" href="/rss-feeds">
                                <span uk-icon="icon: rss" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"><circle cx="3.12" cy="16.8" r="1.85"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"></path></svg></span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-copyright">
                    <div class="flex">
                        <p>© 2023 VMware, Inc</p>
                        <img src="/images/vmlogo.png" alt="VMware Logo" width="100">
                    </div>
                </div>
            </div>
            <div class="footer-logo">
                <img src="/images/logo.svg">
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('.post-player').each(function() {
                var this_audio =  $(this).find('source').attr('src') ;
                var audio = new Audio(this_audio);

                audio.addEventListener(
                "loadeddata",
                () => {
                    $(this).find(".time .length")[0].textContent = getTimeCodeFromNum(
                    audio.duration
                    );
                    audio.volume = .75;
                },
                false
                );

                
                var timeline = $(this).find(".timeline")[0];
                timeline.addEventListener("click", e => {
                    var timelineWidth = window.getComputedStyle(timeline).width;
                    var timeToSeek = e.offsetX / parseInt(timelineWidth) * audio.duration;
                    audio.currentTime = timeToSeek;
                }, false);

                

                
                setInterval(() => {
                    var progressBar =  $(this).find(".progress")[0];
                    progressBar.style.width = audio.currentTime / audio.duration * 100 + "%";
                    $(this).find(".time .current")[0].textContent = getTimeCodeFromNum(
                    audio.currentTime
                    );
                }, 100);

                
                var playBtn =  $(this).find(".controls .toggle-play")[0];
                playBtn.addEventListener(
                "click",
                () => {
                    if (audio.paused) {
                        playBtn.classList.remove("play");
                        playBtn.classList.add("pause");
                        audio.play();
                    } else {
                        playBtn.classList.remove("pause");
                        playBtn.classList.add("play");
                        audio.pause();
                    }
                },
                false
                );

                
                var fwdBtn = $(this).find(".controls .forward-fifteen")[0];
                fwdBtn.addEventListener(
                "click",
                () => {
                    if (audio.paused) {
                        audio.currentTime += 15.0;
                    } else {
                        audio.pause();
                        audio.currentTime += 15.0;
                        audio.play();
                    }
                },
                );

                
                var revBtn = $(this).find(".controls .rewind-fifteen")[0];
                revBtn.addEventListener(
                "click",
                () => {
                    if (audio.paused) {
                        audio.currentTime -= 15.0;
                    } else {
                        audio.pause();
                        audio.currentTime -= 15.0;
                        audio.play();
                    }
                },
                );


                
                function getTimeCodeFromNum(num) {
                    let seconds = parseInt(num);
                    let minutes = parseInt(seconds / 60);
                    seconds -= minutes * 60;
                    var hours = parseInt(minutes / 60);
                    minutes -= hours * 60;

                    if (hours === 0) return `${minutes}:${String(seconds % 60).padStart(2, 0)}`;
                    return `${String(hours).padStart(2, 0)}:${minutes}:${String(
                        seconds % 60
                        ).padStart(2, 0)}`;
                    }
                });
            });
    </script>
</footer>

    

</body></html>