diff --git a/public/index.html b/public/index.html index 278899d..311146b 100644 --- a/public/index.html +++ b/public/index.html @@ -3,7 +3,6 @@ - diff --git a/public/style_hacky_css_react_mag_mich_nicht.css b/public/style_hacky_css_react_mag_mich_nicht.css deleted file mode 100644 index 6ead652..0000000 --- a/public/style_hacky_css_react_mag_mich_nicht.css +++ /dev/null @@ -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; - } diff --git a/src/PartyPage.tsx b/src/PartyPage.tsx index 7247748..eea4ce5 100644 --- a/src/PartyPage.tsx +++ b/src/PartyPage.tsx @@ -18,13 +18,9 @@ export const PartyPage: React.FC = () => { const dear = myDear[partyContext.self.grammatical_gender]; const name = partyContext.self.name; const party = partyContext.party; - const myRef = useRef(null) + const wannUndWoRef = useRef(null) const executeScroll = () => { - console.log("downvote bitte hier vergeben: https://stackoverflow.com/questions/43441856/how-to-scroll-to-an-element") - if (myRef.current === null) { - } else { - myRef.current.scrollIntoView({behavior: 'smooth'}) - } + wannUndWoRef.current!.scrollIntoView({ behavior: 'smooth' }) } const [comingState, setComingState] = useState(partyContext.self.coming); @@ -88,14 +84,13 @@ export const PartyPage: React.FC = () => {
-

- Mehr Infos

- +

Mehr Infos

+
-
+

Wann und Wo?

16. Dezember, ab 18:00. Bitte komme nach Möglichkeit pünktlich. diff --git a/src/background.gif b/src/background.gif new file mode 100644 index 0000000..f7dae5f Binary files /dev/null and b/src/background.gif differ diff --git a/src/index.css b/src/index.css index 3e3b6a1..b8607a6 100644 --- a/src/index.css +++ b/src/index.css @@ -10,4 +10,15 @@ body { code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; -} \ No newline at end of file +} + + +body { + background-image: url('./background.gif'); + background-size: cover; + background-position: center; + background-attachment: fixed; + height: 100vh; + padding:0; + margin:0; +}