JSFiddle - React, Tailwind, and code Playground

by larsi

HTML

<div id="ourValues">
    <h1></h1>
    <ul></ul>
</div> 









<!-- This will be placed somewhere on the mastermage -->
        <div class="language_picker" style="display: none;">
            <span id="ctl00_languagePicker">
                <input type="hidden" id="selectedLanguageField" name="selectedLanguageField">
                Norwegian | 
                    <a onclick="document.getElementById('selectedLanguageField').value = 'en'; __doPostBack('', ''); return false"
                        href="#">English</a>
            </span>
        </div>
        <!-- end mastermage -->

CSS

#ourValues h1 {
                font-family: Arial;
                font-size: 1.5em;
            }

            #ourValues li {
                list-style-type: none;
            }

            #ourValues a {
            }

            #ourValues .tip {
                color: #fff;
                background: #1d1d1d;
                display: none; /*--Hides by default--*/
                padding: 10px;
                position: absolute;
                z-index: 1000;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

JavaScript

var title = ["Våre verdier", "Our values"];
            var values = [["Kundefokus", "Forpliktelse", "Lidenskap", "Lojalitet", "Respekt", "HMS"],
                            ["Customers focus", "Commitment", "Passion", "Loyalty", "Respect", "HSE"]];
            var descriptions = [[
                                "Kundefokus - bygge og utvikle sterke kunderelasjoner og tilpasse seg kundens behov. Alltid levere som forventet (kvalitet, pålitelighet og til riktig tid) for å bygge tillit",
                                "Forpliktelse - en energisk kultur for å få ting gjort, levere resultater og skape verdi",
                                "Lidenskap - innovasjon i teknologi og alle forretningsprosesser",
                                "Lojalitet - alltid gi helhjertet støtte til alle beslutninger for å nå våre felles mål",
                                "Respekt  -  respekterer våre kunders, samarbeidspartneres og kollegaers holdninger, kultur og meninger ",
                                "HMS - ledelsen og alle ansatte tar personlig ansvar for HMS i alle aspekter av vår virksomhet"],
                               [
                                "Customer focus - build and develop strong customer relations and adapt to customer needs. Always deliver as expected (quality, reliability and on-time performance) to build trust ",
                                "Commitment - a high-energy culture for getting things done, delivering results and creating value ",
                                "Passion - to innovate in technology and all business processes",
                                "Loyalty - always give wholehearted support to all decisions in order to reach our common goals ",
                                "Respect  - respect our customers, business partners and colleagues and honour their beliefs, culture and opinions",
                                "HSE - management and all employees take personal responsibility for HSE in every aspect of our...