Personal data update + photo + minor style tweaks
This commit is contained in:
parent
1957927896
commit
1798313c9c
BIN
public/photo.png
BIN
public/photo.png
Binary file not shown.
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 697 KiB |
@ -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'}
|
||||||
],
|
],
|
||||||
|
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -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}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user