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: 'git', text: 'https://git.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'}
|
||||
],
|
||||
|
||||
|
@ -3,6 +3,6 @@ import Image from 'react-bootstrap/Image'
|
||||
|
||||
export default function Photo() {
|
||||
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} />)
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<Container fluid>
|
||||
<h2>{props.heading}</h2>
|
||||
<SizeWrapper>
|
||||
{jobsList}
|
||||
|
@ -10,12 +10,16 @@ body {
|
||||
}
|
||||
|
||||
.person-name {
|
||||
margin-top: 1rem;
|
||||
margin-top: calc(min(6vw, 5rem));
|
||||
font-weight: bold;
|
||||
font-size: calc(1.375rem + min(1.4vw, 1rem));
|
||||
}
|
||||
.brief {
|
||||
font-size: 120%;
|
||||
}
|
||||
.contacts {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 2rem;
|
||||
@ -26,7 +30,7 @@ body {
|
||||
filter: opacity(75%)
|
||||
}
|
||||
|
||||
.container > h2, h3, h4 {
|
||||
.container > h2, .container-fluid > h2, h3, h4 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
|
@ -16,13 +16,9 @@ export default function Home() {
|
||||
|
||||
<Container className='main-container' fluid='xxl'>
|
||||
<Row>
|
||||
<Col xs={'auto'} sm={4} lg={2}><Photo /></Col>
|
||||
<Col>
|
||||
<Row>
|
||||
<Col xs={'auto'} lg={6}><AboutBrief /></Col>
|
||||
<Col xs={'auto'} lg={6}><Contacts /></Col>
|
||||
</Row>
|
||||
</Col>
|
||||
<Col xs={3} sm={3} lg={2}><Photo /></Col>
|
||||
<Col xs={9} sm={9} lg={5}><AboutBrief /></Col>
|
||||
<Col xs={12} lg={5}><Contacts /></Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col xs={12} xl={7}>
|
||||
@ -31,7 +27,7 @@ export default function Home() {
|
||||
<Row><Education /></Row>
|
||||
</Col>
|
||||
<Col>
|
||||
<Row><Skills /></Row>
|
||||
<Skills />
|
||||
</Col>
|
||||
</Row>
|
||||
<Row><Footer /></Row>
|
||||
|
Loading…
Reference in New Issue
Block a user