gaiety/pronoun-monster
gaiety/pronoun-monster
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

partials for header and footer

Browse source
This commit is contained in:
Angela Quinton 2023-03-11 23:39:51 -05:00
parent 266c3ac0ac
commit 79407a3db3
6 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app.js
View file

@ -9,8 +9,11 @@ app.set('views', './src/views')
app.use(express.static('dist')) app.use(express.static('dist'))
const siteName = "Pronoun Site"
app.get('/', (req, res) => { app.get('/', (req, res) => {
res.render('home') const pageTitle = siteName;
res.render('home', { siteName, pageTitle } )
}) })
app.get('/:nominative/:accusative/:pronominal_possessive/:predicative_possessive/:reflexive', (req, res) => { app.get('/:nominative/:accusative/:pronominal_possessive/:predicative_possessive/:reflexive', (req, res) => {
@ -21,8 +24,11 @@ app.get('/:nominative/:accusative/:pronominal_possessive/:predicative_possessive
predicative_possessive: predicativePossessive, predicative_possessive: predicativePossessive,
reflexive, reflexive,
} = req.params } = req.params
const pageTitle = [nominative, accusative, pronominalPossessive, predicativePossessive, reflexive].join("/") + " - " + siteName;
res.render('individual', { res.render('individual', {
nominative, accusative, pronominalPossessive, predicativePossessive, reflexive siteName, pageTitle, nominative, accusative, pronominalPossessive, predicativePossessive, reflexive
}) })
}) })

3
src/views/home.handlebars
View file

@ -1,4 +1,3 @@
<div class="container mx-auto my-8">
<h1 class="text-3xl">This is going to be such a cool site!</h1> <h1 class="text-3xl">This is going to be such a cool site!</h1>
<p>Check the readme!</p> <p>Check the readme!</p>
</div>

2
src/views/individual.handlebars
View file

@ -1,4 +1,2 @@
<div class="container mx-auto my-8">
<h1 class="text-3xl">Individual</h1> <h1 class="text-3xl">Individual</h1>
{{nominative}}/{{accusative}}/{{pronominalPossessive}}/{{predicativePossessive}}/{{reflexive}} {{nominative}}/{{accusative}}/{{pronominalPossessive}}/{{predicativePossessive}}/{{reflexive}}
</div>

6
src/views/layouts/main.handlebars
View file

@ -2,10 +2,14 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Example App</title> <title>{{{pageTitle}}}</title>
<link rel="stylesheet" href="/app.css"> <link rel="stylesheet" href="/app.css">
</head> </head>
<body> <body>
<div class="container mx-auto my-8">
{{> header siteName=siteName }}
{{{body}}} {{{body}}}
{{> footer }}
</div>
</body> </body>
</html> </html>

11
src/views/partials/footer.handlebars Normal file
View file

@ -0,0 +1,11 @@
<h3>Made by monsters</h3>
<ul>
<li><a href="#">Gaiety</a> who uses she/her, fae/faer</li>
<li><a href="#">Angela</a> who uses it/its, she/her</li>
<li><a href="#">Rizzo</a> who uses he/him, they/them, xier/xies</li>
</ul>
<p>This site has a license of some sort, and that's linked <a href="#">here.</a></p>
<p>Thanks for visiting!</p>

1
src/views/partials/header.handlebars Normal file
View file

@ -0,0 +1 @@
<h2>{{{siteName}}}</h2>