Skip to content

Commit

Permalink
add Facebook link
Browse files Browse the repository at this point in the history
  • Loading branch information
fsimonjetz committed Jul 21, 2024
1 parent fd19a83 commit 72bdb85
Show file tree
Hide file tree
Showing 3 changed files with 63 additions and 56 deletions.
52 changes: 0 additions & 52 deletions src/Introduction.css

This file was deleted.

42 changes: 42 additions & 0 deletions src/Introduction.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
.Introduction__chart
max-width: 1429px
width: 80%

.Introduction__footer
margin: 1em 10%
text-align: center

.BAdWIcon__image
width: 350px

.LMUIcon__image
text-align: right
width: 200px

.HumboldtIcon__image
width: 200px
padding-bottom: 1em

.HumboldtIcon::after
content: '\a'
white-space: pre

.Auth0Badge,
.Auth0Badge__image
height: 50px
width: 150px

.icon
&__large
font-size: 2.5em
margin-right: .2rem
&__twitter
vertical-align: middle
color: #212529

&:hover
color: #212529

.eblInfo
vertical-align: middle
padding-right: 1em
25 changes: 21 additions & 4 deletions src/Introduction.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import BAdWLogoBlue from 'BAdW_Logo_blue.svg'
import AvHLogo from 'AvH_Logo.svg'
import LRZLogoBlue from 'lrz_wortbild_d_blau-230.png'

import './Introduction.css'
import './Introduction.sass'
import { Col, Row } from 'react-bootstrap'
import { HeadTags } from 'router/head'

Expand Down Expand Up @@ -77,12 +77,24 @@ function Auth0Badge(): JSX.Element {
function TwitterIcon(): JSX.Element {
return (
<ExternalLink
className="TwitterIcon"
className="icon__twitter"
href="https://twitter.com/ebl_info?ref_src=twsrc%5Etfw"
title="eBL Twitter account"
>
<i className="fab fa-x-twitter" />
<span className="eblInfo"> @eBL_info</span>
<i className="fab fa-x-twitter icon__large" />
<span className="eblInfo">@eBL_info</span>
</ExternalLink>
)
}

function FacebookIcon(): JSX.Element {
return (
<ExternalLink
href="https://www.facebook.com/profile.php?id=61556323986355"
title="eBL Facebook account"
>
<i className="fab fa-facebook icon__large" />
<span className="eblInfo">CAIC on Facebook</span>
</ExternalLink>
)
}
Expand Down Expand Up @@ -170,6 +182,11 @@ export default function Introduction(): JSX.Element {
<Auth0Badge />
</Col>
</Row>
<Row>
<Col>
<FacebookIcon />
</Col>
</Row>
</footer>
</AppContent>
)
Expand Down

0 comments on commit 72bdb85

Please sign in to comment.