talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adding in marquee for "waitlist"

Browse Source
This commit is contained in:
Arjun Patel
2021-12-05 11:06:41 -08:00
parent 8055f1c720
commit 243065afcc
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.js
+4 -1
View File
@@ -19,7 +19,6 @@ export default function Home() {
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap" rel="stylesheet" />
</Head> </Head>
@@ -44,6 +43,10 @@ export default function Home() {
<p>want an invite? text us @ <font color="grey">949.237.2715</font></p> <p>want an invite? text us @ <font color="grey">949.237.2715</font></p>
<marquee direction="left" width="100%" height="100%" behavior="scroll" scrollamount="12" offset="0%">
<p id="marquee-text">waitlist currently sitting at 2,324 people...</p>
</marquee>
<p id="side-note"> <p id="side-note">
p.s. we don&apos;t sell your data or hire phd&apos;s to drug you... p.s. we don&apos;t sell your data or hire phd&apos;s to drug you...
<br /> <br />
styles/globals.css
+13 -3
View File
@@ -35,6 +35,12 @@ p {
font-size: 2em; font-size: 2em;
} }
#marquee-text {
font-style: italic;
font-size: 1.5em;
font-family: 'Baloo Bhaijaan 2', cursive;
}
/* Mobile :320px. */ /* Mobile :320px. */
@media (max-width: 767px) { @media (max-width: 767px) {
@@ -42,17 +48,21 @@ p {
padding: 0em; padding: 0em;
} }
#main-title { #main-title {
font-family: 'Satisfy', cursive;
font-size: 2em; font-size: 2em;
color: teal; color: teal;
} }
#side-note { #side-note {
font-family: 'Baloo Bhaijaan 2', cursive;
font-size: 1em; font-size: 1em;
} }
p { p {
font-family: 'Baloo Bhaijaan 2', cursive;
font-size: 1.5em; font-size: 1.5em;
} }
#marquee-text {
font-size: 1em;
} }
}