casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor(app): update company assets and references

Browse Source
This commit is contained in:
m-tartari
2026-01-27 16:00:27 +01:00
parent e3b8f6842d
commit d356ffe31c
68 changed files with 266 additions and 1283 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/molecules/Footer/index.tsx
+5 -5
View File
@@ -4,7 +4,7 @@ import { Box, Link, Stack, Typography } from '@mui/material'
import PolicyIcon from '@mui/icons-material/Policy'
import CookieIcon from '@mui/icons-material/Cookie'
import { EmailIconLink, GitHubIconLink, LinkedInIconLink } from 'components/atoms/IconLinks/index.js'
import { EmailIconLink, InstagramIconLink, FacebookIconLink } from 'components/atoms/IconLinks/index.js'
import CookieConsent from 'components/molecules/CookieConsent/index.js'
type FooterProps = {
@@ -26,13 +26,13 @@ const Footer: React.FC<FooterProps> = ({ showCookieConsent = true }) => {
'@media print': { py: 3 },
}}>
<Stack direction="row" gap={2}>
<LinkedInIconLink fontSize="large" href="https://www.linkedin.com/in/m-tartari/" />
<GitHubIconLink fontSize="large" href="https://www.github.com/m-tartari/" />
<EmailIconLink fontSize="large" href="mailto:info@m-tartari.eu" />
<EmailIconLink fontSize="large" href="mailto:compagniasantoluca@gmail.com" />
<FacebookIconLink fontSize="large" href="https://facebook.com/compagniadarmedelsantoluca/" />
<InstagramIconLink fontSize="large" href="https://www.instagram.com/compagnia_darme_santo_luca/" />
</Stack>
<Typography variant="subtitle2" align="center" color="text.secondary" component="em" mt={3}>
© {year} Michele Tartari. All rights reserved.
© {year} Compagnia d'Arme del Santo Luca. All rights reserved.
</Typography>
<Stack mt={1}>
src/components/molecules/Hero/Hero.tsx
+20 -22
View File
@@ -2,7 +2,7 @@ import React from 'react'
import { Avatar, Box, IconButton, Stack, Typography } from '@mui/material'
import ExpandMore from '@mui/icons-material/ExpandMore'
import { EmailIconLink, GitHubIconLink, LinkedInIconLink } from 'components/atoms/IconLinks/index.js'
import { EmailIconLink, InstagramIconLink, FacebookIconLink } from 'components/atoms/IconLinks/index.js'
const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) => {
return (
@@ -13,7 +13,7 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
minHeight: '100vh',
boxShadow: '0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25)',
backgroundImage: 'url("images/banner.webp")',
backgroundImage: 'url("images/banner2.webp")',
backgroundPosition: 'center center',
backgroundAttachment: { xs: 'scroll !important', md: 'fixed' },
backgroundSize: 'cover',
@@ -23,10 +23,10 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
wrap: 'wrap',
...(theme.palette.mode === 'dark' && {
backgroundImage: 'url("images/banner-blur.webp")',
backgroundImage: 'url("images/banner2.png")',
}),
...(theme.palette.mode === 'light' && {
backgroundImage: 'url("images/banner.webp")',
backgroundImage: 'url("images/banner2.png")',
'&::before': {
content: '""',
position: 'absolute',
@@ -66,35 +66,33 @@ const Hero = (props: { scrollTarget?: React.ForwardedRef<HTMLSelectElement> }) =
},
})}>
<Box>
<Typography variant="h1">
Robotics
<br /> Engineer
</Typography>
<Typography
variant="h6"
color="text.secondary"
sx={{
color: t => (t.palette.mode === 'light' ? 'inherit' : 'text.secondary'),
margin: '0.5em 0 0 0',
pt: 1,
}}>
Discover some of my works below.
<br /> Send a message to get in touch.
<Typography component="h1" variant="h1" maxWidth="md">
Compagnia d'Arme{' '}
<Typography component="small" variant="h2">
del
</Typography>{' '}
Santo Luca
</Typography>
<Typography variant="h3">Ferrara</Typography>
<Stack
direction="row"
gap={2}
mt={2}
justifyContent={{ xs: 'center', md: 'end' }}
color={t => (t.palette.mode === 'light' ? 'inherit' : 'text.secondary')}>
<LinkedInIconLink fontSize="large" href="https://www.linkedin.com/in/m-tartari/" />
<GitHubIconLink fontSize="large" href="https://www.github.com/m-tartari/" />
<EmailIconLink fontSize="large" href="mailto:info@m-tartari.eu" />
<EmailIconLink fontSize="large" sx={{ ':hover': { color: 'text.primary' } }} href="mailto:compagniasantoluca@gmail.com" />
<FacebookIconLink fontSize="large" sx={{ ':hover': { color: 'text.primary' } }} href="https://facebook.com/compagniadarmedelsantoluca/" />
<InstagramIconLink
fontSize="large"
sx={{ ':hover': { color: 'text.primary' } }}
href="https://www.instagram.com/compagnia_darme_santo_luca/"
/>
</Stack>
</Box>
<Avatar
alt="Avatar"
src="images/me.jpg"
src="logo.png"
variant="square"
sx={{
display: 'inline-block',
verticalAlign: 'middle',
src/components/molecules/PrivacyPolicy/index.tsx
+5 -4
View File
@@ -24,8 +24,9 @@ const PrivacyPolicy: React.FC = () => {
<SectionSubheader>Introduction</SectionSubheader>
<Typography component="p" color="textSecondary">
m-tartari ("we", "our", or "us") respects your privacy and is committed to protecting your personal data. This privacy policy will inform you
about how we look after your personal data when you visit our website and tell you about your privacy rights and how the law protects you.
Compagnia d'Arme del Santo Luca ("we", "our", or "us") respects your privacy and is committed to protecting your personal data. This privacy
policy will inform you about how we look after your personal data when you visit our website and tell you about your privacy rights and how
the law protects you.
</Typography>
<SectionSubheader sx={{ mt: 4 }}>The Data We Collect About You</SectionSubheader>
@@ -101,8 +102,8 @@ const PrivacyPolicy: React.FC = () => {
<SectionSubheader sx={{ mt: 4 }}>Contact Us</SectionSubheader>
<Typography component="p" color="textSecondary">
If you have any questions about this privacy policy or our privacy practices, please contact us at{' '}
<Link color="textPrimary" href="mailto:privacy@m-tartari.eu" target="_blank" rel="noopener noreferrer">
privacy@m-tartari.eu
<Link color="textPrimary" href="mailto:compagniasantoluca@gmail.com" target="_blank" rel="noopener noreferrer">
compagniasantoluca@gmail.com
</Link>
.
</Typography>
src/components/molecules/ProjectSpotlight/ProjectSpotlight.tsx
+5 -5
View File
@@ -10,7 +10,7 @@ type AnchorType = 'left' | 'top' | 'right' | 'bottom'
type Props = {
image: string
title: string
caption: React.ReactNode
caption?: React.ReactNode
children: React.ReactNode
mobileImage?: string
ref?: React.ForwardedRef<HTMLSelectElement>
@@ -30,7 +30,7 @@ const Description = (props: Props) => {
justifyContent: 'center',
position: 'absolute',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(230, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(155, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)',
bottom: '0',
@@ -57,7 +57,7 @@ const Description = (props: Props) => {
display: 'flex',
position: 'absolute',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(230, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(155, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)',
top: '0',
ml: 'auto',
@@ -86,7 +86,7 @@ const Description = (props: Props) => {
height: '102%',
width: '28em',
position: 'absolute',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(230, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(155, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)',
right: '0',
borderLeftWidth: theme.spacing(0.5),
@@ -108,7 +108,7 @@ const Description = (props: Props) => {
height: '102%',
width: '28em',
position: 'absolute',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(230, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(155, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)',
left: '0',
borderRightWidth: theme.spacing(0.5),
src/components/molecules/Toolbar/index.tsx
+26 -21
View File
@@ -74,8 +74,15 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
textAlign: 'center',
...(theme.palette.mode === 'light' && { backgroundColor: 'background.default' }),
})}>
<Typography variant="h6" sx={{ my: 2 }}>
Michele Tartari
<Typography
variant="h6"
sx={{
// fontFamily: '"Cloister Black", cursive',
textAlign: 'left',
m: 2,
}}>
Compagnia d'Arme <small>del</small>
<br /> Santo Luca
</Typography>
<Divider />
<List>
@@ -84,19 +91,14 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
<ListItemText primary="Home" />
</DrawerButton>
</ListItem>
<ListItem key="Projects" disablePadding>
<DrawerButton component={RouterLink} to="/projects">
<ListItemText primary="Projects" />
<ListItem key="Personaggi" disablePadding>
<DrawerButton component={RouterLink} to="/people">
<ListItemText primary="Personaggi" />
</DrawerButton>
</ListItem>
<ListItem key="Curriculum" disablePadding>
<DrawerButton component={RouterLink} to="/curriculum">
<ListItemText primary="Curriculum" />
</DrawerButton>
</ListItem>
<ListItem key="Contacts" disablePadding>
<ListItem key="Contatti" disablePadding>
<DrawerButton component={RouterLink} to="/contacts">
<ListItemText primary="Contacts" />
<ListItemText primary="Contatti" />
</DrawerButton>
</ListItem>
</List>
@@ -112,7 +114,7 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
backgroundColor: 'transparent',
'@media print': { backgroundColor: 'background.default' },
...(trigger && {
backgroundColor: 'hsla(230, 18%, 13%, 0.75)',
backgroundColor: 'hsla(155, 18%, 13%, 0.75)',
backdropFilter: 'blur(8px)',
boxShadow: theme.shadows[4],
}),
@@ -134,7 +136,6 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
// [theme.breakpoints.up('md')]: { width: theme => theme.breakpoints.values.lg, mx: 'auto' },
}}>
<IconButton
color="primary"
aria-label="open drawer"
edge="start"
onClick={handleDrawerToggle}
@@ -154,14 +155,13 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
[theme.breakpoints.down('md')]: { mx: 'auto' },
[theme.breakpoints.up('md')]: { mr: 'auto' },
})}>
Michele Tartari
Compagnia d'Arme del Santo Luca
</AppBarLink>
<Stack component="div" direction="row" spacing={2} sx={{ display: { xs: 'none', md: 'flex', alignItems: 'center' } }}>
<AppBarLink to="/">Home</AppBarLink>
<AppBarLink to="/projects">Projects</AppBarLink>
<AppBarLink to="/curriculum">Curriculum</AppBarLink>
<AppBarLink to="/people">Personaggi</AppBarLink>
<Button component={RouterLink} to="/contacts" color="primary" variant="contained" sx={{ textTransform: 'none' }}>
<Typography variant="h6">Hire me</Typography>
<Typography variant="h6">Contattaci</Typography>
</Button>
</Stack>
</Toolbar>
@@ -173,10 +173,15 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
ModalProps={{
keepMounted: true, // Better open performance on mobile.
}}
sx={{
sx={theme => ({
display: { xs: 'block', md: 'none' },
'& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth },
}}>
'& .MuiDrawer-paper': {
boxSizing: 'border-box',
width: drawerWidth,
backgroundColor: theme.palette.mode === 'dark' ? 'hsla(155, 18%, 13%, 0.85)' : 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)',
},
})}>
{drawer}
</Drawer>
</>