|
23 | 23 | >{{ 'nav.home' | transloco }}</a |
24 | 24 | > |
25 | 25 | </li> |
26 | | - |
27 | | - <!-- Next Meetup --> |
| 26 | + <!-- Contacts --> |
28 | 27 | <li class="flex list-none items-center"> |
29 | 28 | <a |
30 | | - href="#next-meetup" |
31 | | - (click)="scrollTo($event, 'next-meetup')" |
| 29 | + href="#contact" |
| 30 | + (click)="scrollTo($event, 'contact')" |
32 | 31 | class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
33 | | - >{{ 'nav.nextMeetup' | transloco }}</a |
| 32 | + >{{ 'nav.contacts' | transloco }}</a |
34 | 33 | > |
35 | 34 | </li> |
36 | | - |
37 | | - <!-- Call for Speakers --> |
| 35 | + <!-- Supporters --> |
38 | 36 | <li class="flex list-none items-center"> |
39 | 37 | <a |
40 | | - href="#call-for-speakers" |
41 | | - (click)="scrollTo($event, 'call-for-speakers')" |
| 38 | + href="#supporters" |
| 39 | + (click)="scrollTo($event, 'supporters')" |
42 | 40 | class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
43 | | - >{{ 'nav.callForSpeakers' | transloco }}</a |
| 41 | + >{{ 'nav.supporters' | transloco }}</a |
44 | 42 | > |
45 | 43 | </li> |
46 | | - |
47 | | - <!-- Contacts --> |
| 44 | + <!-- Eventi --> |
48 | 45 | <li class="flex list-none items-center"> |
49 | 46 | <a |
50 | | - href="#contact" |
51 | | - (click)="scrollTo($event, 'contact')" |
52 | | - class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
53 | | - >{{ 'nav.contacts' | transloco }}</a |
| 47 | + routerLink="/events" |
| 48 | + routerLinkActive="text-(--color-primary)" |
| 49 | + (click)="closeDropdown($event)" |
| 50 | + class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
| 51 | + >{{ 'nav.events' | transloco }}</a |
54 | 52 | > |
55 | 53 | </li> |
56 | 54 |
|
57 | | - <!-- Supporters --> |
| 55 | + <!-- Chi siamo --> |
58 | 56 | <li class="flex list-none items-center"> |
59 | 57 | <a |
60 | | - href="#supporters" |
61 | | - (click)="scrollTo($event, 'supporters')" |
62 | | - class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
63 | | - >{{ 'nav.supporters' | transloco }}</a |
| 58 | + routerLink="/chi-siamo" |
| 59 | + routerLinkActive="text-(--color-primary)" |
| 60 | + (click)="closeDropdown($event)" |
| 61 | + class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
| 62 | + >{{ 'nav.about' | transloco }}</a |
64 | 63 | > |
65 | 64 | </li> |
66 | 65 |
|
| 66 | + <!-- Next Meetup --> |
| 67 | + <!-- <li class="flex list-none items-center"> |
| 68 | + <a |
| 69 | + href="#next-meetup" |
| 70 | + (click)="scrollTo($event, 'next-meetup')" |
| 71 | + class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
| 72 | + >{{ 'nav.nextMeetup' | transloco }}</a |
| 73 | + > |
| 74 | + </li> --> |
| 75 | + |
| 76 | + <!-- Call for Speakers --> |
| 77 | + <!-- <li class="flex list-none items-center"> |
| 78 | + <a |
| 79 | + href="#call-for-speakers" |
| 80 | + (click)="scrollTo($event, 'call-for-speakers')" |
| 81 | + class="rounded-(--radius) px-3 py-[0.4rem] text-inherit no-underline transition-colors duration-150 hover:bg-(--surface)" |
| 82 | + >{{ 'nav.callForSpeakers' | transloco }}</a |
| 83 | + > |
| 84 | + </li> --> |
| 85 | + |
67 | 86 | <!-- Community dropdown --> |
68 | | - <li class="relative flex list-none items-center"> |
69 | | - <details class="group"> |
70 | | - <summary |
71 | | - class="flex cursor-pointer list-none items-center gap-1 rounded-(--radius) px-3 py-[0.4rem] text-inherit transition-colors duration-150 hover:bg-(--surface) [&::-webkit-details-marker]:hidden" |
72 | | - > |
73 | | - {{ 'nav.community' | transloco }} |
74 | | - <svg |
75 | | - class="h-3 w-3 transition-transform group-open:rotate-180" |
76 | | - viewBox="0 0 10 6" |
77 | | - fill="none" |
78 | | - stroke="currentColor" |
79 | | - stroke-width="1.5" |
80 | | - aria-hidden="true" |
| 87 | + @if (debugService.isEnabled) { |
| 88 | + <li class="relative flex list-none items-center"> |
| 89 | + <details class="group"> |
| 90 | + <summary |
| 91 | + class="flex cursor-pointer list-none items-center gap-1 rounded-(--radius) px-3 py-[0.4rem] text-inherit transition-colors duration-150 hover:bg-(--surface) [&::-webkit-details-marker]:hidden" |
81 | 92 | > |
82 | | - <path d="M1 1l4 4 4-4" /> |
83 | | - </svg> |
84 | | - </summary> |
85 | | - <ul |
86 | | - class="absolute top-[calc(100%+0.25rem)] left-0 z-10 m-0 min-w-40 list-none rounded-(--radius) border border-(--border) bg-(--bg) p-1 shadow-[0_4px_16px_rgba(0,0,0,0.15)]" |
87 | | - > |
88 | | - <li class="block"> |
89 | | - <a |
90 | | - routerLink="/chi-siamo" |
91 | | - routerLinkActive="text-(--color-primary)" |
92 | | - (click)="closeDropdown($event)" |
93 | | - class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
94 | | - >{{ 'nav.about' | transloco }}</a |
| 93 | + {{ 'nav.community' | transloco }} |
| 94 | + <svg |
| 95 | + class="h-3 w-3 transition-transform group-open:rotate-180" |
| 96 | + viewBox="0 0 10 6" |
| 97 | + fill="none" |
| 98 | + stroke="currentColor" |
| 99 | + stroke-width="1.5" |
| 100 | + aria-hidden="true" |
95 | 101 | > |
96 | | - </li> |
97 | | - @if (debugService.isEnabled) { |
98 | | - <li class="block"> |
99 | | - <a |
100 | | - routerLink="/blog" |
101 | | - routerLinkActive="text-(--color-primary)" |
102 | | - (click)="closeDropdown($event)" |
103 | | - class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
104 | | - >{{ 'nav.blog' | transloco }}</a |
105 | | - > |
106 | | - </li> |
107 | | - } |
108 | | - <li class="block"> |
109 | | - <a |
110 | | - routerLink="/events" |
111 | | - routerLinkActive="text-(--color-primary)" |
112 | | - (click)="closeDropdown($event)" |
113 | | - class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
114 | | - >{{ 'nav.events' | transloco }}</a |
115 | | - > |
116 | | - </li> |
117 | | - </ul> |
118 | | - </details> |
119 | | - </li> |
| 102 | + <path d="M1 1l4 4 4-4" /> |
| 103 | + </svg> |
| 104 | + </summary> |
| 105 | + <ul |
| 106 | + class="absolute top-[calc(100%+0.25rem)] left-0 z-10 m-0 min-w-40 list-none rounded-(--radius) border border-(--border) bg-(--bg) p-1 shadow-[0_4px_16px_rgba(0,0,0,0.15)]" |
| 107 | + > |
| 108 | + @if (debugService.isEnabled) { |
| 109 | + <li class="block"> |
| 110 | + <a |
| 111 | + routerLink="/blog" |
| 112 | + routerLinkActive="text-(--color-primary)" |
| 113 | + (click)="closeDropdown($event)" |
| 114 | + class="block rounded-[calc(var(--radius)-2px)] px-3 py-2 text-inherit no-underline hover:bg-(--surface)" |
| 115 | + >{{ 'nav.blog' | transloco }}</a |
| 116 | + > |
| 117 | + </li> |
| 118 | + } |
| 119 | + </ul> |
| 120 | + </details> |
| 121 | + </li> |
| 122 | + } |
120 | 123 | </ul> |
121 | 124 |
|
122 | 125 | <!-- Language toggle (desktop) --> |
|
0 commit comments