@@ -249,10 +249,50 @@ const videolezioni = [
249249 Le tessere possono essere liberamente scaricate da questa pagina, stampate e ritagliate. Ne vengono fornite tre
250250 versioni: CodyFeet-WoC, con simboli bianchi su sfondo colorato; CodyFeet-CoW, con simboli colorati su sfondo
251251 bianco; CodyFeet-W, senza colorazione, per risparmiare inchiostro in fase di stampa e permettere la
252- personalizzazione dei colori. Di seguito è possibile scaricare il file <a href ={ CodyFeetCC } >pdf vettoriale</a > con
252+ personalizzazione dei colori. Di seguito è possibile scaricare il file <a target = " _blank " href ={ CodyFeetCC } >pdf vettoriale</a > con
253253 tutte le tessere, o le singole tessere ad una ad una.
254+ Clicca sulla singola tessere per aprire il file PDF corrispondente:
254255 </p >
255-
256+ <AnimateText >
257+ <div class =" flex flex-col gap-4 mx-4" >
258+ <div class =" flex justify-center gap-x-1 max-w-full items-center" >
259+ <p >WoC:</p >
260+ {
261+ CodyFeetWoC .map ((el ) => {
262+ return (
263+ <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
264+ <Image src = { el .thumbnail } alt = { el .alt } />
265+ </a >
266+ );
267+ })
268+ }
269+ </div >
270+ <div class =" flex justify-center gap-x-1 max-w-full items-center" >
271+ <p >CoW:</p >
272+ {
273+ CodyFeetCoW .map ((el ) => {
274+ return (
275+ <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
276+ <Image src = { el .thumbnail } alt = { el .alt } />
277+ </a >
278+ );
279+ })
280+ }
281+ </div >
282+ <div class =" flex justify-center gap-x-1 max-w-full items-center" >
283+ <p >W:</p >
284+ {
285+ CodyFeetW .map ((el ) => {
286+ return (
287+ <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
288+ <Image src = { el .thumbnail } alt = { el .alt } />
289+ </a >
290+ );
291+ })
292+ }
293+ </div >
294+ </div >
295+ </AnimateText >
256296 <p >
257297 Le tessere hanno un bordo che serve a far rientrate in una forma quadrata la protuberanza necessari a agli
258298 incastri. Se decidete di ritagliare le tessere in modo da mantenere il bordo avete due vantaggi: tutte le
@@ -263,60 +303,7 @@ const videolezioni = [
263303 </p >
264304 </AnimateText >
265305 </div >
266- <AnimateText >
267- <div class =" flex flex-col gap-4 mx-4" >
268- <div class =" flex justify-center gap-x-1 max-w-full items-center" >
269- <p >WoC:</p >
270- {
271- CodyFeetWoC .map ((el ) => {
272- return (
273- <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
274- <Image src = { el .thumbnail } alt = { el .alt } />
275- </a >
276- );
277- })
278- }
279- </div >
280- <div class =" flex justify-center gap-x-1 max-w-full items-center" >
281- <p >CoW:</p >
282- {
283- CodyFeetCoW .map ((el ) => {
284- return (
285- <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
286- <Image src = { el .thumbnail } alt = { el .alt } />
287- </a >
288- );
289- })
290- }
291- </div >
292- <div class =" flex justify-center gap-x-1 max-w-full items-center" >
293- <p >W:</p >
294- {
295- CodyFeetW .map ((el ) => {
296- return (
297- <a target = " _blank" href = { el .src .src } class = " hover:bg-slate-200" >
298- <Image src = { el .thumbnail } alt = { el .alt } />
299- </a >
300- );
301- })
302- }
303- </div >
304- </div >
305- </AnimateText >
306- <!-- <div
307- class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade"
308- >
309- <div class="flex w-full sm:w-auto text-white no-underline">
310- <Button
311- class="w-full sm:mb-0"
312- variant="primary"
313- text="Scarica ora"
314- href={codyFeetGame}
315- target="_blank"
316- icon="tabler:download"
317- />
318- </div>
319- </div> -->
306+
320307 <div class =" prose-page" >
321308 <AnimateText >
322309 <h2 >Modalità di gioco</h2 >
0 commit comments