diff --git a/.DS_Store b/.DS_Store index 9d6e62b..aad4eff 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/package.json b/package.json index 41cae4e..7d673b2 100644 --- a/package.json +++ b/package.json @@ -10,8 +10,10 @@ "serve:handlebars": "node app.js", "serve:css": "tailwindcss -i ./src/app.css -o ./dist/app.css --watch", "serve:svg": "nodemon --watch 'src/svgs/*' -e svg --exec 'npm run build:svg'", + "serve:svg": "nodemon --watch 'src/images/*' --exec 'npm run build:images'", "build:css": "tailwindcss -i ./src/app.css -o ./dist/app.css", "build:svg": "svgdir2sprite ./src/svgs ./dist/spritesheet.svg", + "build:images": "mkdir -p ./dist ./dist/images && cp ./src/images/* ./dist/images/", "test": "ava", "lint": "prettier --check .", "prepare": "husky install" diff --git a/src/.DS_Store b/src/.DS_Store index 1254617..4e41313 100644 Binary files a/src/.DS_Store and b/src/.DS_Store differ diff --git a/src/app.css b/src/app.css index d4c2eaa..763dad2 100644 --- a/src/app.css +++ b/src/app.css @@ -30,6 +30,25 @@ body { font-weight: 500; } +body::after { + content: ""; + background-image: url("images/bg.jpeg"); + filter: grayscale(50%); + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: -1; + opacity: 0.05; +} + +header h2 { + font-family: "Special Elite", cursive; + font-size: 1.5em; + line-height: 2em; +} + h1, h2, h3, @@ -44,7 +63,14 @@ h4 { } h1 { - font-family: "Redaction", Georgia, "Times New Roman", Times, serif; + font-family: "Special Elite", cursive; + color: var(--background); + background-color: var(--text-shout); + display: inline-block; + padding: 0.35em 0.4em 0.15em; + border-radius: 0 1.2rem; + margin-left: -0.4em; + transform: skewY(-3deg); } h2 { @@ -110,4 +136,8 @@ footer { @apply border-r; border-color: var(--stroke); } + + header h2 { + font-size: 2em; + } } diff --git a/src/images/.DS_Store b/src/images/.DS_Store new file mode 100644 index 0000000..c7478d8 Binary files /dev/null and b/src/images/.DS_Store differ diff --git a/src/images/bg.jpeg b/src/images/bg.jpeg new file mode 100644 index 0000000..1f52407 Binary files /dev/null and b/src/images/bg.jpeg differ diff --git a/src/svgs/.DS_Store b/src/svgs/.DS_Store index 83130bc..55cfe8e 100644 Binary files a/src/svgs/.DS_Store and b/src/svgs/.DS_Store differ diff --git a/src/svgs/claw.svg b/src/svgs/claw.svg new file mode 100644 index 0000000..c9d7778 --- /dev/null +++ b/src/svgs/claw.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/views/home.handlebars b/src/views/home.handlebars index c34926e..86c22dd 100644 --- a/src/views/home.handlebars +++ b/src/views/home.handlebars @@ -1,5 +1,7 @@
-

Howl your pronouns loud and proud

+
+

Howl your pronouns loud and proud

+

Because while we are silly, your gender identity is important. Be your genuine self. Share how you are to be referred to by newer users of neopronouns or English language learners.

View full database diff --git a/src/views/individual.handlebars b/src/views/individual.handlebars index af13702..69a98a6 100644 --- a/src/views/individual.handlebars +++ b/src/views/individual.handlebars @@ -1,6 +1,8 @@ -

- {{#each lexicon}}{{this.value}}{{/each}} -

+
+

+ {{#each lexicon}}{{this.value}}{{/each}} +

+
{{> exampleSentences lexicon=lexicon}} -{{> exampleTable lexicon=lexicon}} \ No newline at end of file +{{> exampleTable lexicon=lexicon}} diff --git a/src/views/layouts/main.handlebars b/src/views/layouts/main.handlebars index f496910..a3d2f38 100644 --- a/src/views/layouts/main.handlebars +++ b/src/views/layouts/main.handlebars @@ -1,22 +1,26 @@ + {{{pageTitle}}} - + - - + + + + {{> header siteName=siteName }}
@@ -26,4 +30,5 @@ {{> footer }}
+ diff --git a/src/views/list.handlebars b/src/views/list.handlebars index b886ba7..ff91fa1 100644 --- a/src/views/list.handlebars +++ b/src/views/list.handlebars @@ -1,4 +1,4 @@
-

List of Popular Pronouns

+

List of Popular Pronouns

{{> pronounList}}
diff --git a/src/views/partials/footer.handlebars b/src/views/partials/footer.handlebars index e74f1fc..ba68fa6 100644 --- a/src/views/partials/footer.handlebars +++ b/src/views/partials/footer.handlebars @@ -12,5 +12,6 @@

This site uses the Unlicense and icons from pronouns.design

Inspired by @morganastra's pronoun.is project

+

Background Photo by Jazmin Quaynor on Unsplash

diff --git a/src/views/partials/header.handlebars b/src/views/partials/header.handlebars index f1f3df4..fb27c8f 100644 --- a/src/views/partials/header.handlebars +++ b/src/views/partials/header.handlebars @@ -1,7 +1,7 @@ -
-

- - +
+

+ + @@ -22,4 +22,4 @@ -

+ diff --git a/src/views/partials/pronounList.handlebars b/src/views/partials/pronounList.handlebars index cb67a30..893646b 100644 --- a/src/views/partials/pronounList.handlebars +++ b/src/views/partials/pronounList.handlebars @@ -2,7 +2,7 @@ {{#each pronounList}}
  • - + {{this}}