Skip to content

Commit 2d2f172

Browse files
mckenzieartsmckenziearts
committed
style: migrate home style and update components
1 parent 776d6b0 commit 2d2f172

File tree

141 files changed

+1089
-1055
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

141 files changed

+1089
-1055
lines changed

‎lang/en/actions.php

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?php
2+
3+
declare(strict_types=1);
4+
5+
return [
6+
7+
'new_thread' => 'Lancer un thread',
8+
9+
];

‎lang/en/global.php

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44

55
return [
66

7+
'site_name' => 'Laravel Cameroon',
8+
'site_description' => 'Bienvenue sur le site de la communauté des développeurs PHP et Laravel du Cameroun, le plus gros rassemblement de développeurs au Cameroun.',
79
'by' => 'by',
810
'soon' => 'Soon',
911
'navigation' => [

‎lang/en/pages/home.php

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,12 @@
66

77
'title' => 'La plus grande communauté de développeurs Laravel & PHP au Cameroun',
88
'description' => 'Laravel Cameroun est le portail de la communauté de développeurs PHP & Laravel au Cameroun, on partage, on apprend, on découvre et on construit une grande communauté.',
9+
'sponsor' => [
10+
'title' => 'Sponsor',
11+
'description' => 'Soutenez Laravel Cameroun aujourd\'hui en sponsorisant',
12+
'description_small' => 'Soutenez Laravel Cameroun',
13+
],
14+
'join_community' => 'Join the community',
15+
'visit_forum' => 'Visit the forum',
916

1017
];

‎lang/fr/actions.php

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?php
2+
3+
declare(strict_types=1);
4+
5+
return [
6+
7+
'new_thread' => 'Lancer un thread',
8+
9+
];

‎lang/fr/global.php

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44

55
return [
66

7+
'site_name' => 'Laravel Cameroun',
8+
'site_description' => 'Bienvenue sur le site de la communauté des développeurs PHP et Laravel du Cameroun, le plus gros rassemblement de développeurs au Cameroun.',
79
'by' => 'par',
810
'soon' => 'Bientôt',
911
'navigation' => [

‎lang/fr/pages/home.php

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,12 @@
66

77
'title' => 'La plus grande communauté de développeurs Laravel & PHP au Cameroun',
88
'description' => 'Laravel Cameroun est le portail de la communauté de développeurs PHP & Laravel au Cameroun, on partage, on apprend, on découvre et on construit une grande communauté.',
9+
'sponsor' => [
10+
'title' => 'Sponsor',
11+
'description' => 'Soutenez Laravel Cameroun aujourd\'hui en sponsorisant',
12+
'description_small' => 'Soutenez Laravel Cameroun',
13+
],
14+
'join_community' => 'Rejoindre la communauté',
15+
'visit_forum' => 'Visiter le Forum',
916

1017
];

‎resources/css/file-upload.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
/* Download button styles */
5050

5151
.filepond--download-icon {
52-
@apply pointer-events-auto mr-1 inline-block h-4 w-4 bg-white align-bottom hover:bg-white/70;
52+
@apply pointer-events-auto mr-1 inline-block size-4 bg-white align-bottom hover:bg-white/70;
5353
-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==');
5454
mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==');
5555
-webkit-mask-repeat: no-repeat;
@@ -59,7 +59,7 @@
5959
}
6060

6161
.filepond--open-icon {
62-
@apply pointer-events-auto mr-1 inline-block h-4 w-4 bg-white align-bottom hover:bg-white/70;
62+
@apply pointer-events-auto mr-1 inline-block size-4 bg-white align-bottom hover:bg-white/70;
6363
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);
6464
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);
6565
-webkit-mask-repeat: no-repeat;

‎resources/js/utils/clipboard.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,10 @@ codeBlocks.forEach((element, key) => {
3939
</div>
4040
</div>
4141
<button @click="copyToClipboard();" class="flex items-center justify-center h-8 text-xs bg-gray-700 rounded-md cursor-pointer w-9 hover:bg-gray-900/50 active:bg-gray-600 focus:bg-gray-700 focus:outline-none text-slate-300 hover:text-white group">
42-
<svg x-show="copyNotification" class="w-4 h-4 text-primary-500 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" x-cloak>
42+
<svg x-show="copyNotification" class="size-4 text-primary-500 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" x-cloak>
4343
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
4444
</svg>
45-
<svg x-show="!copyNotification" class="w-4 h-4 stroke-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
45+
<svg x-show="!copyNotification" class="size-4 stroke-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
4646
<g fill="none" stroke="none">
4747
<path d="M7.75 7.757V6.75a3 3 0 0 1 3-3h6.5a3 3 0 0 1 3 3v6.5a3 3 0 0 1-3 3h-.992" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4848
<path d="M3.75 10.75a3 3 0 0 1 3-3h6.5a3 3 0 0 1 3 3v6.5a3 3 0 0 1-3 3h-6.5a3 3 0 0 1-3-3v-6.5z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

‎resources/views/about.blade.php

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
<x-container>
33
<header class="py-8 sm:py-10 lg:grid lg:grid-cols-2 lg:gap-x-12 lg:py-12">
44
<div class="sm:text-center md:mx-auto md:max-w-2xl lg:mx-0 lg:text-left">
5-
<h1 class="text-skin-inverted">
6-
<span class="block text-sm font-semibold text-skin-primary sm:text-base lg:text-sm xl:text-base">
5+
<h1 class="text-gray-900">
6+
<span class="block text-sm font-semibold text-primary-600 sm:text-base lg:text-sm xl:text-base">
77
À propos
88
</span>
99
<span
@@ -14,11 +14,11 @@ class="mt-2 block text-2xl font-extrabold tracking-tight sm:text-3xl xl:text-4xl
1414
</h1>
1515
</div>
1616
<div class="mt-8 sm:text-center lg:text-left">
17-
<p class="text-base font-normal leading-6 text-skin-base sm:text-lg">
18-
<span class="font-medium text-skin-inverted">
19-
<span class="italic text-skin-primary">"</span>
17+
<p class="text-base font-normal leading-6 text-gray-500 dark:text-gray-400 sm:text-lg">
18+
<span class="font-medium text-gray-900">
19+
<span class="italic text-primary-600">"</span>
2020
Tout le monde enseigne, tout le monde apprend
21-
<span class="italic text-skin-primary">"</span>
21+
<span class="italic text-primary-600">"</span>
2222
</span>
2323
. Tel est l'esprit qui est derrière la communauté. Une communauté qui se veut grandissante et qui
2424
donne la possibilité à tout le monde de partager ses connaissances et d'apprendre.
@@ -44,16 +44,16 @@ class="mt-2 block text-2xl font-extrabold tracking-tight sm:text-3xl xl:text-4xl
4444
</section>
4545

4646
<div class="mx-auto max-w-3xl py-8 sm:py-10 lg:max-w-none lg:py-12 xl:pb-20">
47-
<h1 class="font-sans text-skin-inverted">
48-
<span class="block text-sm font-semibold text-skin-primary sm:text-base lg:text-sm xl:text-base">
47+
<h1 class="font-sans text-gray-900">
48+
<span class="block text-sm font-semibold text-primary-600 sm:text-base lg:text-sm xl:text-base">
4949
Notre histoire
5050
</span>
5151
<span class="mt-1 block font-heading text-xl font-extrabold tracking-tight sm:text-2xl xl:text-3xl">
5252
Nous commençons tout juste
5353
</span>
5454
</h1>
5555

56-
<div class="prose prose-lg prose-green mt-5 text-skin-base lg:max-w-none">
56+
<div class="prose prose-lg prose-green mt-5 text-gray-500 dark:text-gray-400 lg:max-w-none">
5757
<div class="lg:grid lg:grid-cols-2 lg:gap-x-12">
5858
<div>
5959
<p>
@@ -73,7 +73,7 @@ class="mt-2 block text-2xl font-extrabold tracking-tight sm:text-3xl xl:text-4xl
7373
</li>
7474
<li>
7575
L'entreprise
76-
<span class="font-medium text-skin-primary">Kerawa Cameroun</span>
76+
<span class="font-medium text-primary-600">Kerawa Cameroun</span>
7777
qui a été l'un de nos sponsors.
7878
</li>
7979
<li>
@@ -168,15 +168,15 @@ class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gr
168168
<div class="mt-12 border-t border-skin-base pt-12 sm:mt-14 sm:pt-14">
169169
<div class="space-y-12 lg:grid lg:grid-cols-3 lg:gap-24 lg:space-y-0">
170170
<div class="font-sans">
171-
<span class="text-sm font-semibold uppercase leading-5 tracking-wide text-skin-primary">
171+
<span class="text-sm font-semibold uppercase leading-5 tracking-wide text-primary-600">
172172
Notre équipe
173173
</span>
174174
<h2
175-
class="mt-2 font-heading text-2xl font-extrabold tracking-tight text-skin-inverted sm:text-3xl"
175+
class="mt-2 font-heading text-2xl font-extrabold tracking-tight text-gray-900 sm:text-3xl"
176176
>
177177
Équipe de direction
178178
</h2>
179-
<p class="mt-5 text-lg text-skin-base">
179+
<p class="mt-5 text-lg text-gray-500 dark:text-gray-400">
180180
Laravel Cameroun est une idée qui a été initiée puis transformée en une communauté par 2
181181
développeurs parmi les plus influents au Cameroun.
182182
</p>
@@ -193,17 +193,17 @@ class="h-16 w-16 rounded-full lg:h-20 lg:w-20"
193193
src="https://avatars.githubusercontent.com/u/14105989?v=4"
194194
alt="Arthur Monney"
195195
/>
196-
<div class="space-y-1 text-lg font-medium leading-6 text-skin-inverted">
196+
<div class="space-y-1 text-lg font-medium leading-6 text-gray-900">
197197
<h3>Arthur Monney</h3>
198198
<p class="font-sans text-base text-green-600">Développeur Web Fullstack</p>
199199
</div>
200200
<div class="text-lg">
201-
<p class="text-skin-base">
201+
<p class="text-gray-500 dark:text-gray-400">
202202
Créateur de
203203
<a
204204
href="https://github.com/shopperlabs/shopper"
205205
target="_blank"
206-
class="text-skin-primary hover:text-skin-primary-hover"
206+
class="text-primary-600 hover:text-primary-600-hover"
207207
>
208208
@laravelshopper
209209
</a>
@@ -217,28 +217,28 @@ class="text-skin-primary hover:text-skin-primary-hover"
217217
<li>
218218
<a
219219
href="https://twitter.com/MonneyArthur"
220-
class="text-skin-muted hover:text-skin-base"
220+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
221221
>
222222
<span class="sr-only">Twitter</span>
223-
<x-icon.twitter class="h-6 w-6" />
223+
<x-icon.twitter class="size-6" />
224224
</a>
225225
</li>
226226
<li>
227227
<a
228228
href="https://github.com/mckenziearts"
229-
class="text-skin-muted hover:text-skin-base"
229+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
230230
>
231231
<span class="sr-only">Github</span>
232-
<x-icon.github class="h-6 w-6" />
232+
<x-icon.github class="size-6" />
233233
</a>
234234
</li>
235235
<li>
236236
<a
237237
href="https://www.linkedin.com/in/arthurmonney"
238-
class="text-skin-muted hover:text-skin-base"
238+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
239239
>
240240
<span class="sr-only">LinkedIn</span>
241-
<x-icon.linkedin class="h-6 w-6" />
241+
<x-icon.linkedin class="size-6" />
242242
</a>
243243
</li>
244244
</ul>
@@ -251,14 +251,14 @@ class="h-16 w-16 rounded-full lg:h-20 lg:w-20"
251251
src="https://avatars.githubusercontent.com/u/4902424?v=4"
252252
alt="Fabrice Yopa"
253253
/>
254-
<div class="space-y-1 text-lg font-medium leading-6 text-skin-inverted">
254+
<div class="space-y-1 text-lg font-medium leading-6 text-gray-900">
255255
<h3>Fabrice Yopa</h3>
256256
<p class="font-sans text-base text-green-600">
257257
Co-Founder & CTO IS Dev Experts
258258
</p>
259259
</div>
260260
<div class="text-lg">
261-
<p class="font-normal text-skin-base">
261+
<p class="font-normal text-gray-500 dark:text-gray-400">
262262
CTO at
263263
@isdevexperts
264264
, Expert Lead Dev Web. Laravel Cameroon Organizer
@@ -270,28 +270,28 @@ class="h-16 w-16 rounded-full lg:h-20 lg:w-20"
270270
<li>
271271
<a
272272
href="https://twitter.com/yopafabrice"
273-
class="text-skin-muted hover:text-skin-base"
273+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
274274
>
275275
<span class="sr-only">Twitter</span>
276-
<x-icon.twitter class="h-6 w-6" />
276+
<x-icon.twitter class="size-6" />
277277
</a>
278278
</li>
279279
<li>
280280
<a
281281
href="https://github.com/fabriceyopa"
282-
class="text-skin-muted hover:text-skin-base"
282+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
283283
>
284284
<span class="sr-only">Github</span>
285-
<x-icon.github class="h-6 w-6" />
285+
<x-icon.github class="size-6" />
286286
</a>
287287
</li>
288288
<li>
289289
<a
290290
href="https://www.linkedin.com/in/fabriceyopa"
291-
class="text-skin-muted hover:text-skin-base"
291+
class="text-skin-muted hover:text-gray-500 dark:text-gray-400"
292292
>
293293
<span class="sr-only">LinkedIn</span>
294-
<x-icon.linkedin class="h-6 w-6" />
294+
<x-icon.linkedin class="size-6" />
295295
</a>
296296
</li>
297297
</ul>

0 commit comments

Comments
 (0)