fix

italia-opensource · Sep 21, 2024 · 0941b65 · 0941b65
1 parent c44d897
commit 0941b65
Show file tree

Hide file tree

Showing 19 changed files with 117 additions and 121 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -162,10 +162,6 @@ const config = {
               },
             ]
           },
-          {
-            to: '/about-us',
-            label: '💎 About Us',
-          },
           {
             to: '/join-to-our-community',
             label: '❤️ Join to our Community',
@@ -185,6 +181,10 @@ const config = {
             to: '/',
             label: `Home`,
           },
+          {
+            to: '/join-to-our-community',
+            label: 'Join to our Community',
+          },
           {
             to: '/partners/our-partners',
             label: `Our Partners`,
@@ -193,10 +193,6 @@ const config = {
             to: 'https://github.com/italia-opensource',
             label: `GitHub`,
           },
-          {
-            to: 'https://www.linkedin.com/company/italia-open-source',
-            label: 'Community',
-          },
           {
             label: 'Privacy Policy',
             to: 'https://www.iubenda.com/privacy-policy/69653207'

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/about-us.tsx b/website/i18n/it/docusaurus-plugin-content-pages/about-us.tsx
diff --git a/website/i18n/it/docusaurus-plugin-content-pages/communities.tsx b/website/i18n/it/docusaurus-plugin-content-pages/communities.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Unisciti alla nostra community
           </Button>
         </Link>
       </Container>

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/coworkings.tsx b/website/i18n/it/docusaurus-plugin-content-pages/coworkings.tsx
@@ -38,7 +38,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Unisciti alla nostra community
           </Button>
         </Link>
       </Container>

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/digital-nomads.tsx b/website/i18n/it/docusaurus-plugin-content-pages/digital-nomads.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Unisciti alla nostra community
           </Button>
         </Link>
       </Container>

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/index.tsx b/website/i18n/it/docusaurus-plugin-content-pages/index.tsx
@@ -58,17 +58,17 @@ export default function App(): JSX.Element {
       <HomepageItems awseomeLists={awseomeLists}/>
 
       <Grid container xs={12} marginTop={5}>
-        <Grid xs={12} sm={6} padding={2} textAlign={'center'}>
-          <Typography variant="h5" component="h2" >
+        <Grid xs={12} sm={6} padding={2}>
+          <Typography variant="h5" component="h2"  textAlign={'center'}>
             I nostri Valori
           </Typography>
           <Typography marginBottom={1}>
           La nostra visione è quella di creare un ecosistema in cui la condivisione e la collaborazione sono la norma. <b>Immaginiamo un futuro in cui ogni progetto</b>, grande o piccolo, <b>è accessibile a tutti e può essere migliorato da chiunque</b>. <b>Vediamo l'Italia come un punto di riferimento per l'open-source</b>, un luogo in cui la tecnologia è aperta e accessibile, e dove la collaborazione e l'innovazione sono all'ordine del giorno.
           </Typography>
         </Grid>
 
-        <Grid xs={12} sm={6} padding={2} textAlign={'center'}>
-          <Typography variant="h5" component="h2" >
+        <Grid xs={12} sm={6} padding={2}>
+          <Typography variant="h5" component="h2"  textAlign={'center'}>
           La nostra Missione
           </Typography>
           <Typography marginBottom={1}>
@@ -79,7 +79,7 @@ export default function App(): JSX.Element {
 
       <Grid container xs={12} >
           <Grid xs={12} sm={6} padding={1} smOffset={3} >
-            <Link href="/join-to-our-community" target="_blank">
+            <Link href="/join-to-our-community">
               <Button variant="contained" fullWidth={true}>
               Unisciti alla nostra community
               </Button>

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/opensources.tsx b/website/i18n/it/docusaurus-plugin-content-pages/opensources.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Unisciti alla nostra community
           </Button>
         </Link>
       </Container>

diff --git a/website/i18n/it/docusaurus-plugin-content-pages/startups.tsx b/website/i18n/it/docusaurus-plugin-content-pages/startups.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Unisciti alla nostra community
           </Button>
         </Link>
       </Container>

diff --git a/website/i18n/it/docusaurus-theme-classic/navbar.json b/website/i18n/it/docusaurus-theme-classic/navbar.json
@@ -19,13 +19,9 @@
     "message": "⭐ Partners",
     "description": "Navbar item with label ⭐ Our Partners"
   },
-  "item.label.💎 About Us": {
-    "message": "💎 Chi Siamo",
-    "description": "Navbar item with label 💎 About Us"
-  },
-  "item.label.🌱 Beta Version": {
-    "message": "🌱 Beta Version",
-    "description": "Navbar item with label 🌱 Beta Version"
+  "item.label.❤️ Join to our Community": {
+    "message": "❤️ Unisciti alla Community",
+    "description": "Navbar item with label ❤️ Join to our Community"
   },
   "item.label.❤️ Donate": {
     "message": "❤️ Donazioni",

diff --git a/website/src/components/TeamComponent/SocialBadge.js b/website/src/components/TeamComponent/SocialBadge.js
@@ -1,16 +1,15 @@
 import React from 'react';
-import { useColorMode } from '@docusaurus/theme-common';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
+import GitHubIcon from '@mui/icons-material/GitHub';
 
 const SocialBadge = ({ github, linkedin }) => {
-  const { isDarkTheme } = useColorMode();
-
   return (
     <div style={{ display: 'flex', justifyContent: 'center' }}>
-        { github ? <a href={github} style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
-          <img src={isDarkTheme ? 'https://cdn-icons-png.flaticon.com/128/5968/5968866.png' : 'https://cdn-icons-png.flaticon.com/128/5968/5968866.png'} alt='github' style={{ width: '40px', height: '40px', objectFit: 'cover' }} />
+        { github ? <a href={github} className='primary-dark' style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
+          <GitHubIcon alt='Github' style={{ width: '30px', height: '30px', objectFit: 'cover' }} />
         </a> : null}
-        <a href={linkedin} style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
-        <img src={isDarkTheme ? 'https://cdn-icons-png.flaticon.com/128/3536/3536569.png' : 'https://cdn-icons-png.flaticon.com/128/3536/3536569.png'} alt='linkedin' style={{ width: '40px', height: '40px', objectFit: 'cover' }} />
+        <a href={linkedin} className='primary-dark' style={{ margin: '0 10px' }} target="_blank" rel="noopener noreferrer">
+          <LinkedInIcon alt='Linkedin' style={{ width: '30px', height: '30px', objectFit: 'cover' }} />
         </a>
     </div>
   );

diff --git a/website/src/pages/about-us.tsx b/website/src/pages/about-us.tsx
diff --git a/website/src/pages/communities.tsx b/website/src/pages/communities.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Join to our community
           </Button>
         </Link>
       </Container>

diff --git a/website/src/pages/coworkings.tsx b/website/src/pages/coworkings.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Join to our community
           </Button>
         </Link>
       </Container>

diff --git a/website/src/pages/digital-nomads.tsx b/website/src/pages/digital-nomads.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Join to our community
           </Button>
         </Link>
       </Container>

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -53,20 +53,20 @@ export default function App(): JSX.Element {
           The first platform dedicated to Italian open-source world
         </Typography>
 
-      <HomepageItems awseomeLists={awseomeLists}/>
+      <HomepageItems awseomeLists={awseomeLists} />
 
       <Grid container spacing={3} marginTop={4}>
         <Grid container xs={12} marginTop={5}>
-          <Grid xs={12} sm={6} padding={2} textAlign={'center'}>
-            <Typography variant="h5" component="h2" >
+          <Grid xs={12} sm={6} padding={2}>
+            <Typography variant="h5" component="h2"  textAlign={'center'}>
               Our Vision
             </Typography>
             <Typography marginBottom={1}>
             Our vision is to create an ecosystem where sharing and collaboration are the normality. <b>We imagine a future where every project</b>, big or small, <b>is accessible to everyone and can be improved by everyone</b>. <b>We see Italy as a reference point for open-source</b>, where technology is open and accessible, and where collaboration and innovation are the order of the day.
             </Typography>
           </Grid>
-          <Grid xs={12} sm={6} padding={2} textAlign={'center'}>
-            <Typography variant="h5" component="h2" >
+          <Grid xs={12} sm={6} padding={2}>
+            <Typography variant="h5" component="h2"  textAlign={'center'}>
             Our Mission
             </Typography>
             <Typography marginBottom={1}>
@@ -77,7 +77,7 @@ export default function App(): JSX.Element {
 
         <Grid container xs={12} >
           <Grid xs={12} sm={6} padding={1} smOffset={3} >
-            <Link href="/join-to-our-community" target="_blank">
+            <Link href="/join-to-our-community">
               <Button variant="contained" fullWidth={true}>
               JOIN OUR COMMUNITY
               </Button>

diff --git a/website/src/pages/join-to-our-community.md b/website/src/pages/join-to-our-community.md
diff --git a/website/src/pages/join-to-our-community.tsx b/website/src/pages/join-to-our-community.tsx
@@ -0,0 +1,84 @@
+import {fabrizioCafolla, danieleDapuzzo, gretaTesini} from '@site/src/components/TeamComponent/people';
+import ItemList from '@site/src/components/TeamComponent/ItemList';
+import UserCard from '@site/src/components/TeamComponent/UserCard';
+import React from 'react';
+import { CssBaseline, Typography } from '@mui/material';
+import Layout from '@theme/Layout';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
+import GitHubIcon from '@mui/icons-material/GitHub';
+import Button from '@mui/material/Button';
+
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Unstable_Grid2';
+import Link from '@docusaurus/Link';
+import TelegramIcon from '@mui/icons-material/Telegram';
+
+export default function App(): JSX.Element {
+    const userCards = [
+        <UserCard item={fabrizioCafolla} />,
+        <UserCard item={danieleDapuzzo} />,
+        <UserCard item={gretaTesini} />,
+    ];
+
+    return (
+      <Layout
+        title="Join to our community"
+        wrapperClassName="layout"
+        description="The only fully open-source platform that transparently gives voice, and discovers, and explores Italy's tech innovations.">
+        <main className="main">
+        <CssBaseline />
+
+
+        <CssBaseline />
+
+        <Container component="main" sx={{ mt: 8, mb: 2 }} maxWidth="md">
+          <Typography variant="h3" component="h1" gutterBottom align='center'>
+            Unisciti alla Community
+          </Typography>
+          <Typography variant="h5" component="h2" gutterBottom align='center'>
+            Vuoi restare aggiornato su tutte le novità? Entra a far parte della community, condividi idee e trova l'ispirazione.
+          </Typography>
+          <Grid container spacing={3} marginTop={4} xs={12}>
+            <Grid xs={4} sm={4} padding={2} textAlign={'center'}>
+              <Link href="https://www.linkedin.com/company/italia-open-source" className='primary-dark' target="_blank">
+                <LinkedInIcon style={{ width: '70px', height: '70px', objectFit: 'cover' }} />
+              </Link>
+            </Grid>
+            <Grid xs={4} sm={4} padding={2} textAlign={'center'}>
+              <Link href="https://github.com/italia-opensource" className='primary-dark' target="_blank">
+                <GitHubIcon style={{ width: '70px', height: '70px', objectFit: 'cover' }} />
+              </Link>
+            </Grid>
+            <Grid xs={4} sm={4} padding={2} textAlign={'center'}>
+              <Link href="https://t.me/+WsJ91uPMVbUzZjk0" className='primary-dark' target="_blank">
+               <TelegramIcon style={{ width: '70px', height: '70px', objectFit: 'cover' }} />
+              </Link>
+            </Grid>
+
+            <Grid xs={12} sm={6} smOffset={3} marginTop={3}>
+              <Link href="https://mailchi.mp/8933ba69ba9c/beta-version" target="_blank">
+                <Button variant="contained" fullWidth={true}>
+                  Registrati alla beta version
+                </Button>
+              </Link>
+            </Grid>
+          </Grid>
+        </Container>
+
+        <Typography variant="h4" component="h2" gutterBottom align='center' marginTop={5}>
+         Team
+        </Typography>
+        <hr></hr>
+
+        <ItemList items={userCards} />
+
+        <Typography variant="h4" component="h2" gutterBottom align='center' marginTop={5}>
+          Our Contributors
+        </Typography>
+        <hr></hr>
+        <a href="https://github.com/italia-opensource/awesome-italia-opensource/graphs/contributors"> <img src="https://contrib.rocks/image?repo=italia-opensource/awesome-italia-opensource" /> </a>
+
+      </main>
+    </Layout>
+  );
+}
diff --git a/website/src/pages/opensources.tsx b/website/src/pages/opensources.tsx
@@ -37,7 +37,7 @@ export default function App(): JSX.Element {
       <Container component="main" sx={{ mt: 3, mb: 3 }} maxWidth="sm">
         <Link href="/join-to-our-community">
           <Button variant="contained" fullWidth={true} >
-            Join to Italia Open-Source community
+            Join to our community
           </Button>
         </Link>
       </Container>

diff --git a/website/src/pages/startups.tsx b/website/src/pages/startups.tsx
@@ -12,7 +12,6 @@ import Link from '@docusaurus/Link';
 import Button from '@mui/material/Button';
 import FiberNewIcon from '@mui/icons-material/FiberNew';
 import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
-import FieldTextItem from '../components/FieldTextItem';
 
 export default function App(): JSX.Element {
   return (