{{ template "headersMenu.html" . }}



<div class="font-nunito text-base text-black dark:text-white dark:bg-slate-900 bg-[url('../../assets/images/utility.jpg')] bg-no-repeat bg-center bg-cover min-h-screen" style="background:fixed">

    <!-- Start -->
    <section class="relative items-center py-36 min-h-screen bg-center bg-gradient-to-b to-transparent md:py-48 from-indigo-600/20 dark:from-indigo-600/40">
        <div class="container">
            <div class="grid grid-cols-1 pb-8 text-center">
                <h1 class="mb-5 text-3xl font-bold leading-normal lg:leading-normal lg:text-5xl">Vos <span class="typewrite" data-period="2000" data-type='[ "notes", "projets", "réflexions", "connaissances" ]'> <span class="wrap"></span> </span></h1>
                <div class="mt-6 mb-3 subcribe-form">
                    <form method="GET" action="/" class="relative mx-auto max-w-xl">
                        <input type="text" id="site-q" name="q" value="{{ .q }}" class="pt-4 ltr:pr-40 rtl:pl-40 pb-4 ltr:pl-6 rtl:pr-6 w-full h-[50px] outline-none text-black dark:text-white rounded-full bg-white/60 dark:bg-slate-900/60 shadow dark:shadow-gray-800" placeholder="Vos mots-clés">
                        <button type="submit" class="btn absolute top-[2px] ltr:right-[3px] rtl:left-[3px] h-[46px] bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-full"><i data-feather="search" class="h-4"></i></button>
                    </form><!--end form-->
                </div>

            </div>

            <div class="grid lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 grid-cols-1 mt-8 gap-[30px]">

                {{range .notes}}
                <div class="overflow-hidden p-6 {{ if .AI }}bg-gray-200 opacity-70 transition hover:bg-white hover:opacity-100{{ else }}bg-white{{ end }} rounded-lg shadow-lg dark:bg-slate-900 dark:shadow-gray-800">

                    <div class="ltr:pl-4 rtl:pr-4">
                        <p>
                            <a href="/{{.Path}}.html" class="block text-xl font-bold" style="min-height:175px">
                            {{ if .AI }}
                            <code class="absolute px-1 py-0 text-sm text-white bg-red-600" style="margin:4px 0 0 -32px">{{ "IA" | t }}</code>
                            {{ end }}
                            {{.Title}}</a>
                        </p> 
                        <p class="flex justify-between">
                            <a href="/{{.Path}}.html" class="duration-500 ease-in-out text-slate-400 hover:text-indigo-600">.html</a>
                            <a href="/{{.Path}}.md" class="duration-500 ease-in-out text-slate-400 hover:text-indigo-600"><i class="uil uil-file"></i> .md</a>
                            <a href="/edit/{{.Path}}" class="block font-bold text-right duration-500 ease-in-out"><i class="uil uil-book-alt"></i> 
                                <i class="fa fa-edit"></i> EDITER</a>
                        </p>
                    </div>
                </div>
                {{end}}
        
            </div>
        </div>
    </section>
    
</div>


{{ template "footer.html" . }}