open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use Readex Pro as body font

Browse Source
This commit is contained in:
Austin Chen 2021-12-10 03:11:05 -08:00
parent 405f754e02
commit 70ea4b96bb
4 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/convert-kit-email-form.tsx
View File

@ -9,8 +9,8 @@ const convertkitHTML = {
<div data-style="clean"> <div data-style="clean">
<ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul> <ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul>
<div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"> <div data-element="fields" data-stacked="false" class="seva-fields formkit-fields">
<div class="formkit-field" style="max-width:400px;margin-right:12px;"><input class="formkit-input" name="email_address" aria-label="Email Address" placeholder="Email Address" required="" type="email" style="color: rgb(0, 0, 0); border-color: rgb(227, 227, 227); border-radius: 4px; font-weight: 400;"></div> <div class="formkit-field" style="max-width:350px;margin-right:12px;"><input class="formkit-input" name="email_address" aria-label="Email Address" placeholder="Email Address" required="" type="email" style="color: rgb(0, 0, 0); border-color: rgb(227, 227, 227); border-radius: 4px; font-weight: 400;"></div>
<button data-element="submit" class="formkit-submit formkit-submit" style="color: rgb(255, 255, 255); background-color: rgb(17, 185, 129); border-radius: 4px; font-weight: 400; max-width: 175px"> <button data-element="submit" class="formkit-submit formkit-submit" style="color: rgb(255, 255, 255); background-color: rgb(17, 185, 129); border-radius: 4px; font-weight: 400; max-width: 200px">
<div class="formkit-spinner"> <div class="formkit-spinner">
<div></div> <div></div>
<div></div> <div></div>

4
web/components/hero.tsx
View File

@ -11,9 +11,9 @@ export const Hero = () => {
<div className="lg:grid lg:grid-cols-2 lg:gap-8"> <div className="lg:grid lg:grid-cols-2 lg:gap-8">
<div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center"> <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">
<div className="lg:py-24"> <div className="lg:py-24">
<h1 className="mt-4 text-4xl tracking-tight font-extrabold text-white sm:mt-5 sm:text-6xl lg:mt-6 xl:text-6xl"> <h1 className="mt-4 text-4xl text-white sm:mt-5 sm:text-6xl lg:mt-6 xl:text-6xl">
<span className="block">Create your own</span> <span className="block">Create your own</span>
<span className="block text-green-400"> <span className="block text-green-400 font-bold">
prediction markets prediction markets
</span> </span>
</h1> </h1>

9
web/pages/_document.tsx
View File

@ -38,12 +38,7 @@ export default function Document() {
crossOrigin="true" crossOrigin="true"
/> />
<link <link
href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap" href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Readex+Pro:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Inter&display=optional"
rel="stylesheet" rel="stylesheet"
/> />
@ -62,7 +57,7 @@ export default function Document() {
}} }}
/> />
</Head> </Head>
<body className="h-full"> <body className="h-full font-readex-pro">
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>

1
web/tailwind.config.js
View File

@ -5,6 +5,7 @@ module.exports = {
theme: { theme: {
fontFamily: { fontFamily: {
'major-mono': ['Major Mono Display', 'monospace'], 'major-mono': ['Major Mono Display', 'monospace'],
'readex-pro': ['Readex Pro', 'sans-serif'],
}, },
extend: { extend: {
backgroundImage: { backgroundImage: {