<div class="c-tab u-p-none">
    <!-- tabs module -->
    <input type="radio" value="intro" id="intro-form-radio" class="u-none" name="c-tabs__choice" checked>
    <div id="intro-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
        <!-- email form -->

        <div class="u-mb-base">

        </div>

        <form id="email-activate-form" action="myPage.php" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
            <fieldset data-toggle="email-activate-fw__step" class="fw__inputs o-divider email-activate-fw__step u-pl-none u-pr-none u-mb-medium">
                <!-- page hgroup -->
                <div class="u-mb-large">
                    <h1 class="u-heading-03"></h1>
                    <p class="u-mb-large u-color-secondary"></p>
                </div>
                <!-- end page hgroup -->
                <!-- form activate -->
                <div class="u-mb-base ">
                    <div class="">

                        <label class="u-label-03 c-form-label u-color-base" for="">Codice di attivazione</label>

                        <div class="u-flex">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall " data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center" data-label="placeholderfieldLabel">
                        </div>

                    </div>

                    <script>
                        const inputElements = [...document.querySelectorAll('input.code-input')]
                        inputElements.forEach((ele, index) => {
                            ele.addEventListener('keydown', (e) => {
                                if (e.keyCode === 8 && e.target.value === '') inputElements[Math.max(0, index - 1)].focus()
                            })
                            ele.addEventListener('input', (e) => {
                                const [first, ...rest] = e.target.value
                                e.target.value = first ?? ''
                                if (index !== inputElements.length - 1 && first !== undefined) {
                                    inputElements[index + 1].focus()
                                    inputElements[index + 1].value = rest.join('')
                                    inputElements[index + 1].dispatchEvent(new Event('input'))
                                }
                            })
                        })
                    </script>
                </div>
                <div class="u-mt-large">

                    <div class="u-flex u-items-center">

                        <div class="u-size-full u-size-1-2 u-text-right">
                            <input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="" />
                        </div>

                    </div>

                </div>
                <!-- end form activate -->
                <div class="u-text-center u-mt-large u-pl-large u-pr-large u-pl-none@md u-pr-none@md">
                    <span class="u-label-07 u-color-secondary u-block u-mb-small">
                        Non sei registrato?
                        <a class="o-link-primary" href="user--signup2021">Crea un account</a>
                    </span>
                    <span class="u-label-07 u-color-secondary u-block u-mb-small">
                        Non hai ricevuto il codice di attivazione?
                        <a class="o-link-primary" href="user--recovery2021">Richiedi il codice di attivazione</a>
                    </span>
                </div>
            </fieldset>
            <section data-toggle="email-activate-fw__step" class="fw__result email-activate-fw__step">

                <div class="u-mb-large">
                    <h2 class="u-heading-03 u-text-center">Attivazione avvenuta con successo</h2>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--primary u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Completa profilo</a>
                    </div>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Leggi le ultime notizie</a>
                    </div>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Invia una segnalazione</a>
                    </div>
                </div>
                <!-- app CTA -->
                <p class="o-text-overline u-text-center">
                    <span class="o-text">Scarica l'app</span>
                </p>
                <a href="https://www.romatoday.it/~shared/do/api/mobile-app/get/?campaign=user_activate">
                    <div class="u-flex u-column u-row@md">
                        <div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall">
                            <img class="u-size-full" src="/assets/images/site/app/google_play_store.svg" alt="googlePlayStoreImg">
                        </div>
                        <div class="u-mb-base u-size-full u-size-1-2">
                            <img class="u-size-full" src="/assets/images/site/app/ios_app_store.svg" alt="iosAppStoreImg">
                        </div>
                    </div>
                </a>
                <!-- end app CTA -->
                <div id="results" class="u-mb-large u-mt-large"></div>
            </section>
        </form>

        <script>
            window.onload = function() {
                var stepIndex = 0;
            }
            // var modeToggle = document.getElementsByClassName("input:radio[name=c-tabs__choice]:checked");
            // const stepElements = document.querySelector('[data-toggle-step]');
            var stepElements = document.getElementsByClassName("email-activate-fw__step");
            var form = document.getElementById("email-activate-form");
            var breadcrumbsItems = document.getElementsByClassName("c-stepper__element");
            // Initialise the form
            function init() {
                // Reset the step
                stepIndex = 0;
                // Clear all fields
                form.reset();
                toggleBreadcrumbsStep();
                showCurrentStep();
                breadcrumbsItems.classList.add("c-stepper__element--active");
            }
            // Indicate the current step with breadcrumbs
            function toggleBreadcrumbsStep() {
                Array.from(breadcrumbsItems).forEach(function(el, index) {
                    if (index <= stepIndex) {
                        el.classList.add("c-stepper__element--active");
                    } else {
                        el.classList.remove("c-stepper__element--active");
                    }
                });
            }
            // Show the current step and hide the rest
            function showCurrentStep() {
                Array.from(stepElements).forEach(function(el, index) {
                    if (index !== stepIndex) {
                        el.classList.add("u-none");
                    } else {
                        el.classList.remove("u-none");
                    }
                });
            }
            // Next step action, all fields in current step must be validated before proceed to next step.
            function next() {
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // Increment step
                stepIndex++;
                toggleBreadcrumbsStep();
                showCurrentStep();
            }
            // Back button action to navigate 1 step back
            function back() {
                // Clear all fields in current step
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                Array.from(fields).forEach(function(field) {
                    const tagName = field.tagName;
                    if (tagName.localeCompare("INPUT") === 0) {
                        field.value = '';
                    } else if (tagName.localeCompare("SELECT") === 0) {
                        field.selectedIndex = 0;
                    }
                });
                // Decrement step
                stepIndex--;
                toggleBreadcrumbsStep();
                showCurrentStep();
            }
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // all fields in current step must be validated before submission.
                // Prepare the result in next view
                showResult();
                // Navigate to result
                stepIndex++;
                // toggleBreadcrumbsStep();
                showCurrentStep();
            }, false);

            function showResult() {
                const resultsContainer = document.getElementById("results");
                // Make sure the result page is empty
                resultsContainer.innerHTML = "";
                const fields = form.querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // List out all data
                fields.forEach(field => {
                    const fieldLabel = field.getAttribute("data-label");
                    const fieldValue = field.value;
                    const resultItem = document.createElement("li");
                    resultItem.setAttribute("class", "fw__result__item");
                    resultItem.innerHTML = '<span class="fw__result__label">' + fieldLabel + ':</span> <strong class="fw__result__value">' + fieldValue + '</strong>';
                    resultsContainer.append(resultItem);
                });
            }
            init();
        </script>
        <!-- end email form -->
    </div>

    <input type="radio" value="mail" id="mail-form-radio" class="u-none" name="c-tabs__choice">
    <div id="mail-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
        <!-- email form -->

        <div class="u-mb-base">

        </div>

        <form id="email-activate-form" action="myPage.php" onsubmit="window.ga && ga( 'send', 'event', 'Community');" method="post" novalidate>
            <fieldset data-toggle="email-activate-fw__step" class="fw__inputs o-divider email-activate-fw__step u-pl-none u-pr-none u-mb-medium">
                <!-- page hgroup -->
                <div class="u-mb-large">
                    <h1 class="u-heading-03"></h1>
                    <p class="u-mb-large u-color-secondary"></p>
                </div>
                <!-- end page hgroup -->
                <!-- form activate -->
                <div class="u-mb-base ">
                    <div class="">

                        <label class="u-label-03 c-form-label u-color-base" for="">Codice di attivazione</label>

                        <div class="u-flex">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall " data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center u-mr-xsmall" data-label="placeholderfieldLabel">
                            <input type="text" name='code' class="code-input u-size-1-6 u-size-full u-text-center" data-label="placeholderfieldLabel">
                        </div>

                    </div>

                    <script>
                        const inputElements = [...document.querySelectorAll('input.code-input')]
                        inputElements.forEach((ele, index) => {
                            ele.addEventListener('keydown', (e) => {
                                if (e.keyCode === 8 && e.target.value === '') inputElements[Math.max(0, index - 1)].focus()
                            })
                            ele.addEventListener('input', (e) => {
                                const [first, ...rest] = e.target.value
                                e.target.value = first ?? ''
                                if (index !== inputElements.length - 1 && first !== undefined) {
                                    inputElements[index + 1].focus()
                                    inputElements[index + 1].value = rest.join('')
                                    inputElements[index + 1].dispatchEvent(new Event('input'))
                                }
                            })
                        })
                    </script>
                </div>
                <div class="u-mt-large">

                    <div class="u-flex u-items-center">

                        <div class="u-size-full u-size-1-2 u-text-right">
                            <input class="fw__button c-btn c-btn--primary u-label-03 u-cursor-pointer c-btn--large u-text-center" type="submit" value="" />
                        </div>

                    </div>

                </div>
                <!-- end form activate -->
                <div class="u-text-center u-mt-large u-pl-large u-pr-large u-pl-none@md u-pr-none@md">
                    <span class="u-label-07 u-color-secondary u-block u-mb-small">
                        Non sei registrato?
                        <a class="o-link-primary" href="user--signup2021">Crea un account</a>
                    </span>
                    <span class="u-label-07 u-color-secondary u-block u-mb-small">
                        Non hai ricevuto il codice di attivazione?
                        <a class="o-link-primary" href="user--recovery2021">Richiedi il codice di attivazione</a>
                    </span>
                </div>
            </fieldset>
            <section data-toggle="email-activate-fw__step" class="fw__result email-activate-fw__step">

                <div class="u-mb-large">
                    <h2 class="u-heading-03 u-text-center">Attivazione avvenuta con successo</h2>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--primary u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Completa profilo</a>
                    </div>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Leggi le ultime notizie</a>
                    </div>
                    <div class="u-mb-base">
                        <a href="#" class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Invia una segnalazione</a>
                    </div>
                </div>
                <!-- app CTA -->
                <p class="o-text-overline u-text-center">
                    <span class="o-text">Scarica l'app</span>
                </p>
                <a href="https://www.romatoday.it/~shared/do/api/mobile-app/get/?campaign=user_activate">
                    <div class="u-flex u-column u-row@md">
                        <div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall">
                            <img class="u-size-full" src="/assets/images/site/app/google_play_store.svg" alt="googlePlayStoreImg">
                        </div>
                        <div class="u-mb-base u-size-full u-size-1-2">
                            <img class="u-size-full" src="/assets/images/site/app/ios_app_store.svg" alt="iosAppStoreImg">
                        </div>
                    </div>
                </a>
                <!-- end app CTA -->
                <div id="results" class="u-mb-large u-mt-large"></div>
            </section>
        </form>

        <script>
            window.onload = function() {
                var stepIndex = 0;
            }
            // var modeToggle = document.getElementsByClassName("input:radio[name=c-tabs__choice]:checked");
            // const stepElements = document.querySelector('[data-toggle-step]');
            var stepElements = document.getElementsByClassName("email-activate-fw__step");
            var form = document.getElementById("email-activate-form");
            var breadcrumbsItems = document.getElementsByClassName("c-stepper__element");
            // Initialise the form
            function init() {
                // Reset the step
                stepIndex = 0;
                // Clear all fields
                form.reset();
                toggleBreadcrumbsStep();
                showCurrentStep();
                breadcrumbsItems.classList.add("c-stepper__element--active");
            }
            // Indicate the current step with breadcrumbs
            function toggleBreadcrumbsStep() {
                Array.from(breadcrumbsItems).forEach(function(el, index) {
                    if (index <= stepIndex) {
                        el.classList.add("c-stepper__element--active");
                    } else {
                        el.classList.remove("c-stepper__element--active");
                    }
                });
            }
            // Show the current step and hide the rest
            function showCurrentStep() {
                Array.from(stepElements).forEach(function(el, index) {
                    if (index !== stepIndex) {
                        el.classList.add("u-none");
                    } else {
                        el.classList.remove("u-none");
                    }
                });
            }
            // Next step action, all fields in current step must be validated before proceed to next step.
            function next() {
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // Increment step
                stepIndex++;
                toggleBreadcrumbsStep();
                showCurrentStep();
            }
            // Back button action to navigate 1 step back
            function back() {
                // Clear all fields in current step
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                Array.from(fields).forEach(function(field) {
                    const tagName = field.tagName;
                    if (tagName.localeCompare("INPUT") === 0) {
                        field.value = '';
                    } else if (tagName.localeCompare("SELECT") === 0) {
                        field.selectedIndex = 0;
                    }
                });
                // Decrement step
                stepIndex--;
                toggleBreadcrumbsStep();
                showCurrentStep();
            }
            form.addEventListener('submit', function(e) {
                e.preventDefault();
                const fields = stepElements[stepIndex].querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // all fields in current step must be validated before submission.
                // Prepare the result in next view
                showResult();
                // Navigate to result
                stepIndex++;
                // toggleBreadcrumbsStep();
                showCurrentStep();
            }, false);

            function showResult() {
                const resultsContainer = document.getElementById("results");
                // Make sure the result page is empty
                resultsContainer.innerHTML = "";
                const fields = form.querySelectorAll("input:not([type=button]):not([type=submit]), select");
                // List out all data
                fields.forEach(field => {
                    const fieldLabel = field.getAttribute("data-label");
                    const fieldValue = field.value;
                    const resultItem = document.createElement("li");
                    resultItem.setAttribute("class", "fw__result__item");
                    resultItem.innerHTML = '<span class="fw__result__label">' + fieldLabel + ':</span> <strong class="fw__result__value">' + fieldValue + '</strong>';
                    resultsContainer.append(resultItem);
                });
            }
            init();
        </script>
        <!-- end email form -->
    </div>

    <input type="radio" value="phone" id="phone-form-radio" class="u-none" name="c-tabs__choice">
    <div id="phone-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
        <!-- phone form -->

        <!-- end phone form -->
    </div>
    <!-- end tabs module -->
</div>
<div class="c-tab u-p-none">
	<!-- tabs module -->
	<input type="radio" value="intro" id="intro-form-radio" class="u-none" name="c-tabs__choice" checked>
	<div id="intro-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
		<!-- email form -->
		{% render "@form--activate", {
			type: type, 
			mode: "email",
			page_title: page_title,
			actionLabel: actionLabel,
			succededImg: succededImg
		}, true %}
		<!-- end email form -->
	</div>
	{# mail-form-tab #}
	<input type="radio" value="mail" id="mail-form-radio" class="u-none" name="c-tabs__choice">
	<div id="mail-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
		<!-- email form -->
		{% render "@form--activate", {
			type: type, 
			mode: "email",
			page_title: page_title,
			actionLabel: actionLabel,
			succededImg: succededImg
		}, true %}
		<!-- end email form -->
	</div>
	{# phone-form-tab #}
	<input type="radio" value="phone" id="phone-form-radio" class="u-none" name="c-tabs__choice">
	<div id="phone-form-tab" class="c-tab__content u-size-full u-pl-base u-pr-base u-pl-none@md u-pr-none@md">
		<!-- phone form -->
		{# {% render "@form--activate", {
			type: type, 
			mode: "phone",
			page_title: page_title,
			actionLabel: actionLabel,
			succededImg: succededImg
		}, true %} #}
		<!-- end phone form -->
	</div>
	<!-- end tabs module -->
</div>
{
  "limit": 9,
  "stories": [
    {
      "index": 1,
      "title": "Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire",
      "label": "Emergenza Coronavirus",
      "date": "ieri pomeriggio, 15:51",
      "author": "Violetto Gorrasi",
      "number": 1,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 2,
      "title": "Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock",
      "label": "Sei arresti",
      "date": "ieri pomeriggio, 15:51",
      "author": "Matteo Scarlino",
      "number": 2,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 3,
      "title": "Coronavirus, negli Usa 2.500 morti in un giorno ma Trump \"ha fretta\" di riaprire",
      "label": "Esteri",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 3,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 4,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 4,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 5,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Veronica Altimari",
      "number": 5,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 6,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Alberto Berlini",
      "number": 6,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 7,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 7,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 8,
      "title": "Muore annegato nella piscina comunale il giorno prima di compiere 7 anni",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 8,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 9,
      "title": "Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d'affitto",
      "label": "Economia",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 9,
      "summary": "L'uomo è stato denunciato dalla Guardia di finanza a Lanciano, in provincia di Chieti. Gli immobili affittati, oltre quindici, secondo le Fiamme Gialle rendevano alla famiglia del beneficiario del sussidio oltre 120mila euro all'anno",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    }
  ],
  "opinions": [
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "17 luglio, 2020",
      "author": "Carlo Sala"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "12 luglio, 2020",
      "author": "Massimiliano Dona"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "30 giugno, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 giugno, 2020",
      "author": "Marilia Parente"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "27 maggio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "13 aprile, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "11 aprile, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "04 marzo, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "18 febbraio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "01 febbraio, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "25 gennaio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 gennaio, 2020",
      "author": "Luciano Lanna"
    }
  ]
}

No notes defined.