partypages/party-template
Template
2
0
Fork 2
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove workarounds

Browse Source
This commit is contained in:
Mrmaxmeier 2022-11-15 14:25:40 +01:00
parent 59901b4c92
commit 9a227a1e47
5 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@ -3,7 +3,6 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="stylesheet" href="style_hacky_css_react_mag_mich_nicht.css">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />

9
public/style_hacky_css_react_mag_mich_nicht.css
View File

@ -1,9 +0,0 @@
body{
background-image: url('/background.gif');
background-size: cover;
background-position: center;
background-attachment: fixed;
height: 100vh;
padding:0;
margin:0;
}

13
src/PartyPage.tsx
View File

@ -18,13 +18,9 @@ export const PartyPage: React.FC = () => {
const dear = myDear[partyContext.self.grammatical_gender]; const dear = myDear[partyContext.self.grammatical_gender];
const name = partyContext.self.name; const name = partyContext.self.name;
const party = partyContext.party; const party = partyContext.party;
const myRef = useRef<HTMLDivElement>(null) const wannUndWoRef = useRef<HTMLDivElement>(null)
const executeScroll = () => { const executeScroll = () => {
console.log("downvote bitte hier vergeben: https://stackoverflow.com/questions/43441856/how-to-scroll-to-an-element") wannUndWoRef.current!.scrollIntoView({ behavior: 'smooth' })
if (myRef.current === null) {
} else {
myRef.current.scrollIntoView({behavior: 'smooth'})
}
} }
const [comingState, setComingState] = useState(partyContext.self.coming); const [comingState, setComingState] = useState(partyContext.self.coming);
@ -88,14 +84,13 @@ export const PartyPage: React.FC = () => {
</div> </div>
<div className='hero-outer' > <div className='hero-outer' >
<span onClick={executeScroll}> <span onClick={executeScroll}>
<p> <p>Mehr Infos</p>
Mehr Infos </p>
<FontAwesomeIcon icon={faAngleDown} /> <FontAwesomeIcon icon={faAngleDown} />
</span> </span>
</div> </div>
</div> </div>
<div className='hero fullheight' ref={myRef}> <div className='hero fullheight' ref={wannUndWoRef}>
<h2>Wann und Wo?</h2> <h2>Wann und Wo?</h2>
<p> <p>
<FontAwesomeIcon icon={faCalendarDays} /> <strong>16. Dezember, ab 18:00</strong>. Bitte komme nach Möglichkeit pünktlich. <FontAwesomeIcon icon={faCalendarDays} /> <strong>16. Dezember, ab 18:00</strong>. Bitte komme nach Möglichkeit pünktlich.

BIN
src/background.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

11
src/index.css
View File

@ -11,3 +11,14 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace; monospace;
} }
body {
background-image: url('./background.gif');
background-size: cover;
background-position: center;
background-attachment: fixed;
height: 100vh;
padding:0;
margin:0;
}