improve website

This commit is contained in:
adueck 2022-10-24 14:45:16 +05:00
parent 32631de371
commit cf8591de13
4 changed files with 28 additions and 21 deletions

View File

@ -76,10 +76,12 @@ function App() {
showing={showing === "equatives"} showing={showing === "equatives"}
handleChange={() => handleHiderClick("equatives")} handleChange={() => handleHiderClick("equatives")}
> >
<div className="mt-4" style={{ paddingBottom: "20px" }}>
<EPExplorer <EPExplorer
opts={textOptions} opts={textOptions}
entryFeeder={entryFeeder} entryFeeder={entryFeeder}
/> />
</div>
</Hider> </Hider>
<Hider <Hider
label="Inflection Engine" label="Inflection Engine"

View File

@ -94,7 +94,7 @@ function InflectionDemo({ opts }: {
return false; return false;
} }
})(); })();
return <div> return <div style={{ paddingBottom: "20px" }}>
<p> <p>
Produces the inflections and plural forms (Pashto and Arabic plurals where applicable) for words Produces the inflections and plural forms (Pashto and Arabic plurals where applicable) for words
</p> </p>

View File

@ -41,12 +41,12 @@ function SpellingDemo({ opts, onChange }: {
opts: T.TextOptions, opts: T.TextOptions,
onChange: (opts: T.TextOptions) => void, onChange: (opts: T.TextOptions) => void,
}) { }) {
return <div> return <div style={{ marginBottom: "100px" }}>
<ul> <ul>
<li>Converts text between Afghan and Pakistani spelling conventions</li> <li>Converts text between Afghan and Pakistani spelling conventions</li>
<li>Generates diacritics for Pashto script when given phonetic script along with Pashto script</li> <li>Generates diacritics for Pashto script when given phonetic script along with Pashto script</li>
</ul> </ul>
<div className="d-block mx-auto card mb-3" style={{ maxWidth: "700px", background: "var(--closer)"}}> <div className="d-block mx-auto card mb-3" style={{ maxWidth: "500px", background: "var(--closer)"}}>
<div className="card-body"> <div className="card-body">
<div className="row"> <div className="row">
<div className="col-sm-6 mb-2"> <div className="col-sm-6 mb-2">
@ -141,7 +141,7 @@ function SpellingDemo({ opts, onChange }: {
</div> </div>
</div> </div>
</div> </div>
<div className="mt-4 text-center">
<Examples opts={opts}>{[ <Examples opts={opts}>{[
{ {
p: "زما زوی مکتب ته ځي", p: "زما زوی مکتب ته ځي",
@ -151,7 +151,12 @@ function SpellingDemo({ opts, onChange }: {
p: "دا ښه سړی دی", p: "دا ښه سړی دی",
f: "daa xu saRey dey", f: "daa xu saRey dey",
}, },
{
p: "په دکان کې مې ډېر خلک لیدلي دي",
f: "pu dUkaan ke me Der khalk leedulee dee",
},
]}</Examples> ]}</Examples>
</div>
</div>; </div>;
} }

View File

@ -105,7 +105,7 @@ function VPBuilderDemo({ opts }: {
const makeVerbLabel = (entry: T.DictionaryEntry): string => ( const makeVerbLabel = (entry: T.DictionaryEntry): string => (
`${entry.p} - ${clamp(entry.e, 20)}` `${entry.p} - ${clamp(entry.e, 20)}`
); );
return <> return <div className="mt-4">
<div className="d-block mx-auto card" style={{ maxWidth: "700px", background: "var(--closer)"}}> <div className="d-block mx-auto card" style={{ maxWidth: "700px", background: "var(--closer)"}}>
<div className="card-body"> <div className="card-body">
<div className="row"> <div className="row">
@ -189,7 +189,7 @@ function VPBuilderDemo({ opts }: {
</div> </div>
</div> </div>
</div> </div>
{v?.verb.entry && <div style={{ paddingBottom: "100px" }}> {v?.verb.entry && <div style={{ paddingBottom: "20px" }}>
<PhraseBuilder <PhraseBuilder
handleLinkClick="none" handleLinkClick="none"
verb={v.verb as T.VerbEntry} verb={v.verb as T.VerbEntry}
@ -197,7 +197,7 @@ function VPBuilderDemo({ opts }: {
opts={opts} opts={opts}
/> />
</div>} </div>}
</>; </div>;
} }
export default VPBuilderDemo; export default VPBuilderDemo;