update
This commit is contained in:
parent
1e787e24a4
commit
be5dfdfbc0
|
@ -1,48 +1,51 @@
|
||||||
import React from "react";
|
import React from "react"
|
||||||
import Layout from "../components/layout";
|
import Layout from "../components/layout"
|
||||||
import SEO from "../components/seo";
|
import SEO from "../components/seo"
|
||||||
import aboutBackground from "../assets/images/about-bg.jpg";
|
import aboutBackground from "../assets/images/about-bg.jpg"
|
||||||
|
|
||||||
const projects = [
|
const projects = [
|
||||||
{
|
{
|
||||||
title: "Pashto Grammar",
|
title: "Pashto Grammar",
|
||||||
description: "A Pashto grammar reference with interactive examples and quizzes.",
|
description:
|
||||||
link: "https://grammar.lingdocs.com",
|
"A Pashto grammar reference with interactive examples and quizzes.",
|
||||||
repo: "https://github.com/lingdocs/pashto-grammar",
|
link: "https://grammar.lingdocs.com",
|
||||||
playStore: "https://play.google.com/store/apps/details?id=com.lingdocs.pashto.grammar",
|
repo: "https://github.com/lingdocs/pashto-grammar",
|
||||||
},
|
playStore:
|
||||||
{
|
"https://play.google.com/store/apps/details?id=com.lingdocs.pashto.grammar",
|
||||||
title: "Pashto Dictionary",
|
},
|
||||||
description: "A Pashto dicitionary with smart-search and inflection/conjugation",
|
{
|
||||||
link: "https://dictionary.lingdocs.com",
|
title: "Pashto Dictionary",
|
||||||
repo: "https://github.com/lingdocs/pashto-dictionary",
|
description:
|
||||||
playStore: "https://play.google.com/store/apps/details?id=com.lingdocs.pashto.dictionary",
|
"A Pashto dicitionary with smart-search and inflection/conjugation",
|
||||||
},
|
link: "https://dictionary.lingdocs.com",
|
||||||
{
|
repo: "https://github.com/lingdocs/pashto-dictionary",
|
||||||
title: "Pashto Inflector",
|
playStore:
|
||||||
description: "An open source TypeScript/React library for Pashto inflection, verb conjugation, phrase generation, text conversion, and more.",
|
"https://play.google.com/store/apps/details?id=com.lingdocs.pashto.dictionary",
|
||||||
link: "https://pashto-inflector.lingdocs.com",
|
},
|
||||||
repo: "https://github.com/lingdocs/pashto-inflector",
|
{
|
||||||
},
|
title: "Pashto Inflector",
|
||||||
{
|
description:
|
||||||
title: "Pashtoodle",
|
"An open source TypeScript/React library for Pashto inflection, verb conjugation, phrase generation, text conversion, and more.",
|
||||||
description: "A Pashto version of the well-loved word guessing game",
|
link: "https://pashto-inflector.lingdocs.com",
|
||||||
link: "https://pashtoodle.lingdocs.com",
|
repo: "https://github.com/lingdocs/pashto-inflector",
|
||||||
repo: "https://github.com/lingdocs/pashto-wordle",
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "RTL EPUB Maker",
|
||||||
title: "RTL EPUB Maker",
|
description:
|
||||||
description: "Easily create EPUB e-book files with proper RTL support. Because right-to-left languages deserve nice e-books too.",
|
"Easily create EPUB e-book files with proper RTL support. Because right-to-left languages deserve nice e-books too.",
|
||||||
link: "https://rtl-epub-maker.lingdocs.com",
|
link: "https://rtl-epub-maker.lingdocs.com",
|
||||||
repo: "https://github.com/lingdocs/rtl-epub-maker",
|
repo: "https://github.com/lingdocs/rtl-epub-maker",
|
||||||
},
|
},
|
||||||
];
|
]
|
||||||
|
|
||||||
const About = ({ location }) => {
|
const About = ({ location }) => {
|
||||||
return (
|
return (
|
||||||
<Layout location={location} title="About">
|
<Layout location={location} title="About">
|
||||||
<SEO title="Projects" />
|
<SEO title="Projects" />
|
||||||
<header className="masthead" style={{ backgroundImage: `url(${aboutBackground})` }}>
|
<header
|
||||||
|
className="masthead"
|
||||||
|
style={{ backgroundImage: `url(${aboutBackground})` }}
|
||||||
|
>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-lg-8 col-md-10 mx-auto">
|
<div className="col-lg-8 col-md-10 mx-auto">
|
||||||
|
@ -57,21 +60,30 @@ const About = ({ location }) => {
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-lg-8 col-md-10 mx-auto">
|
<div className="col-lg-8 col-md-10 mx-auto">
|
||||||
{projects.map((project) => (
|
{projects.map(project => (
|
||||||
<div key={project.title}>
|
<div key={project.title}>
|
||||||
<a href={project.link}>
|
<a href={project.link}>
|
||||||
<h2 className="post-title">{project.title}</h2>
|
<h2 className="post-title">{project.title}</h2>
|
||||||
</a>
|
</a>
|
||||||
<div>{project.description}</div>
|
<div>{project.description}</div>
|
||||||
<div className="mt-2 text-muted">
|
<div className="mt-2 text-muted">
|
||||||
<a href={project.link}>Website</a> - <a href={project.repo}>Source Code</a>
|
<a href={project.link}>Website</a> -{" "}
|
||||||
</div>
|
<a href={project.repo}>Source Code</a>
|
||||||
{project.playStore && <div>
|
|
||||||
<a href={`${project.playStore}&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1`}>
|
|
||||||
<img style={{ maxWidth: "10rem" }} alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
|
|
||||||
</a>
|
|
||||||
</div>}
|
|
||||||
</div>
|
</div>
|
||||||
|
{project.playStore && (
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href={`${project.playStore}&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1`}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
style={{ maxWidth: "10rem" }}
|
||||||
|
alt="Get it on Google Play"
|
||||||
|
src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -80,4 +92,4 @@ const About = ({ location }) => {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default About;
|
export default About
|
||||||
|
|
Loading…
Reference in New Issue