This commit is contained in:
adueck 2024-03-06 14:26:42 -05:00
parent 1e787e24a4
commit be5dfdfbc0
1 changed files with 65 additions and 53 deletions

View File

@ -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:
"A Pashto grammar reference with interactive examples and quizzes.",
link: "https://grammar.lingdocs.com", link: "https://grammar.lingdocs.com",
repo: "https://github.com/lingdocs/pashto-grammar", repo: "https://github.com/lingdocs/pashto-grammar",
playStore: "https://play.google.com/store/apps/details?id=com.lingdocs.pashto.grammar", playStore:
"https://play.google.com/store/apps/details?id=com.lingdocs.pashto.grammar",
}, },
{ {
title: "Pashto Dictionary", title: "Pashto Dictionary",
description: "A Pashto dicitionary with smart-search and inflection/conjugation", description:
"A Pashto dicitionary with smart-search and inflection/conjugation",
link: "https://dictionary.lingdocs.com", link: "https://dictionary.lingdocs.com",
repo: "https://github.com/lingdocs/pashto-dictionary", repo: "https://github.com/lingdocs/pashto-dictionary",
playStore: "https://play.google.com/store/apps/details?id=com.lingdocs.pashto.dictionary", playStore:
"https://play.google.com/store/apps/details?id=com.lingdocs.pashto.dictionary",
}, },
{ {
title: "Pashto Inflector", title: "Pashto Inflector",
description: "An open source TypeScript/React library for Pashto inflection, verb conjugation, phrase generation, text conversion, and more.", description:
"An open source TypeScript/React library for Pashto inflection, verb conjugation, phrase generation, text conversion, and more.",
link: "https://pashto-inflector.lingdocs.com", link: "https://pashto-inflector.lingdocs.com",
repo: "https://github.com/lingdocs/pashto-inflector", repo: "https://github.com/lingdocs/pashto-inflector",
}, },
{
title: "Pashtoodle",
description: "A Pashto version of the well-loved word guessing game",
link: "https://pashtoodle.lingdocs.com",
repo: "https://github.com/lingdocs/pashto-wordle",
},
{ {
title: "RTL EPUB Maker", title: "RTL EPUB Maker",
description: "Easily create EPUB e-book files with proper RTL support. Because right-to-left languages deserve nice e-books too.", description:
"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,20 +60,29 @@ 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> -{" "}
<a href={project.repo}>Source Code</a>
</div> </div>
{project.playStore && <div> {project.playStore && (
<a href={`${project.playStore}&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1`}> <div>
<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
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> </a>
</div>} </div>
)}
</div> </div>
))} ))}
</div> </div>
@ -80,4 +92,4 @@ const About = ({ location }) => {
) )
} }
export default About; export default About