Skip to content

Commit

Permalink
update homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@yell0wsuit
yell0wsuit committed Aug 7, 2024
1 parent 4a1aae0 commit ce72795
Show file tree
Hide file tree
Showing 4 changed files with 77 additions and 28 deletions.
11 changes: 11 additions & 0 deletions docs/home.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
sidebar_position: 1
---

# Main page

Browse the reference material you want on the left.

On small screens, you may want to tap on the hamburger button on the top left.

You can also use the search function to browse the topic.
2 changes: 1 addition & 1 deletion docs/peu/intro.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,6 @@ This section contains all the letters of the phonetic alphabet used in Practical

## About PEU

*Practical English Usage* is a combined usage guide and learner's grammar. It is intended mainly for advanced students and teachers of English as a foreign or second language; it may also be useful to teacher trainers and materials writers. It is not addressed to native speakers of English, who need a rather different kind of reference work.
*Practical English Usage* is a combined usage guide and learner's grammar. It is intended mainly for advanced students and teachers of English as a foreign or second language; it may also be useful to teacher trainers and materials writers. It is not addressed to native speakers of English, who need a rather different kind of reference work.

Check the About PEU section in the sidebar for more information.
92 changes: 65 additions & 27 deletions src/pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,47 +20,85 @@ function HomepageHeader() {
</svg>
</div>
</div>
<Heading as="h1" className="hero__title">
<Heading as="h1">
{siteConfig.title}
</Heading>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link className="button button--secondary button--lg" to="/intro">
<Link className="button button--secondary button--lg" to="./home">
Read now
</Link>
</div>
</div>
</header>
<header className={clsx("hero hero--dark")}>
<div className="container">
<div className="row">
<div className="col col--4 text--center">
<img src="./img/peu_logo.svg" width="200" />
<div className="card padding-vert--md margin-vert--md">
<div className="card__body">
<div className="container">
<div className="row">
<div className="col col--4 text--center margin-bottom--lg">
<img src="./img/peu_logo.svg" width="200" />
</div>
<div className="col col--8">
<h2>About Practical English Usage</h2>
<p>
Practical English Usage (PEU) answers the questions that teachers and learners ask
about English grammar and vocabulary with clear, corpus-informed explanations and
examples.
</p>
<p>
It is written by Michael Swan and published by Oxford University Press. It is
intended mainly for advanced students and teachers of English as a foreign or second
language.
</p>
<p>
PEU includes more than 600 entries divided into two parts -- grammar and vocabulary.
From usage of tenses to changes in English, it aims to give the most important
information to deal with common language problems.
</p>
<div>
<Link className="button button--secondary button--lg" to="./peu/about/">
More info
</Link>
</div>
</div>
</div>
<div className="col col--8">
<h2>About Practical English Usage</h2>
<p>
Practical English Usage (PEU) answers the questions that teachers and learners ask about
English grammar and vocabulary with clear, corpus-informed explanations and examples.
</p>
<p>
It is written by Michael Swan and published by Oxford University Press. It is intended
mainly for advanced students and teachers of English as a foreign or second language.
</p>
<p>
PEU includes more than 600 entries divided into two parts -- grammar and vocabulary.
From usage of tenses to changes in English, it aims to give the most important
information to deal with common language problems.
</p>
<div>
<Link className="button button--secondary button--lg" to="/about">
More info
</Link>
</div>
</div>
</div>
<div className="card padding-vert--md margin-vert--md">
<div className="card__body">
<div className="container">
<div className="row">
<div className="col col--4 text--center margin-bottom--lg">
<img src="./img/egt_cover.webp" height="300" />
</div>
<div className="col col--8">
<h2>About English Grammar Today</h2>
<p>
English Grammar Today is an up-to-date guide to the grammar of modern English. It is
useful for all users of English but in particular for learners of English at an
intermediate to upper-intermediate level (CEF B1–C1). It will also be helpful to
teachers of English looking for clear explanations and real examples.
</p>
<p>
English Grammar Today provides a range of grammatical explanations from basic
points, such as how we form questions in English, to more advanced points, such as
how to use particular words and phrases to apologise, to address people, to be
polite, to agree with others or to respond to what is said. They include key
features of grammar, such as adjective, adverb, noun, determiner, ellipsis, main
clause, future, conjunction, as well as individual words and pairs of words which
are commonly confused, such as above/over and make/do.
</p>
<div>
<Link className="button button--secondary button--lg" to="./egt/">
More info
</Link>
</div>
</div>
</div>
</div>
</div>
</header>
</div>
</>
);
}
Expand Down
Binary file added static/img/egt_cover.webp
View file
Binary file not shown.

0 comments on commit ce72795

Please sign in to comment.