{% extends 'base.html.twig' %}

{% block title %}Liens utiles{% endblock %}

{% block body %}


<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">

    <div class="mx-auto max-w-screen-sm text-center lg:mb-16 mb-8">
        <h1 class="mb-4 text-3xl lg:text-4xl tracking-tight font-extrabold text-white">Les liens utiles</h1>
        <p class="font-light sm:text-xl text-gray-400">Divers liens pour découvrir le numérique ou en apprendre plus, les lieux utiles sur Montélimar, et remerciements.</p>
    </div>


    <article class="p-6 rounded-lg border shadow-md bg-gray-800 border-gray-700">
    
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Sur Montélimar</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://framacarte.org/fr/map/lieux-utiles-montelimar-eustache_191387#14/44.5585/4.7446" target="_blank">Carte des lieux utiles</a> (Les EPN, lieux d'accès aux droits sociaux, logement, santé, formation...)</li>
            <li><a class="hover:underline liens-utiles" href="https://www.bestmontelimar.com/impression/" target="_blank">Best Montélimar</a> (Impression et photocopie)</li>
            <li><a class="hover:underline liens-utiles" href="https://mediatheque.montelimar-agglo.fr/" target="_blank">Médiathéque</a> si inscrit, possibilité de faire des impressions</li>
            <li><a class="hover:underline liens-utiles" href="https://www.ecosystem.eco/annuaire-qualirepar/?product=Ordinateur%2Bportable&location=26200%2BMont%25C3%25A9limar%252C%2BFrance&lat=44.556944&lon=4.749496&city=26200%257CMont%25C3%25A9limar&country=France&department=Dr%25C3%25B4me#resultats" target="_blank">Annuaire Qualirepair</a> avec le <a class="hover:underline liens-utiles" herf="https://www.ecosystem.eco/comprendre/bonus-reparation" target="_blank">Bonus Réparation (voir éligibilité).</a></li>
        </ul>

        <br>

        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Ressources pour apprendre, tutoriels...</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://www.techabeille.fr/" target="_blank">Techabeille</a> (tuto, astuces Windows...)</li>
            <li><a class="hover:underline liens-utiles" href="https://openclassrooms.com/fr/courses?categories=Bureautique" target="_blank">OpenClassroom</a> (Formations en lignes gratuites ou payantes et certifiantes, se former sur Excel, traitement de texte...)</li>
            <li><a class="hover:underline liens-utiles" href="https://lesbases.anct.gouv.fr/bases/solidarite-numerique/collections" target="_blank">Les Bases - Solidarité Numérique</a> (tuto et pas-à-pas démarches administratives en ligne)</li>
        </ul>

        <br>
        
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Se tester dans le numérique</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://pix.fr/" target="_blank">Pix</a> (connaître son niveau, s'entrainer, se tester)</li>
            <li><a class="hover:underline liens-utiles" href="https://view.genially.com/6793688139b577183064408a" target="_blank">Pix pour les parents</a> suivre un parcours Pix selon ses besoins de parent et notre enfant.</li>
            <li><a class="hover:underline liens-utiles" href="https://numeriquiz.fr/#quiz" target="_blank">Quiz numérique</a> (plusieurs quiz pour se tester sur différent domaines)</li>
        </ul>
        
        <br>
        
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Diagnostiquer sa situation, ses droits</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://www.cybermalveillance.gouv.fr/17cyber" target="_blank">17cyber</a> : permet de diagnostiquer sa situation quand on est victime de cybermalveillance, et connaître les procédures appropriées</li>
            <li><a class="hover:underline liens-utiles" href="https://www.mesdroitssociaux.gouv.fr/accueil/" target="_blank">Mes droits sociaux</a> (une simulation pour connaître tous les droits et aides disponibles selon notre situation).</li>
            <li><a class="hover:underline liens-utiles" href="https://www.aide-sociale.fr/simulateur/" target="_blank">Aide sociale</a> (autre simulateur pour connaître ses droits).</li>
        </ul>
        
        <br>
        
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Guides achats matériel</h2>
        <p class="mb-5"><i>Nous vous conseillons de vous diriger vers des boutiques d'informatique pour des conseils. Nous proposons ces sites mais libre à vous de chercher autre part !</i></p>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://www.ldlc.com/n6497/" target="_blank">LDLC conseils</a> : trouver des suggestions <strong>d'ordinateur portable</strong> selon sa situation et ses besoins.</li>
            <li><a class="hover:underline liens-utiles" href="https://www.materiel.net/guide-achat/" target="_blank">Guide d'achat du site Matériel</a> explication de chaque composants de l'ordinateur, les périphériques... pour comprendre leur usage selon les usages.</li>
            <li><a class="hover:underline liens-utiles" href="https://www.materiel.net/configurateur-pc-sur-mesure/" target="_blank">Configurateur PC sur mesure de Matériel</a> (permet de créér sur mesure un ordinateur fixe, à partir de 0 ou en se basant sur des configurations déjà faite).</li>
        </ul>

        <br>

        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Jeux numérique sur la culture</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://g.co/arts/12hZuqpQXKWt6PM27" target="_blank">Geo Artwork</a> : devinez d'où viennent des oeuvres d'art différentes.</li>
            <li><a class="hover:underline liens-utiles" href="https://artsandculture.google.com/experiment/daily-gallery/JwHBGqduT4aY6Q?hl=en" target="_blank">Daily Gallery</a> aaaa.</li>
        </ul>

        <br>
        
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Assistant IA</h2>
        <p class="mb-5"><a class="hover:underline liens-utiles" href="https://mistral.ai/fr/products/le-chat" target="_blank">Le Chat</a> : un assistant IA d'une startup française Mistral, avec une mission de produits et solutions IA open-source, plus transparente et contribu mondialement à la régulation de l'IA.</p>

        <br>

        <h2 class="mb-2 text-2xl font-bold tracking-tight text-white">Remerciements</h2>
        <ul class="mb-5 list-item">
            <li><a class="hover:underline liens-utiles" href="https://ptilouk.net/" target="_blank">Ptilouk</a> : le site de l'artiste Gee, dessinateur des illustrations utilisées sur l'atelier Grands Débutants.</li>
            <li>Les usagers de l'EPN et les bénévoles de l'association pour leurs retours :)</li>
        </ul>
        
        


        <br><br>
        
        <div class="flex justify-between items-center">
            <div class="flex items-center space-x-4">
                <img class="w-7 h-7 rounded-full" src="{{ asset('img/logo-simple.svg') }}" alt="Logo d'Eustache" />
                    <span class="font-medium text-white">
                        <a href="https://eustaches.com/" class="hover:underline liens-utiles" target="_blank">Site Les Trompes d'Eustache</a>
                    </span>
            </div>
        </div>
    </article> 

</div>




{% endblock %}