Diretta U16 LND vs AS Roma U16

Condividi

{source}

<script src=https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js defer></script>
<script src=https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js></script>
<link rel=”stylesheet” href=”https://gare.lnd.it/css/shortcode/style.css”>

{/source}

 

{source}

<!DOCTYPE html>
<html>
<head>
<link href=”https://fonts.bunny.net” rel=”preconnect”>
<link href=”https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap” rel=”stylesheet”>
<script src=”https://cdn.tailwindcss.com”></script>
<script src=”https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js” defer></script>
<script src=”https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js”></script>
</head>
<body>
<div class=”bg-opacity-5 bg-[#0067A5] max-w-full mx-auto p-4 rounded-xl w-[700px]”
x-data=”livegame”
id=”livegame”>

<!– Header Section –>
<div class=”pb-[150px]”>
<!– Title with Live Indicator –>
<h1 class=”font-bold uppercase text-center text-xs mt-8 text-sky-950 flex justify-center items-center”>
Live match
<span x-show=”status == ‘started'”>
<svg class=”animate-ping”
style=”fill:red;margin-left:8px;height:10px;width:10px”
viewBox=”0 0 24 24″
xmlns=”http://www.w3.org/2000/svg”>
<circle cx=”11.998″ cy=”11.998″ fill-rule=”nonzero” r=”9.998″/>
</svg>
</span>
</h1>

<!– Status Messages –>
<h2 class=”font-bold uppercase text-center text-xs mt-8 text-sky-950″
x-show=”status == ‘started'”>
Partita in corso
</h2>
<h2 class=”font-bold uppercase text-center text-xs mt-8 text-sky-950″
x-show=”status == ‘preparing'”>
Preparazione in corso
</h2>
<h2 class=”font-bold mt-8 text-center text-sky-950 text-xs uppercase”
x-show=”status == ‘ended'”>
Partita terminata
</h2>

<!– Score Board –>
<div class=”mt-8 align-middle content-center grid grid-cols-3 max-w-sm mx-auto p-2″>
<!– Home Team –>
<div class=”items-center flex col-span-1 justify-center flex-col”>
<img alt=””
class=”max-w-full”
:src=”‘https://gare.lnd.it/storage/’ + livematch.home_team.logo”
width=”60″>
<span x-text=”livematch.home_team.team_name”
class=”font-bold font-[‘Helvetica’] text-sm mt-2 text-[#08305E]”></span>
</div>

<!– Score and Info –>
<div class=”items-center flex col-span-1 flex-col gap-y-[10px]”>
<span x-text=”date”
class=”font-bold font-[‘Helvetica’] uppercase text-slate-500 text-center text-xs”></span>

<div class=”w-full align-middle content-center grid grid-cols-3″>
<div class=”font-bold font-[‘Helvetica’] uppercase text-center col-span-1 flex items-center justify-center text-4xl text-[#08305E]”
x-text=”totalGoal.home”></div>
<div class=”font-bold font-[‘Helvetica’] uppercase text-center col-span-1 flex items-center justify-center text-4xl text-[#08305E]”>

</div>
<div class=”font-bold font-[‘Helvetica’] uppercase text-center col-span-1 flex items-center justify-center text-4xl text-[#08305E]”
x-text=”totalGoal.away”></div>
</div>

<span x-text=”livematch.game.playday.name”
class=”font-bold font-[‘Helvetica’] uppercase text-slate-500 text-center text-xs”></span>
</div>

<!– Away Team –>
<div class=”items-center flex col-span-1 justify-center flex-col”>
<img alt=””
class=”max-w-full”
:src=”‘https://gare.lnd.it/storage/’ + livematch.away_team.logo”
width=”60″>
<span x-text=”livematch.away_team.team_name”
class=”font-bold font-[‘Helvetica’] text-sm mt-2 text-[#08305E]”></span>
</div>
</div>

<!– Actions Timeline –>
<div class=”flex-col-reverse flex bg-[#0067A50D] bg-opacity-5 border-slate-300 border-t gap-[30px] lg:border lg:gap-x-4 lg:mx-auto lg:rounded-lg max-w-5xl overflow-hidden”>
<template x-for=”(half, key) in actions”>
<div>
<!– Half Header –>
<div class=”items-center gap-2.5 bg-white h-8 inline-flex justify-between px-3.5 py-2 w-full”>
<div class=”font-bold font-[‘Helvetica’] text-sm text-sky-950 basis-0 grow shrink uppercase”
x-text=”tempi[parseInt(key)]”></div>
<div class=”font-bold font-[‘Helvetica’] text-sm text-sky-950 basis-0 grow shrink uppercase text-right”>
<span x-text=”halfGoal[key].home”></span> – <span x-text=”halfGoal[key].away”></span>
</div>
</div>

<!– Actions List –>
<div class=”flex-col flex p-3 w-full”>
<template x-for=”action in half”>
<div>
<!– Goal Template –>
<template x-if=”action.type == ‘goal'”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘w-full py-2.5 rounded flex-col justify-center gap-2.5 inline-flex cursor-pointer max-w-[90%]’: true,
‘ml-0 mr-auto items-start’: isHome,
‘ml-auto mr-0 items-end’: !isHome
}”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<div class=”font-bold font-[‘Helvetica’] text-sm text-sky-950 text-right”
x-text=”action.player.name + ‘ ‘ + action.player.surname”></div>
<div class=”items-center flex bg-white gap-2.5 px-2.5 py-1 rounded”>
<div class=”h-3.5 relative w-3.5″>
<div class=”absolute h-4 left-[-0.16px] top-[-0.16px] w-4″>
<!– Goal Icon SVG –>
<svg fill=”none” height=”16″ viewBox=”0 0 15 16″ width=”15″ xmlns=”http://www.w3.org/2000/svg”>
<g clip-path=”url(#clip0_172_6687)”>
<path d=”M7.50018 0.34375C3.26893 0.34375 -0.156067 3.76875 -0.156067 8C-0.156067 12.225 3.26893 15.6562 7.50018 15.6562C11.7252 15.6562 15.1564 12.225 15.1564 8C15.1564 3.76875 11.7252 0.34375 7.50018 0.34375ZM7.50018 1.59375C11.0377 1.59375 13.9064 4.45625 13.9064 8C13.9064 11.5375 11.0377 14.4062 7.50018 14.4062C3.95643 14.4062 1.09393 11.5375 1.09393 8C1.09393 4.45625 3.95643 1.59375 7.50018 1.59375Z” fill=”#8D9CB4″/>
<path d=”M6.14998 10.775L4.95623 7.0875L4.72498 7.78125L7.85623 5.5H7.11873L10.25 7.775L10.0187 7.075L8.82498 10.7625L9.41873 10.325H5.53748L6.13123 10.7562L6.14998 10.775ZM4.95623 11.1562C5.03748 11.4125 5.27498 11.5875 5.54998 11.5875H9.43123C9.69998 11.5875 9.93748 11.4125 10.025 11.15L11.2187 7.4625C11.3 7.2 11.2062 6.91875 10.9875 6.7625L7.84998 4.48125C7.62498 4.31875 7.33123 4.31875 7.11248 4.48125L3.97498 6.7625C3.75623 6.91875 3.66248 7.2 3.74373 7.45625L4.93748 11.1438L4.95623 11.1562Z” fill=”#8D9CB4″/>
<!– Additional paths for goal icon –>
</g>
<defs>
<clipPath id=”clip0_172_6687″>
<rect fill=”white” height=”15″ width=”15″ transform=”translate(0 0.5)”/>
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class=”font-bold font-[‘Helvetica’] text-sm uppercase text-slate-500 w-5 text-right”>
<span x-text=”action.minute + ”'”></span>
</div>
</div>
<div class=”items-center gap-2.5 inline-flex justify-end px-7 self-stretch”
x-data=”{ isHome: action.who === ‘home’ }”>
<div class=”bg-sky-700 self-stretch w-0.5″ x-show=”isHome”></div>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘grow shrink basis-0 text-slate-500 text-sm font-bold’: true,
‘text-left’: isHome,
‘text-right’: !isHome
}”
x-text=”action.description”></div>
<div class=”bg-sky-700 self-stretch w-0.5″ x-show=”!isHome”></div>
</div>
</div>
</template>

<!– Yellow Card Template –>
<template x-if=”action.type == ‘yellowCard'”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘w-full py-2.5 rounded flex-col justify-center gap-2.5 inline-flex cursor-pointer max-w-[90%]’: true,
‘ml-0 mr-auto items-start’: isHome,
‘ml-auto mr-0 items-end’: !isHome
}”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<div class=”font-bold font-[‘Helvetica’] text-left text-sm text-sky-950″>
<span x-text=”action.description”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”!isHome”></span>
<span x-text=”action.player.name + ‘ ‘ + action.player.surname”></span>
<span x-text=”action.description”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”isHome”></span>
</div>
<div>
<!– Yellow Card Icon –>
<svg fill=”none” height=”16″ viewBox=”0 0 15 16″ width=”15″ xmlns=”http://www.w3.org/2000/svg”>
<rect fill=”#FFAA2B” height=”15″ width=”10.5″ rx=”2″ x=”2.25″ y=”0.5″/>
</svg>
</div>
<div class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-sm uppercase w-5″
x-text=”action.minute”></div>
</div>
</div>
</template>

<!– Substitute Template –>
<template x-if=”action.type == ‘substitute'”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘w-full py-2.5 rounded flex-col justify-center gap-2.5 inline-flex cursor-pointer max-w-[90%]’: true,
‘ml-0 mr-auto items-start’: isHome,
‘ml-auto mr-0 items-end’: !isHome
}”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<div class=”font-bold font-[‘Helvetica’] text-left text-sm text-sky-950″>
<span x-text=”action.description”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”!isHome”></span>
<span x-text=”action.player.name + ‘ ‘ + action.player.surname”></span>
<span x-text=”action.description + ‘ esce: ‘ + action.substituted.name + ‘ ‘ + action.substituted.surname”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”isHome”></span>
</div>
<div>
<!– Substitute Icon SVG –>
<svg fill=”none” height=”16″ viewBox=”0 0 17 16″ width=”17″ xmlns=”http://www.w3.org/2000/svg”>
<path d=”M3.65625 9.40001V12.2125L4.28125 11.5875H1.46875C1.11875 11.5875 0.84375 11.8625 0.84375 12.2125C0.84375 12.5563 1.11875 12.8375 1.46875 12.8375H4.28125C4.625 12.8375 4.90625 12.5563 4.90625 12.2125V9.40001C4.90625 9.05001 4.625 8.77501 4.28125 8.77501C3.93125 8.77501 3.65625 9.05001 3.65625 9.40001Z” fill=”#00A3DA”/>
<path d=”M13.3438 6.58751V3.77501L12.7188 4.40001H15.5312C15.875 4.40001 16.1562 4.11876 16.1562 3.77501C16.1562 3.42501 15.875 3.15001 15.5312 3.15001H12.7188C12.3688 3.15001 12.0938 3.42501 12.0938 3.77501V6.58751C12.0938 6.93126 12.3688 7.21251 12.7188 7.21251C13.0625 7.21251 13.3438 6.93126 13.3438 6.58751Z” fill=”#8D9CB4″/>
<path d=”M12.4438 4.20626C14.5313 6.38126 14.4625 9.84375 12.2813 11.9375C10.7063 13.4438 8.39378 13.875 6.38753 13.0375C6.06878 12.9 5.70003 13.05 5.56878 13.3688C5.43128 13.6813 5.58128 14.05 5.90003 14.1813C8.36253 15.2063 11.2063 14.675 13.1375 12.825C15.8125 10.25 15.9 6.00001 13.3313 3.31876C13.0875 3.06876 12.6938 3.05626 12.4438 3.30001C12.1938 3.53751 12.1813 3.93126 12.425 4.18126L12.4438 4.20626Z” fill=”#8D9CB4″/>
<path d=”M4.54999 11.7813C2.45624 9.59375 2.53124 6.13126 4.71874 4.04376C6.28124 2.53751 8.59374 2.10626 10.6 2.93751C10.9187 3.06876 11.2812 2.91875 11.4125 2.6C11.5437 2.275 11.3937 1.91251 11.075 1.78126C8.60624 0.756255 5.77499 1.28751 3.84374 3.13126C1.16249 5.69376 1.06874 9.95001 3.63124 12.6313C3.86874 12.875 4.26249 12.8875 4.51249 12.65C4.75624 12.4063 4.76874 12.0125 4.53124 11.7625L4.54999 11.7813Z” fill=”#00A3DA”/>
</svg>
</div>
<div class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-sm uppercase w-5″
x-text=”action.minute”></div>
</div>
<div
x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<span
x-text=”‘Esce: ‘ + action.substituted.name + ‘ ‘ + action.substituted.surname”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs” >
</span>
</div>
</div>
</template>

<!– Red Card Template –>
<template x-if=”action.type == ‘redCard'”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘w-full py-2.5 rounded flex-col justify-center gap-2.5 inline-flex cursor-pointer max-w-[90%]’: true,
‘ml-0 mr-auto items-start’: isHome,
‘ml-auto mr-0 items-end’: !isHome
}”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<div class=”font-bold font-[‘Helvetica’] text-left text-sm text-sky-950″>
<span x-text=”action.description”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”!isHome”></span>
<span x-text=”action.player.name + ‘ ‘ + action.player.surname”></span>
<span x-text=”action.description”
class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-xs”
x-show=”isHome”></span>
</div>
<div>
<!– Red Card Icon –>
<svg fill=”none” height=”16″ viewBox=”0 0 15 16″ width=”15″ xmlns=”http://www.w3.org/2000/svg”>
<rect fill=”#ED0000″ height=”15″ width=”10.5″ rx=”2″ x=”2.25″ y=”0.5″/>
</svg>
</div>
<div class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-sm uppercase w-5″
x-text=”action.minute”></div>
</div>
</div>
</template>

<!– Comment Template –>
<template x-if=”action.type == ‘comment'”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘w-full py-2.5 rounded flex-col justify-center gap-2.5 inline-flex cursor-pointer max-w-[90%]’: true,
‘ml-0 mr-auto items-start’: isHome,
‘ml-auto mr-0 items-end’: !isHome
}”>
<div class=”items-center inline-flex bg-opacity-5 bg-sky-700 gap-1 justify-start p-2.5 rounded”>
<div x-data=”{ isHome: action.who === ‘home’ }”
:class=”{
‘items-center gap-1 flex’: true,
‘flex-row-reverse’: isHome
}”>
<div class=”font-bold font-[‘Helvetica’] text-left text-sm text-sky-950″
x-text=”action.description”></div>
<div>
<!– Comment Icon SVG –>
<svg fill=”none” height=”16″ viewBox=”0 0 15 16″ width=”15″ xmlns=”http://www.w3.org/2000/svg”>
<g clip-path=”url(#clip0_172_6930)”>
<path d=”M6.875 11.2812V15.0312C6.875 15.375 7.15 15.6562 7.5 15.6562C7.84375 15.6562 8.125 15.375 8.125 15.0312V11.2812C8.125 10.9313 7.84375 10.6562 7.5 10.6562C7.15 10.6562 6.875 10.9313 6.875 11.2812Z” fill=”#8D9CB4″/>
<path d=”M5.625 15.6562H9.375C9.71875 15.6562 10 15.375 10 15.0312C10 14.6813 9.71875 14.4062 9.375 14.4062H5.625C5.275 14.4062 5 14.6813 5 15.0312C5 15.375 5.275 15.6562 5.625 15.6562Z” fill=”#8D9CB4″/>
<!– Additional paths for comment icon –>
</g>
<defs>
<clipPath id=”clip0_172_6930″>
<rect fill=”white” height=”15″ width=”15″ transform=”translate(0 0.5)”/>
</clipPath>
</defs>
</svg>
</div>
<div class=”font-bold font-[‘Helvetica’] text-left text-slate-500 text-sm uppercase w-5″
x-text=”action.minute”></div>
</div>
</div>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</div>

<script>
function livegame() {
return {
livematch: [],
actions: [],
halfGoal: [],
totalGoal: [],
status: [],
date: ”,
tempi: [
‘1° Tempo’,
‘2° Tempo’,
‘3° Tempo’,
‘1° Tempo Supplementare’,
‘2° Tempo Supplementare’,
‘3° Tempo Supplementare’,
‘Rigori’
],

init() {
// Load initial match data
axios.get(“https://gare.lnd.it/api/livegame/1038”)
.then(response => {
const data = response.data;
this.livematch = data.livematch;
this.date = data.date;
})
.catch(error => {
console.error(‘Errore nella richiesta API:’, error);
});

// Load initial actions data
axios.get(“https://gare.lnd.it/api/liveactions/1038”)
.then(response => {
const data = response.data;
this.actions = data.actions;
this.halfGoal = data.halfGoal;
this.totalGoal = data.totalGoal;
this.status = data.status;
})
.catch(error => {
console.error(‘Errore nella richiesta API:’, error);
});

// Update actions every 10 seconds
setInterval(() => {
axios.get(“https://gare.lnd.it/api/liveactions/1038”)
.then(response => {
const data = response.data;
this.actions = data.actions;
this.halfGoal = data.halfGoal;
this.totalGoal = data.totalGoal;
this.status = data.status;
})
.catch(error => {
console.error(‘Errore nella richiesta API:’, error);
});
}, 10000);
}
};
}
</script>
</body>
</html>

{/source}

UNDER 16 LND-AS ROMA 2-3

Under 16 LND (4-3-3) 1^ tempo: Zonca; Gazzola, Pozzo (Cap.), D’Attoli, Di Fine; Hussey, Zanini, Petruzzelli; Guidobaldi, Tacchi, Miarelli. All: Valtolina
Under 16 LND (4-3-3) 2^ tempo: Abodi; Barberis, Pecorella, Saccà, Lo Bianco; Vidmidi, Honorio, Perna; Lo Bianco, Poliseno, Saraceni.

AS Roma U16 (4-2-3-1): Carta (1’st Carenza); Soares Da Cruz (1’st Cancedda), Gargiulo (1’st Chieffallo), De Benedetto, Mattei (1’st Dattilo); De Vincenzo (1’st Frangella), Mastropietro (1’st Tarnovetskyi); Dos Santos Braga (Cap.), 1’st Moricci, Bartolini (1’st Salvati), Xhemali; (1’st Rizzardi) Sperlonga. All: Ciaralli

Reti: 36’pt Tacchi (L), 9’st Perna (L), 14’ e 16’st Salvati (R), 36’st Rizzardi (R)

Arbitro: Di Riccio di Viterbo

Assistenti: Formichetti di Roma 1 e Pula di Roma 2