Skip to content
Snippets Groups Projects
Commit 5bec3b20 authored by Tamás Szabó's avatar Tamás Szabó
Browse files

text is not duplicated

parent c6de3ae6
No related branches found
No related tags found
No related merge requests found
.car-image-kszk { .car-image-kszk {
position: relative; position: relative;
width: 100%; /* for IE 6 */
/* height: 1000px; */
} }
.car-text-kszk { .car-text-kszk {
position: absolute; position: absolute;
left: 0; width: 100%;
width: 100%; top: 0px;
top: 0; -webkit-text-fill-color: white;
-webkit-text-stroke-color: black;
-webkit-text-stroke-width: 0.75px;
} }
...@@ -33,94 +33,90 @@ const range = (count) => { ...@@ -33,94 +33,90 @@ const range = (count) => {
return newArray; return newArray;
}; };
const RegisterHeader = ({ image }) => (
<div className='car-image-kszk'>
<img src={`images/${image}.JPG`} width='100%' alt='' />
<div className='car-text-kszk'>
<Segment textAlign='center' vertical>
<Header
as='h1'
content='Üdvözlünk a'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '0.5em',
}}
/>
<Header
as='h1'
content='Kollégiumi Számítástechnikai Kör'
inverted
style={{
fontSize: '4em',
fontWeight: 'bold',
marginBottom: '0.5em',
marginTop: '0.5em',
}}
/>
<Header
as='h1'
content='érdeklődőinek szánt weboldalán!'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '0.5em',
}}
/>
<Image
verticalAlign='middle'
size='small'
src={KSZKbiglogo}
style={{ marginTop: '4em' }}
/>
<Header
as='h1'
content='Mindenkit szeretettel várunk a KSZKépzés-re!'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '1em',
}}
/>
<Container>
<Button
href='/api/v1/login/authsch/'
primary
size='huge'
style={{
fontSize: '2em',
marginTop: '1em',
marginBottom: '1em',
}}
>
Jelentkezés
<Icon name='right arrow' />
</Button>
</Container>
</Segment>
</div>
</div>
);
export default class Home extends Component { export default class Home extends Component {
render() { render() {
return ( return (
<div> <div>
<Slider {...settings}> <div className='car-image-kszk'>
{ <Slider {...settings}>
range(23).map(image => ( {
<div key={image}> range(23).map(image => (
<RegisterHeader image={image} /> <div key={image}>
</div> <img src={`images/${image}.JPG`} width='100%' alt='' />
)) </div>
} ))
</Slider> }
</Slider>
<div className='car-text-kszk'>
<Segment textAlign='center' vertical>
<Header
as='h1'
content='Üdvözlünk a'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '0.5em',
}}
/>
<Header
as='h1'
content='Kollégiumi Számítástechnikai Kör'
inverted
style={{
fontSize: '4em',
fontWeight: 'bold',
marginBottom: '0.5em',
marginTop: '0.5em',
}}
/>
<Header
as='h1'
content='érdeklődőinek szánt weboldalán!'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '0.5em',
}}
/>
<Image
verticalAlign='middle'
size='small'
src={KSZKbiglogo}
style={{ marginTop: '4em' }}
/>
<Header
as='h1'
content='Mindenkit szeretettel várunk a KSZKépzés-re!'
inverted
style={{
fontSize: '3em',
fontWeight: 'normal',
marginBottom: 0,
marginTop: '1em',
}}
/>
<Container>
<Button
href='/api/v1/login/authsch/'
primary
size='huge'
style={{
fontSize: '2em',
marginTop: '1em',
marginBottom: '1em',
}}
>
Jelentkezés
<Icon name='right arrow' />
</Button>
</Container>
</Segment>
</div>
</div>
<Segment style={{ padding: '8em 0em' }} vertical> <Segment style={{ padding: '8em 0em' }} vertical>
<Container text> <Container text>
<Header as='h3' style={{ fontSize: '2em' }}> <Header as='h3' style={{ fontSize: '2em' }}>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment