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=Baloo+Bhaijaan+2&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap" rel="stylesheet" />
</Head>
@@ -44,6 +43,10 @@ export default function Home() {
<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.s. we don&apos;t sell your data or hire phd&apos;s to drug you...
<br />
styles/globals.css
+14 -4
View File
@@ -35,6 +35,12 @@ p {
font-size: 2em;
}
#marquee-text {
font-style: italic;
font-size: 1.5em;
font-family: 'Baloo Bhaijaan 2', cursive;
}
/* Mobile :320px. */
@media (max-width: 767px) {
@@ -42,17 +48,21 @@ p {
padding: 0em;
}
#main-title {
font-family: 'Satisfy', cursive;
font-size: 2em;
color: teal;
}
#side-note {
font-family: 'Baloo Bhaijaan 2', cursive;
font-size: 1em;
}
p {
font-family: 'Baloo Bhaijaan 2', cursive;
font-size: 1.5em;
}
}
#marquee-text {
font-size: 1em;
}
}