How to cite

Here are the things needed when citing code:

/*
Title: 
Author: <author(s) names>
Date: <date>
Code version: <code version>
Type: <type>
Availability: <where it's located>
*/</code></pre><p>Here we would have:</p><ul><li>Title: xLink.pl</li><li>Author: Jason DeJoannis, James Wescott, Stephen Todd</li><li>Date: <See script></li><li>Code version: <Same as date></li><li>Type: Perl</li><li>Availability: <a href="https://tinyurl.com/xLink-pl-MS" rel="nofollow">https://tinyurl.com/xLink-pl-MS</a></li></ul><p>Example:</p><p>J. DeJoannis, J. Wescott, S. Todd, xLink.pl (Dec. 3, 2025, Materials Studio 2025) [Perl]. Dassault Systemes, BIOVIA User Communities, <a href="https://tinyurl.com/xLink-pl-MS" rel="nofollow">https://tinyurl.com/xLink-pl-MS</a></p><p> </p><p> </p><p></p><p> </p></div>                                    </div>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>        </p>        <!-- Content End : wikitree:osUeg_FWRvK96dt2G7hbKg -->        <!-- Add new content -->    </div>    <div class="combined-footer">        <div class="compass-footer-container-sm"            style="background: transparent url('https://3dswym.3dexperience.3ds.com/assets/images/compass-footer-background.png') 0% 0% no-repeat padding-box;  background-size: cover">            <div class="compass-footer-container-sm-top">                <div class="compass-footer-image-sm">                    <img class="compass-light-img" src="https://3dswym.3dexperience.3ds.com/assets/images/compass-light.png" />                </div>                <div class="compass-footer-signin-container-outside-sm">                    <div class="compass-footer-signin-container-sm">Explore <span>BIOVIA Materials Studio</span></div>                    <div class="compass-footer-message-sm">View comments, discover new content, interact with peers & contribute to the community</div>                </div>            </div>            <div class="compass-footer-login-sm">                <div>                    <button class="compass-footer-login-btn-sm" onclick="location.href = 'https://r1132100503382-eu1-3dswym.3dexperience.3ds.com/home'">Log in</button>                </div>                <div>                    <button class="compass-footer-create-account-btn-sm"                        onclick="location.href = 'https://r1132100503382-eu1-3dswym.3dexperience.3ds.com/home'">Create an account</button>                </div>            </div>        </div>        <div class="compass-footer-container"            style="background: transparent url('https://3dswym.3dexperience.3ds.com/assets/images/compass-footer-background.png') 0% 0% no-repeat padding-box;  background-size: cover">            <div class="compass-footer-image"                style="background: url('https://3dswym.3dexperience.3ds.com/assets/images/compass-light.png') 0% 0% no-repeat padding-box;"></div>            <div class="compass-footer-banner">                <div class="compass-footer-signin-container">                    <div>Explore <span>BIOVIA Materials Studio</span></div>                </div>                <div class="compass-footer-login">                    <div class="compass-footer-message">View comments, discover new content, interact with peers & contribute to the community</div>                    <div class="compass-footer-buttons">                        <button class="compass-footer-login-btn"                            onclick="location.href = 'https://r1132100503382-eu1-3dswym.3dexperience.3ds.com/community/swym:prd:R1132100503382:community:PicGX_96TjmPwe9tdYLC4w?content=swym:prd:R1132100503382:wikitree:osUeg_FWRvK96dt2G7hbKg'">Log in</button>                        <button class="compass-footer-create-account-btn"                            onclick="location.href = 'https://r1132100503382-eu1-3dswym.3dexperience.3ds.com/home'">Create an account</button>                    </div>                </div>            </div>        </div>        <div class="footer">            <a class="footer-options footer-span-exp" href="https://www.3ds.com/3dexperience">About                <strong>3D</strong>EXPERIENCE Platform            </a><a class="footer-options" href="https://3dswym.3dexperience.3ds.com/legal?tab=terms">Terms Of Use            </a><a class="footer-options" href="https://3dswym.3dexperience.3ds.com/legal?tab=privacy">Privacy Policy            </a><a class="footer-options" href="https://r1132100503382-eu1-3dswym.3dexperience.3ds.com/home" rel="nofollow">Cookies            </a>        </div>    </div></body><script>    /** Returns corresponding language code */        const languageMap = {            'English': 'en',            'Français': 'fr',            'Deutsch': 'de',            'Español': 'es',            'Èeština': 'cs',            'Italiano': 'it',            '日本語': 'ja',            '한국어': 'ko',            'Português Brasileiro': 'pt-BR',            'Pусский': 'ru',            '简体中文': 'zh',            '繁體中文': 'zh-TW',            'Polski': 'pl'        };    /** Updates URL with language code in it once language is selected */    function updateLanguageInURL(lang) {        lang = languageMap[lang] ? languageMap[lang] : 'en';        const url = new URL(window.location.href);        const pathname = url.pathname;        /* Remove any existing language prefix (/fr or /en) */        const newPath = pathname.replace(/^\/(zh-TW|pt-BR|en|fr|de|es|it|ko|ru|zh)(?=\/|$)/i, "");        /* Construct new path with language code prefix */        const updatedPath = `/${lang}${newPath}`;        /* Update URL without reloading the page */        history.pushState(null, '', updatedPath + url.search);    }    document.addEventListener('DOMContentLoaded', function () {        /**         -------------------------------------------------------------------------        Logic for displaying of dropdown on click of Lang dropdown menu activator         -------------------------------------------------------------------------        */        const languageButton = document.querySelector('.language-popover-activator');        const languageOptions = document.querySelector('.language-popover-body');        languageOptions.style.display = 'none';        let selectedLanguage = localStorage.getItem('selectedLanguage');        /* Check the URL for the language code */        const urlLang = window.location.pathname.split('/')[1];        if (urlLang && Object.values(languageMap).includes(urlLang)) {        selectedLanguage = Object.keys(languageMap).find(key => languageMap[key] === urlLang);        }                document.querySelector('.language-popover-activator .current-language').textContent = selectedLanguage ? languageMap[selectedLanguage].toUpperCase() : 'EN';        updateLanguageInURL(selectedLanguage);        languageButton.addEventListener('click', function () {            languageOptions.style.display = languageOptions.style.display === 'none' ? 'block' : 'none';        });        document.addEventListener('click', function (event) {            if (!languageButton.contains(event.target) && !languageOptions.contains(event.target)) {                languageOptions.style.display = 'none';            }        });        /**         --------------------------------------------------        Logic for displaying selected language in dropdown        --------------------------------------------------         */        const languageOptItems = document.querySelectorAll('.language-popover-body li');        if (selectedLanguage) {            languageOptItems.forEach(option => {                if (option.textContent === selectedLanguage) {                    option.classList.add('item-selected');                }            });        }        else {            /* Default to English if no selection is saved */            languageOptItems[0].classList.add('item-selected');        }        languageOptItems.forEach(option => {            option.addEventListener('click', function () {                /* Remove the 'selected' class from all options */                languageOptItems.forEach(opt => opt.classList.remove('item-selected'));                /* Add the 'selected' class to the clicked option */                this.classList.add('item-selected');                document.querySelector('.language-popover-activator .current-language').textContent = languageMap[this.textContent].toUpperCase();                updateLanguageInURL(this.textContent);                window.location.reload();            });        });    });</script></html>