|
39 | 39 | </div>
|
40 | 40 |
|
41 | 41 | <div class="divide-y divide-skin-base">
|
42 |
| - <div class="py-8 lg:py-10 xl:pb-14"> |
43 |
| - <p class="text-center text-lg font-medium text-skin-base tracking-wider leading-6 font-sans"> |
44 |
| - Nous travaillons avec d’autres communautés et grandes startups |
| 42 | + <div class="py-10 lg:py-12 xl:pb-14"> |
| 43 | + <p class="text-center text-base uppercase tracking-tight text-skin-base tracking-wider leading-6 font-sans"> |
| 44 | + Nous travaillons avec d’autres communautés et startups |
45 | 45 | </p>
|
46 |
| - <div class="mt-5 space-y-5 lg:flex lg:items-center lg:justify-around lg:space-y-0 lg:mt-6"> |
47 |
| - <a href="https://twitter.com/DarkCodeCompany" class="flex items-center justify-center"> |
48 |
| - <x-icon.darkcode class="h-8 text-skin-inverted" /> |
49 |
| - </a> |
50 |
| - <a href="https://laravelshopper.io" class="flex items-center justify-center"> |
51 |
| - <img class="h-12 logo-white" src="{{ asset('/images/sponsors/shopper-logo.svg') }}" alt="Laravel Shopper"> |
52 |
| - <img class="h-12 logo-dark" src="{{ asset('/images/sponsors/shopper-logo-light.svg') }}" alt="Laravel Shopper"> |
53 |
| - </a> |
54 |
| - <a href="https://gdg.community.dev/gdg-douala" class="flex items-center justify-center"> |
55 |
| - <x-icon.gdg class="h-8 text-skin-inverted" /> |
56 |
| - </a> |
| 46 | + <div class="mt-8 grid grid-cols-2 gap-y-8 lg:grid-cols-3 lg:mt-12"> |
| 47 | + <div class="col-span-2 flex justify-center lg:col-span-1"> |
| 48 | + <a href="https://cosna-afrique.com" target="_blank" class="flex items-center"> |
| 49 | + <x-icon.cosna class="h-14 w-auto"/> |
| 50 | + </a> |
| 51 | + </div> |
| 52 | + <div class="col-span-2 flex justify-center lg:col-span-1"> |
| 53 | + <a href="https://laravelshopper.io" target="_blank" class="flex items-center"> |
| 54 | + <img class="h-12 logo-white" src="{{ asset('/images/sponsors/shopper-logo.svg') }}" alt="Laravel Shopper"> |
| 55 | + <img class="h-12 logo-dark" src="{{ asset('/images/sponsors/shopper-logo-light.svg') }}" alt="Laravel Shopper"> |
| 56 | + </a> |
| 57 | + </div> |
| 58 | + <div class="col-span-2 flex justify-center lg:col-span-1"> |
| 59 | + <a href="https://gdg.community.dev/gdg-douala" target="_blank" class="flex items-center"> |
| 60 | + <x-icon.gdg class="h-8 text-skin-inverted" /> |
| 61 | + </a> |
| 62 | + </div> |
| 63 | + </div> |
| 64 | + <div class="mt-6 text-center lg:mt-10"> |
| 65 | + < a class= "text-sm leading-5 text-flag-green hover:text-green-600 hover:underline" href= "mailto:[email protected]">Votre logo ici ?</ a> |
57 | 66 | </div>
|
58 | 67 | </div>
|
59 | 68 |
|
60 | 69 | <div class="py-12 lg:py-20">
|
61 |
| - <x-section-header title="Articles Populaires" content="Découvrez les articles les plus appréciés et partagés par les membres de la communauté" /> |
| 70 | + <x-section-header |
| 71 | + title="Articles Populaires" |
| 72 | + content="Découvrez les articles les plus appréciés et partagés par les membres de la communauté" |
| 73 | + /> |
62 | 74 | <div class="mt-8 grid gap-10 max-w-xl mx-auto lg:grid-rows-3 lg:grid-flow-col lg:grid-cols-2 lg:mt-10 lg:gap-x-8 lg:max-w-none">
|
63 | 75 | @foreach($latestArticles as $article)
|
64 | 76 | @if($loop->first)
|
|
83 | 95 |
|
84 | 96 | @if($latestThreads->isNotEmpty())
|
85 | 97 | <div class="py-12 lg:py-20">
|
86 |
| - <x-section-header title="On apprend aussi en aidant les autres" content="En rejoignant la communauté, vous pouvez consulter les dernières questions non résolues et apporter votre pierre à l’édifice." /> |
87 |
| - <div class="mt-12 grid gap-10 lg:grid-cols-2 lg:gap-x-5 lg:gap-y-12 lg:mt-12"> |
| 98 | + <x-section-header |
| 99 | + title="On apprend aussi en aidant les autres" |
| 100 | + content="En rejoignant la communauté, vous pouvez consulter les dernières questions non résolues et apporter votre pierre à l’édifice." |
| 101 | + /> |
| 102 | + <div class="mt-10 grid gap-10 lg:grid-cols-2 lg:gap-x-5 lg:gap-y-12 lg:mt-12"> |
88 | 103 | @foreach($latestThreads as $thread)
|
89 | 104 | <div>
|
90 | 105 | <div class="flex items-center font-sans text-skin-base">
|
|
123 | 138 | </div>
|
124 | 139 | </div>
|
125 | 140 | @endif
|
| 141 | + |
| 142 | + <div class="py-12 lg:py-20"> |
| 143 | + <x-section-header |
| 144 | + title="Ou venez juste discuter" |
| 145 | + content="Dans la communauté on partage aussi des sujets de discussions dans divers domaines, pour nous édifier tous ensemble. Rejoins nous en participant" |
| 146 | + /> |
| 147 | + |
| 148 | + <div class="mt-8 grid gap-8 md:grid-cols-3 md:gap-x-10 lg:mt-12"> |
| 149 | + @foreach($latestDiscussions as $discussion) |
| 150 | + <div> |
| 151 | + <div class="flex items-center text-sm font-sans text-skin-muted"> |
| 152 | + <a class="shrink-0" href="/user/{{ $discussion->author->username }}"> |
| 153 | + <img class="h-6 w-6 rounded-full" src="{{ $discussion->author->profile_photo_url }}" alt="{{ $discussion->author->name }}"> |
| 154 | + </a> |
| 155 | + <span class="ml-2 pr-1">Posté par</span> |
| 156 | + <div class="flex items-center space-x-1"> |
| 157 | + <a href="{{ route('profile', $discussion->author->username) }}" class="text-skin-inverted hover:underline">{{ $discussion->author->name }}</a> |
| 158 | + <span aria-hidden="true">·</span> |
| 159 | + <time-ago time="{{ $discussion->created_at->getTimestamp() }}"/> |
| 160 | + </div> |
| 161 | + </div> |
| 162 | + <a href="{{ route('discussions.show', $discussion) }}" class="mt-2 block"> |
| 163 | + <p class="text-xl font-semibold text-skin-inverted">{{ $discussion->title }}</p> |
| 164 | + <p class="mt-3 text-base text-skin-base">{!! $discussion->excerpt() !!}</p> |
| 165 | + </a> |
| 166 | + <div class="mt-3"> |
| 167 | + <a href="{{ route('discussions.show', $discussion) }}" class="text-base font-medium text-flag-green hover:text-green-500"> Lire la discussion </a> |
| 168 | + </div> |
| 169 | + </div> |
| 170 | + @endforeach |
| 171 | + </div> |
| 172 | + |
| 173 | + <div class="flex items-center justify-center mt-10 sm:mt-12 xl:mt-16"> |
| 174 | + <x-button :link="route('discussions.index')"> |
| 175 | + Voir toutes les discussions |
| 176 | + <x-heroicon-o-arrow-narrow-right class="h-5 w-5 ml-1.5" /> |
| 177 | + </x-button> |
| 178 | + </div> |
| 179 | + </div> |
126 | 180 | </div>
|
127 | 181 | </x-container>
|
128 | 182 |
|
|
0 commit comments