Skip to content

Add Intro dropdown #166

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
RobH123 merged 3 commits into from
Sep 8, 2025
Merged

Add Intro dropdown #166

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9d7ab70
Framework for adding Intro dropdown
Sep 6, 2025
aeaf2d4
More progress on fixing links and filling in some place-holders
Sep 8, 2025
680f389
More small fixes
Sep 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 0 additions & 8 deletions frontend/src/Components/navDropdowns/Design.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,6 @@ import DropDownMenu, { dropMenu } from '../menu/DropDownMenu/DropDownMenu';
const menu: dropMenu = {
title: 'Design',
items: [
{
name: 'Overview',
link: '/Design/Overview',
},
{
name: 'Name',
link: '/Design/Name',
},
{
name: 'Readers’ Version',
link: '/Design/ReadersVersion',
Expand Down
38 changes: 38 additions & 0 deletions frontend/src/Components/navDropdowns/Intro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
import DropDownMenu, { dropMenu } from '../menu/DropDownMenu/DropDownMenu';

const menu: dropMenu = {
title: 'Intro',
items: [
{
name: 'Overview',
link: '/Intro/Overview',
},
{
name: 'Name',
link: '/Intro/Name',
},
{
name: 'Who for?',
link: '/Intro/WhoFor',
},
{
name: 'Stories',
link: '/Intro/Stories',
},
],
};

// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
type props = {
phoneNav?: boolean;
};

function Intro({ phoneNav }: props) {
return (
<>
<DropDownMenu isPhoneNav={phoneNav} menu={menu} />
</>
);
}

export default Intro;
15 changes: 9 additions & 6 deletions frontend/src/Layouts/Footer/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,10 @@ function Footer() {
<div className={styles['link-list-left']}>
<ul>
<li>
<Link href={'/Design/Overview'}>Overview</Link>
<Link href={'/Intro/Overview'}>Overview</Link>
</li>
<li>
<Link href={'/Design/Name'}>Name</Link>
<Link href={'/Intro/Name'}>Name</Link>
</li>
<li>
<Link href={'/Design/LiteralVersion'}>
Expand Down Expand Up @@ -55,6 +55,12 @@ function Footer() {
</div>
<div className={styles['link-list-right']}>
<ul>
<li>
<Link href={'/Intro/WhoFor'}>Who for?</Link>
</li>
<li>
<Link href={'/Intro/Stories'}>Stories</Link>
</li>
<li>
<Link href={'/About/OET'}>About OET</Link>
</li>
Expand All @@ -74,9 +80,6 @@ function Footer() {
<li>
<Link href={'/About/Partners'}>Our partners</Link>
</li>
<li>
<Link href={'/About/Licence'}>Licence</Link>
</li>
<li>
<Link href={'/About/Contact'}>Contact us</Link>
</li>
Expand Down Expand Up @@ -104,7 +107,7 @@ function Footer() {
</a>
</span>
<span className={styles['buildNotes']}>
(Site last built: 1 Sept 2025)
(Site last built: 8 Sept 2025)
</span>
</div>
</div>
Expand Down
5 changes: 5 additions & 0 deletions frontend/src/Layouts/Header/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import { BigHomeLogo, SmallHomeLogo } from '../../Assets/SVGs';
import SideMenu from '../../Components/menu/SideMenu/SideMenu';
import About from '../../Components/navDropdowns/About';
import Design from '../../Components/navDropdowns/Design';
import Intro from '../../Components/navDropdowns/Intro';
import Resources from '../../Components/navDropdowns/Resources';
import Discussion from '../../Components/navDropdowns/Discussion';

Expand All @@ -25,6 +26,7 @@ const Header: NextPage = () => {
</Link>
</div>
<nav className={styles['big-nav']}>
<Intro />
<Design />
<Link component={NextLink} href='/Reader'>
Reader
Expand All @@ -41,6 +43,9 @@ const Header: NextPage = () => {
className={styles.close_side_menu}
/>
<ul className={styles['phone-nav']}>
<li>
<Intro phoneNav={true} />
</li>
<li>
<Design phoneNav={true} />
</li>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/app/About/StatementOfFaith/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ function StatementOfFaith() {
<h1>Agenda</h1>
<p>
It’s sort of covered in other places like the{' '}
<Link href={'/Design/Overview'}>Overview</Link>, but
<Link href={'/Intro/Overview'}>Overview</Link>, but
hey, let’s say it again in point form here (so no
one can accuse us of having a hidden agenda):
</p>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/app/Design/ReadersVersion/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -354,7 +354,7 @@ function RV() {
</p>
<p>
<small>
Note: Remember that the <em>OET</em> has our
Note: Remember that the <em>OET</em> has our
(very) <em>Literal Version</em> right there
beside our <em>Readers’ Version</em> so that the
serious student can also look across to that
Expand Down
21 changes: 16 additions & 5 deletions frontend/src/app/Discussion/FAQ/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ function FAQ() {
<MainPageContent>
<p id='FAQTop' className={styles.FAQContentEntry}>
See our{' '}
<Link href='/Design/Overview'>overview page</Link>{' '}
<Link href='/Intro/Overview'>overview page</Link>{' '}
for information about the <em>OET</em> translation
philosophy and the various <em>OET</em> versions.
</p>
Expand Down Expand Up @@ -171,7 +171,7 @@ function FAQ() {
</p>
<p className={styles.FAQContentEntry}>
See our{' '}
<Link href='/Design/Overview'>overview page</Link>{' '}
<Link href='/Intro/Overview'>overview page</Link>{' '}
for information about the <em>OET</em> translation
philosophy and the various <em>OET</em> versions.
</p>
Expand All @@ -188,9 +188,20 @@ function FAQ() {
</h2>
<p className={styles.FAQAnswer}>
The <em>OET</em> translation isn’t completed yet so
it’s not yet available. However, more information
can be found on the{' '}
<Link component={NextLink} href='Downloads/'>
PDF and other downloads aren’t available yet.
However, it can be read online{' '}
<Link
component={NextLink}
href='https://Freely-Given.org/OBD/OET/'
>
here
</Link>{' '}
plus more information on downloads can be found on
our{' '}
<Link
component={NextLink}
href='/Resources/Downloads/'
>
Downloads page
</Link>
.
Expand Down
9 changes: 5 additions & 4 deletions frontend/src/app/Design/Name/page.tsx → frontend/src/app/Intro/Name/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,12 +33,13 @@ function Name() {
</li>
<li>
<b>English</b> because it’s an English
translation. <b>Modern English. Our English.</b>{' '}
translation: <b>Modern English. Our English.</b>{' '}
(It seems a little ethnocentric to leave the
language qualifier out of the title of a Bible
translation, although it’s true that in most
cases that language of the title itself
indicates the language of the translation.)
translation, as in ‘Holy Bible’ or similar,
although it’s true that in most cases that
language of the title itself indicates the
language of the translation.)
</li>
<li>
<b>Translation</b> just to remind readers/users
Expand Down
0 .../app/Design/Overview/overview.module.scss → ...c/app/Intro/Overview/overview.module.scss
View file
Open in desktop
File renamed without changes.
0 frontend/src/app/Design/Overview/page.tsx → frontend/src/app/Intro/Overview/page.tsx
View file
Open in desktop
File renamed without changes.
68 changes: 68 additions & 0 deletions frontend/src/app/Intro/Stories/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
'use client';

import Link from 'next/link';

import MainPageContent from '../../../Components/page/MainPageContent/MainPageContent';
import Page from '../../../Components/page/page';
import Footer from '../../../Layouts/Footer/Footer';
import Header from '../../../Layouts/Header/Header';
import Main from '../../../Layouts/main/main';

function Stories() {
return (
<>
<Header />
<Main>
<Page>
<MainPageContent>
<h1>
Stories about the <em>Open English Translation</em>
</h1>
<p>
Little snippets to help explain the <em>OET</em>
</p>
<h2>A ‘Yahweh’ translation</h2>
<p>
I grew up with Bibles with the term ‘L
<small>ORD</small>’ in them, and the only
translations that I was aware of that used ‘Yahweh’
(or the mistaken ‘Jehovah’) were Roman Catholic
Bibles. So when I started reading the{' '}
<em>Open English Translation</em>, it definitely did
feel a bit unusual for a while.
</p>
<p>
However, I’m pleased to report that after a little
while (perhaps around a month), it started to feel
more natural, and certainly started to make more
sense, now to the point that reading Bibles with ‘L
<small>ORD</small>’ in them now feels odd or
old-fashioned.
</p>
<p>
For example, at church we looked at{' '}
<Link href='https://Freely-Given.org/OBD/par/PSA/C129V8.htm#Top'>
Song/Psalm 129:8
</Link>{' '}
which finishes with “We bless you all in Yahweh’s
name.” That seems to make so much more sense than
“We bless you all in the name of the L
<small>ORD</small>.” i.e., using the name which
we’re not allowed to pronounce and which many
Christians these days don’t even know! (Not to
mention that they had to add the English article
‘the’ even though that wasn’t in the Hebrew.)
Obviously people back in those times didn’t hesitate
to pronounce Yahweh’s name if they used it in
blessings!
</p>
<h2>More coming ...</h2>
</MainPageContent>
</Page>
</Main>
<Footer />
</>
);
}

export default Stories;
78 changes: 78 additions & 0 deletions frontend/src/app/Intro/WhoFor/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
'use client';

import Link from 'next/link';

import MainPageContent from '../../../Components/page/MainPageContent/MainPageContent';
import Page from '../../../Components/page/page';
import Footer from '../../../Layouts/Footer/Footer';
import Header from '../../../Layouts/Header/Header';
import Main from '../../../Layouts/main/main';

function WhoFor() {
return (
<>
<Header />
<Main>
<Page>
<MainPageContent>
<h1>
Who’s the <em>Open English Translation</em> for?
</h1>
<h2>
Who might like the <em>OET</em>?
</h2>
<p>Two groups of people: Anyone who…</p>
<ol>
<li>
is interested in reading the Bible for the first
time, and would prefer a version that's actually
in modern English and hence easy to read and
understand (without having to learn archaic
grammar and terms).
</li>
<li>
has perhaps read the Bible many times, but who
feels that it would be more respectful to
pronoun Hebrew names more like how they should
be pronounced (and not limited by the Greek
alphabet like most traditional Biblical English
names have been).
</li>
</ol>
<h1>
Who’s the <em>Open English Translation</em> not for?
</h1>
<h2>
Who probably won’t enjoy the <em>OET</em>?
</h2>
<p>Anyone who…</p>
<ol>
<li>
has been taught that a ‘literal’ translation is
more ‘accurate’ than a ‘dynamic’ one. (Often
people who believe that, only speak one
language. Speakers of languages in different
language families are often much more aware that
that’s a fallacy.)
</li>
<li>
thinks church and Bible tradition is more
important than implementing advances in
translation knowledge and updating for changes
in our modern English language.
</li>
<li>
thinks the colour and quality of the leather and
the ribbons is more important than the quality
of the actual English translation.
</li>
</ol>
</MainPageContent>
</Page>
</Main>
<Footer />
</>
);
}

export default WhoFor;
Loading