Commit b2d5131

committed

improve accessibility, minor refactoring, temporarily disabled anim for fem ss

1 parent a896f09 commit b2d5131Copy full SHA for b2d5131

File tree

+16

-12

lines changed

+16

-12

lines changed

Lines changed: 7 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
`1`	`1`	`.signup-form {`
`2`	`2`	`transition: all 0.4s ease;`
	`3`	`+ width: 100%;`
	`4`	`+ max-width: calc((346 / 16) * 1rem);`
`3`	`5`	`}`
`4`	`6`
`5`	`7`	`/* WRAPPER FOR THE WHOLE INPUT FIELD (INPUT + LABEL) */`
`@@ -105,8 +107,12 @@`
`105`	`107`	`margin-top: calc((15 / 16) * 1rem);`
`106`	`108`	`}`
`107`	`109`
`108`		`-.signup-form a {`
	`110`	`+.signup-form-terms button {`
	`111`	`+ background-color: transparent;`
`109`	`112`	`color: white;`
	`113`	`+ text-decoration: underline;`
	`114`	`+ cursor: pointer;`
	`115`	`+ border: transparent;`
`110`	`116`	`}`
`111`	`117`
`112`	`118`	`/* ERROR */`

Lines changed: 0 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -108,12 +108,7 @@ const Form = ({setIsOpen, setName, setOpenToS}) => {`
`108`	`108`
`109`	`109`	`</>`
`110`	`110`	`))}`
`111`		`-`
`112`	`111`	`<input type="submit" value="Claim your free trial" />`
`113`		`-`
`114`		`- <p className='signup-form-terms'>By clicking the button you agree our `
`115`		`- <a href="#" onClick={()=> setOpenToS(true)}>terms and services</a>`
`116`		`- </p>`
`117`	`112`	`</form>`
`118`	`113`	`)`
`119`	`114`	`}`

Lines changed: 9 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,11 +14,11 @@ const SignUp = () => {`
`14`	`14`	`const [name,setName] = useState("")`
`15`	`15`
`16`	`16`	`useEffect(()=> {`
`17`		`- var mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');`
`18`		`- if(!mediaQuery.matches) {`
`19`		`- gsapLandingAnimation();`
`20`		`- animateWordChange();`
`21`		`- }`
	`17`	`+ // var mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');`
	`18`	`+ // if(!mediaQuery.matches) {`
	`19`	`+ // gsapLandingAnimation();`
	`20`	`+ // }`
	`21`	`+ animateWordChange();`
`22`	`22`	`}, [])`
`23`	`23`
`24`	`24`	`return (`
`@@ -45,7 +45,11 @@ const SignUp = () => {`
`45`	`45`	`then 20ドル/mo. thereafter`
`46`	`46`	`</h2>`
`47`	`47`	`<Form setName={setName} setIsOpen={setIsOpen} setOpenToS={setOpenToS} />`
	`48`	`+ <p className='signup-form-terms' id="terms">By clicking the button you agree our `
	`49`	`+ <button aria-labelledby="terms" onClick={()=> setOpenToS(true)}>terms and services</button>`
	`50`	`+ </p>`
`48`	`51`	`</div>`
	`52`	`+ </main>`
`49`	`53`	`{isOpen && <Modal isOpen={isOpen} name={name} setIsOpen={setIsOpen}>`
`50`	`54`	`<h3>`
`51`	`55`	`Thank you {name}!`
`@@ -65,7 +69,6 @@ const SignUp = () => {`
`65`	`69`	`If you have any questions or concerns about these Terms, please contact us at <span style={{textDecoration:'underline'}}>support@mastertodesigncode.com. </span>`
`66`	`70`	`</p>`
`67`	`71`	`</Modal>}`
`68`		`- </main>`
`69`	`72`	`</div>`
`70`	`73`	`)`
`71`	`74`	`}`

Comments

(0)