Personal data update + photo + minor style tweaks

This commit is contained in:
Dejvino 2023-06-02 06:45:04 +02:00
parent 1957927896
commit 1798313c9c
6 changed files with 13 additions and 13 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 697 KiB

View File

@ -10,7 +10,7 @@ export const personalData: PersonalData = {
{icon: 'envelope-at', text: 'explosive@dejvino.cz'}, {icon: 'envelope-at', text: 'explosive@dejvino.cz'},
{icon: 'git', text: 'https://git.dejvino.cz'}, {icon: 'git', text: 'https://git.dejvino.cz'},
{icon: 'file-earmark-person', text: 'https://cv.dejvino.cz'}, {icon: 'file-earmark-person', text: 'https://cv.dejvino.cz'},
{icon: 'telephone', text: '+420 111 222 333'}, {icon: 'telephone', text: '+420 775 26 26 32'},
{icon: 'geo-alt', text: 'Brno, Czechia'} {icon: 'geo-alt', text: 'Brno, Czechia'}
], ],

View File

@ -3,6 +3,6 @@ import Image from 'react-bootstrap/Image'
export default function Photo() { export default function Photo() {
return ( return (
<Image alt='Photograph of the person' rounded fluid src='photo.png'></Image> <Image className="photo" alt='Photograph of the person' rounded fluid src='photo.png'></Image>
) )
} }

View File

@ -17,7 +17,7 @@ export default function JobHistory(props: Props) {
inRange ? <JobsAccordion {...props} /> : <JobsCards {...props} />) inRange ? <JobsAccordion {...props} /> : <JobsCards {...props} />)
return ( return (
<Container> <Container fluid>
<h2>{props.heading}</h2> <h2>{props.heading}</h2>
<SizeWrapper> <SizeWrapper>
{jobsList} {jobsList}

View File

@ -10,12 +10,16 @@ body {
} }
.person-name { .person-name {
margin-top: 1rem; margin-top: calc(min(6vw, 5rem));
font-weight: bold; font-weight: bold;
font-size: calc(1.375rem + min(1.4vw, 1rem));
} }
.brief { .brief {
font-size: 120%; font-size: 120%;
} }
.contacts {
margin-top: 2rem;
}
.footer { .footer {
margin-top: 2rem; margin-top: 2rem;
@ -26,7 +30,7 @@ body {
filter: opacity(75%) filter: opacity(75%)
} }
.container > h2, h3, h4 { .container > h2, .container-fluid > h2, h3, h4 {
margin-top: 1em; margin-top: 1em;
} }

View File

@ -16,13 +16,9 @@ export default function Home() {
<Container className='main-container' fluid='xxl'> <Container className='main-container' fluid='xxl'>
<Row> <Row>
<Col xs={'auto'} sm={4} lg={2}><Photo /></Col> <Col xs={3} sm={3} lg={2}><Photo /></Col>
<Col> <Col xs={9} sm={9} lg={5}><AboutBrief /></Col>
<Row> <Col xs={12} lg={5}><Contacts /></Col>
<Col xs={'auto'} lg={6}><AboutBrief /></Col>
<Col xs={'auto'} lg={6}><Contacts /></Col>
</Row>
</Col>
</Row> </Row>
<Row> <Row>
<Col xs={12} xl={7}> <Col xs={12} xl={7}>
@ -31,7 +27,7 @@ export default function Home() {
<Row><Education /></Row> <Row><Education /></Row>
</Col> </Col>
<Col> <Col>
<Row><Skills /></Row> <Skills />
</Col> </Col>
</Row> </Row>
<Row><Footer /></Row> <Row><Footer /></Row>