diff --git a/public/css/main.css b/public/css/main.css index e68d894..92a314b 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -1,12 +1,133 @@ +main { + font-family: "Segoe UI", Arial, sans-serif; +} + .container { - padding: 20px; + padding: 20px; } .cell { - display: grid; - height: 100%; + display: grid; + height: 100%; +} + +.title { + font-weight: 650; + --bulma-block-spacing: 2rem; +} + +.icon { + color: #eb0f0f; +} + +.grid { + gap: 2rem; } #calendar { - height: 800px; + height: 800px; +} + +.community-image { + justify-content: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.toastui-calendar-detail-item-indent { + display: none !important; +} + +.calendar-header { + display: flex; + flex-direction: row; + gap: 10px; + align-items: center; + font-size: 20px; +} + +.calendar-popup-text { + color: #2e333d; +} + +.lth-card { + display: flex; + flex-direction: column; + gap: 18px; + padding: 24px 30px; + border-radius: 6px; + border: 1px solid #d3d3d3; + color: #2e333d; + white-space: wrap; +} + +.lth-card-icon { + display: flex; + font-size: 48px; + margin-bottom: 24px; + color: #eb0f0f; +} + +.lth-card-title { + font-size: 24px; + font-weight: 600; + line-height: 28px; +} + +.lth-card-text { + font-size: 18px; + line-height: 22px; +} + +.lth-card-reference { + max-width: 300px; + justify-content: space-between; +} + +.learn-more:after { + content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none' viewBox='0 0 7 11'%3E%3Cpath stroke='%23eb0f0f' stroke-width='1.2' d='M1 1.301 5.199 5.5 1 9.699'/%3E%3C/svg%3E"); + margin-left: 8px; + position: relative; + vertical-align: 1px; +} + +.learn-more { + width: fit-content; + background-image: linear-gradient(#000, #000); + background-position-x: 0; + background-position-y: 100%; + background-repeat: no-repeat; + background-size: 0 .1em; + color: #000 !important; + transition: background-size .2s ease-in-out; +} + +.learn-more:hover { + background-size: 100% .1em; +} + + +.search { + display: flex; + align-items: center; + gap: 8px; +} + +.search-input { + padding: 6px 10px; + border-radius: 4px; + border: 1px solid #d3d3d3; + width: 300px; +} + +.search-header { + max-width: 100%; + display: flex; + flex-direction: row; + justify-content: space-between; + @media (max-width: 600px) { + flex-direction: column; + } + margin-bottom: 32px; } diff --git a/public/js/communityEvents.html b/public/js/communityEvents.html index 714169e..b0fc212 100644 --- a/public/js/communityEvents.html +++ b/public/js/communityEvents.html @@ -1,8 +1,8 @@ -
+
-

{{ paneTitle }}

+

{{ paneTitle }}

{{#if noEvent}} -

+

{{ noEventCaption }}

{{/if}} diff --git a/public/js/main.js b/public/js/main.js index b61aee3..199029e 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -90,6 +90,11 @@ const loadCommunities = () => .then((response) => response.text()) .then((body) => JSON.parse(body)); +const refreshCurrentMonth = (calendar) =>{ + let dateRangeStart = calendar.getDate(); + document.querySelector('#calendarDate').textContent = dateRangeStart.getMonth() + 1 + ' / ' + dateRangeStart.getFullYear(); +} + const loadCalendar = async () => { const communities = await loadCommunities(); const communitiesCalendars = @@ -129,6 +134,7 @@ const loadCalendar = async () => { ], }); + refreshCurrentMonth(calendar); fetch(calendarICSUrl) .then((response) => response.text()) .then((raw) => listVEventComponents(raw).map(toEvent)) @@ -153,24 +159,38 @@ const loadCalendar = async () => { } } + function formatWithLink(text, url) { + return url ? "" + text + "" : text; + } + return { calendarId: calendarId, id: item.id, - title: title, - body: item.description, + title: formatWithLink(title, item.url), + body: formatWithLink(item.description + " " + (item.url ?? ""), item.url), start: item.startDate, end: item.endDate, location: item.location, raw: { url: item.url }, + isReadOnly: true, } }) ); }) ; - document.querySelector('#calendarToday').onclick = () => { calendar.today(); }; - document.querySelector('#calendarNext').onclick = () => { calendar.next(); }; - document.querySelector('#calendarPrevious').onclick = () => { calendar.prev(); }; + document.querySelector('#calendarToday').onclick = () => { + calendar.today(); + refreshCurrentMonth(calendar); + }; + document.querySelector('#calendarNext').onclick = () => { + calendar.next(); + refreshCurrentMonth(calendar); + }; + document.querySelector('#calendarPrevious').onclick = () => { + calendar.prev(); + refreshCurrentMonth(calendar); + }; }; diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 7f86430..9eec4f8 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -2,7 +2,6 @@ interface Props { } -// const { title } = Astro.props; --- @@ -12,14 +11,39 @@ interface Props { Lyon Tech Hub - + - - + + + diff --git a/src/pages/about.astro b/src/pages/about.astro index 90cf901..b3f40a7 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -3,90 +3,96 @@ import Layout from '../layouts/Layout.astro'; --- -
-
-
-
-
-

Qui sommes-nous ?

+
+
+
+
+
+
+

Qui sommes-nous ?

+

Lyon Tech Hub est un groupe informel constitué des membres des + différentes communautés IT/tech lyonnaises. + Le groupe est auto-géré par les membres les plus actifs.

+

Les membres sont des passionnés, des experts, des curieux, des + professionnels de tous horizons: + éditeurs, sociétés industrielles ou commerciales, startups, indépendants, sociétés de + service... + Ils sont réunis par la volonté d'apprendre et d'échanger.

+
+
+
+
+ +

Des questions ?

+

Contactez nous

+ -

- Lyon Tech Hub est un groupe informel constitué des membres des différentes communautés IT/tech lyonnaises. - Le groupe est auto-géré par les membres les plus actifs. -

+
+
+
+
+

Rejoignez nous !

+

Sur Slack

+

Pour discuter avec les membres de nos communautés sur Slack, inscrivez-vous sur la page : Slack. +

-

- Les membres sont des passionnés, des experts, des curieux, des professionnels de tous horizons: - éditeurs, sociétés industrielles ou commerciales, startups, indépendants, sociétés de service... - Ils sont réunis par la volonté d'apprendre et d'échanger. -

-
-
-
- -
-
-
-

Rejoignez nous !

-

Sur Slack

-

Pour discuter avec les membres de nos communautés sur Slack, inscrivez-vous sur la page : https://slack.lyontechhub.org.

-

En vrai

-

- N'hésitez pas à participer aux évenements organisés par les communautés de Lyon Tech Hub ! Rendez-vous - sur la page Calendrier. -

-

Côtisez

-

- Soutenez-nous en côtisant à partir de 1€: par - assoconnect. -

+

En vrai

+

+ N'hésitez pas à participer aux évenements organisés par les communautés de Lyon + Tech Hub ! Rendez-vous + sur la page Calendrier. +

+

Côtisez

+

+ Soutenez-nous en côtisant à partir de 1€: par + assoconnect. +

+

Référencer une communauté

+

+ Pour inscrire votre communauté, envoyez une pull request sur GitHub pour mettre + en + ligne les + informations concernant votre communauté. +

+
    +
  • Forkez le repository + du + projet. Pour plus + d'informations sur les pull requests, consultez l'aide de Github. +
  • +
  • + Ajoutez les détails de votre communauté dans le fichier + data/[key].json + utilisée dans le fichier précédent +
  • +
  • + Ajoutez le logo de votre communauté au format PNG dans le répertoire imgs, + nommé + [key].png + (100px de haut au minimum, pas trop volumineuse) +
  • +
  • Proposez la pull request, elle sera déployée après validation.
  • +
-

Référencer une communauté

-

- Pour inscrire votre communauté, envoyez une pull request sur GitHub pour mettre en ligne les - informations concernant votre communauté. -

    -
  • Forkez le repository du projet. Pour plus - d'informations sur les pull requests, consultez l'aide de Github. -
  • -
  • - Ajoutez les détails de votre communauté dans le fichier - data/[key].json - utilisée dans le fichier précédent -
  • -
  • - Ajoutez le logo de votre communauté au format PNG dans le répertoire imgs, nommé - [key].png - (100px de haut au minimum, pas trop volumineuse) -
  • -
  • Proposez la pull request, elle sera déployée après validation.
  • -
-

-
-
-
-
-
-
-

Des questions ?

-

Contactez nous -

-

-
+
+
+
+
-
-
-
+
diff --git a/src/pages/calendar.astro b/src/pages/calendar.astro index 38cbfc4..4ad598b 100644 --- a/src/pages/calendar.astro +++ b/src/pages/calendar.astro @@ -17,19 +17,22 @@ import Layout from '../layouts/Layout.astro'; format ical ou sur Google via le bouton en bas à droite du calendrier)

Ajouter une alerte Google Calendar pour ne plus en manquer un!

- + +
diff --git a/src/pages/communities.astro b/src/pages/communities.astro index b94f404..240ffa5 100644 --- a/src/pages/communities.astro +++ b/src/pages/communities.astro @@ -1,53 +1,44 @@ --- import Layout from '../layouts/Layout.astro'; -import { getList } from '../lib/communities.ts'; +import {getList} from '../lib/communities.ts'; const communities = getList(); - --- -
-
-

- {communities.length} communautés diverses et variées regroupées dans Lyon Tech Hub -

-

- Par ici pour référencer la votre ! -

-
- -
- -
-
-
- {communities - .map( - (community) => ( - +
+
+

+ {communities.length} communautés variées regroupées dans Lyon Tech Hub +

+ +
+ {communities + .map( + (community) => ( + + +

{community.name}

+ {community.name}En savoir plus +
+ + ) ) - ) - } + } +
-
-
+
diff --git a/src/pages/community/[key].astro b/src/pages/community/[key].astro index 9ff720d..3cd9721 100644 --- a/src/pages/community/[key].astro +++ b/src/pages/community/[key].astro @@ -20,14 +20,11 @@ const { community } = Astro.props;
-
-

+

-

{community.name}

@@ -35,7 +32,7 @@ const { community } = Astro.props; id="communityDetails" data-patterns-google-calendar={JSON.stringify(community.patternsGoogleCalendar)}>
-
+

En bref...

{community.shortDescription}

@@ -45,7 +42,7 @@ const { community } = Astro.props; const displayData = getSocialDisplayData(socialLink) return ( - + diff --git a/src/pages/index.astro b/src/pages/index.astro index 5a437e0..f202641 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,72 +3,60 @@ import Layout from '../layouts/Layout.astro'; --- -
-
diff --git a/src/pages/member.astro b/src/pages/member.astro index 0979ace..fd1ae5c 100644 --- a/src/pages/member.astro +++ b/src/pages/member.astro @@ -2,72 +2,80 @@ import Layout from '../layouts/Layout.astro'; --- -
-
-
-

Vous êtes membre d'une communauté

-
-
-
-
-
- -

Slack

-

Rejoignez le slack pour continuer à échanger entre les évènements de vos communautés, et mettre en avant vos prochains événements. Inscrivez vous : https://slack.lyontechhub.org/

+
+
+ -
-
-
- -

Soirée des Communautés

-

Ne manquez pas notre événement annuel en juin, la Soirée des Communautés, où vous pourrez rencontrer d'autres organisateurs, échanger des conseils et résoudre des problèmes ensemble. C'est l'occasion idéale pour découvrir de nouvelles astuces et partager vos expériences.

+
+
+ +

Soirée des Communautés

+

Ne manquez pas notre événement annuel en juin, la Soirée des + Communautés, où vous pourrez rencontrer d'autres organisateurs, échanger des conseils et + résoudre des problèmes ensemble. C'est l'occasion idéale pour découvrir de nouvelles + astuces + et partager vos expériences.

+
-
-
-

Pour plus d'opportunités de...

-
-
-
-
-
- -

Rencontrer

-

Les événements sont une très bonne occasion pour rencontrer des experts pour vous aider dans vos projets, de potentiels clients, de futurs ou anciens collègues, ou pour le plaisir !

+
+

Pour plus d'opportunités de...

+
+
+
+ +

Rencontrer

+

Les événements sont une très bonne occasion pour rencontrer des + experts pour vous aider dans + vos projets, de potentiels clients, de futurs ou anciens collègues, ou pour le plaisir + !

+
-
-
-
-
-
- -

Découvrir

-

Vous trouverez toujours un sujet à découvrir pour en faire une opportunité de faire mieux ou tout simplement autrement

+
+
+ +

Découvrir

+

Vous trouverez toujours un sujet à découvrir pour en faire une + opportunité de faire mieux + ou tout simplement autrement.

+
-
-
-
-
-
- -

Apprendre

-

Vous apprendrez des expériences des autres, vous serez motivé pour aller plus loin suite à la découverte d'un sujet, vous rencontrerez des formateurs reconnus...

+
+
+ +

Apprendre

+

Vous apprendrez des expériences des autres, vous serez motivé pour + aller plus loin suite + à la découverte d'un sujet, vous rencontrerez des formateurs reconnus...

+
-
-
-
-
-
- -

Echanger

-

La richesse et la diversité des échanges vous apporteront de nouvelles perspectives et des idées pour le futur

+
+
+ +

Echanger

+

La richesse et la diversité des échanges vous apporteront de + nouvelles perspectives et + des idées pour le futur.

+
-
-
+
diff --git a/src/pages/orga.astro b/src/pages/orga.astro index cbda8a8..4d07893 100644 --- a/src/pages/orga.astro +++ b/src/pages/orga.astro @@ -3,83 +3,85 @@ import Layout from '../layouts/Layout.astro'; ---
-
-
+
-

Vous organisez une communauté

-
-
-
-
-
- -

Assurance Événementielle

-

Organisez vos événements en toute tranquillité grâce à notre assurance couvrant une gamme de risques. Sont notamment couverts : responsabilité civile de l'occupant, reponsabilité civile "produits" (y compris risque d'intoxication alimentaire), dommage aux biens, etc.

-

Comment en bénéficier ? Il suffit qu'un participant à votre évènement ait payé la cotisation de 1€ à Lyon Tech Hub par assoconnect.

-
+

Vous organisez une communauté

+ -
-
-
- -

Espace de Stockage Nextcloud

-

Simplifiez le partage de fichiers et la collaboration dans votre communauté grâce à un espace de stockage Nextcloud dédié à votre communauté. Contactez-nous pour en bénéficier via X (Twitter) ou contact@lyontechhub.org.

-
+ -
-
-
-
- -

Soirée des Communautés

-

Ne manquez pas notre événement annuel en juin, la Soirée des Communautés, où vous pourrez rencontrer d'autres organisateurs, échanger des conseils et résoudre des problèmes ensemble. C'est l'occasion idéale pour découvrir de nouvelles astuces et partager vos expériences.

+
+
+ +

Soirée des Communautés

+

Ne manquez pas notre événement annuel en juin, la Soirée des + Communautés, où vous pourrez rencontrer d'autres organisateurs, échanger des + conseils et résoudre des problèmes ensemble. C'est l'occasion idéale pour découvrir + de nouvelles astuces et partager vos expériences.

-
-
-

Pour plus d'opportunités de...

-
-
-
-
-
- -

Rencontrer

-

Les événements sont une très bonne occasion pour rencontrer des experts pour vous aider dans vos projets, de potentiels clients, de futurs ou anciens collègues, ou pour le plaisir !

+
+

Pour plus d'opportunités de...

+
+
+
+
+ +

Rencontrer

+

Les événements sont une très bonne occasion pour rencontrer + des experts pour vous aider dans vos projets, de potentiels clients, de futurs ou + anciens collègues, ou pour le plaisir !

-
-
-
-
- -

Découvrir

-

Vous trouverez toujours un sujet à découvrir pour en faire une opportunité de faire mieux ou tout simplement autrement.

+
+
+ +

Découvrir

+

Vous trouverez toujours un sujet à découvrir pour en faire une + opportunité de faire mieux ou tout simplement autrement.

-
-
-
-
- -

Apprendre

-

Vous apprendrez des expériences des autres, vous serez motivé pour aller plus loin suite à la découverte d'un sujet, vous rencontrerez des formateurs reconnus...

+
+
+ +

Apprendre

+

Vous apprendrez des expériences des autres, vous serez motivé + pour aller plus loin suite à la découverte d'un sujet, vous rencontrerez des + formateurs reconnus...

-
-
-
-
- -

Échanger

-

La richesse et la diversité des échanges vous apporteront de nouvelles perspectives et des idées pour le futur.

+
+
+ +

Échanger

+

La richesse et la diversité des échanges vous apporteront de + nouvelles perspectives et des idées pour le futur.

-
-
+