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

Bigger logo, proud h1's

Browse source
This commit is contained in:
Ava Gaiety W 2023-08-01 19:01:38 -05:00
parent 3f66bd5ad3
commit 1dbe936271
6 changed files with 37 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app.css
View file

@ -30,6 +30,12 @@ body {
font-weight: 500;
}
header h2 {
font-family: "Special Elite", cursive;
font-size: 2em;
line-height: 1.5em;
}
h1,
h2,
h3,
@ -44,7 +50,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 {

4
src/views/home.handlebars
View file

@ -1,5 +1,7 @@
<div class="flex flex-col gap-8">
<h1 class="text-3xl">Howl your pronouns loud and proud</h1>
<div>
<h1 class="text-3xl">Howl your pronouns loud and proud</h1>
</div>
<p class="md:w-1/2">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.</p>
<div>
<a href="/list" class="button-cta">View full database</a>

8
src/views/individual.handlebars
View file

@ -1,6 +1,8 @@
<h1 class="pronoun-list-title text-5xl lg:text-6xl flex flex-wrap">
{{#each lexicon}}<span>{{this.value}}</span>{{/each}}
</h1>
<div>
<h1 class="pronoun-list-title text-5xl lg:text-6xl inline-flex flex-wrap">
{{#each lexicon}}<span>{{this.value}}</span>{{/each}}
</h1>
</div>
{{> exampleSentences lexicon=lexicon}}
{{> exampleTable lexicon=lexicon}}

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

@ -1,11 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{{pageTitle}}}</title>
<meta property="og:site_name" content="Pronoun Monster" />
<meta property="og:title" content={{pageTitle}} />
<meta property="og:description" content="Howl your pronouns loud and proud. Share how you are to be referred to by newer users of neopronouns or English language learners." />
<meta property="og:description"
content="Howl your pronouns loud and proud. Share how you are to be referred to by newer users of neopronouns or English language learners." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://pronoun.monster/" />
<meta property="og:image" content="https://pronoun.monster/og-image.jpg" />
@ -14,9 +16,11 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/redaction">
<link rel="stylesheet" href="/app.css">
</head>
<body class="min-h-screen flex flex-col">
{{> header siteName=siteName }}
<div class="mx-10 mt-10 mb-[60px] lg:mx-[90px] lg:mt-[90px] xl:mx-[120px] xl:mt-[120px] grow flex flex-col">
@ -26,4 +30,5 @@
{{> footer }}
</div>
</body>
</html>

2
src/views/list.handlebars
View file

@ -1,4 +1,4 @@
<div class="flex flex-col gap-8">
<h1 class="text-3xl">List of Popular Pronouns</h1>
<div><h1 class="text-3xl">List of Popular Pronouns</h1></div>
{{> pronounList}}
</div>

10
src/views/partials/header.handlebars
View file

@ -1,7 +1,7 @@
<div class="p-10 lg:px-[60px] flex justify-between">
<h2 class="text-xl">
<a href="/" class="flex flex-row gap-2 align-center">
<svg class="w-8 h-8 -mt-0.5" viewBox="0 0 151 143" fill="none" xmlns="http://www.w3.org/2000/svg">
<header class="p-10 lg:px-[60px] flex justify-between">
<h2>
<a href="/" class="flex flex-row gap-4 align-center">
<svg class="w-12 h-12 -mt-0.5" viewBox="0 0 151 143" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="45.1768" cy="97.8" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
<circle cx="105.177" cy="97.8" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
<circle cx="75.1768" cy="45" r="40" stroke="currentColor" stroke-width="10" stroke-dasharray="2 5"/>
@ -22,4 +22,4 @@
<path d="M9 6C9 10.9706 13.0294 15 18 15C18.9093 15 19.787 14.8655 20.6144 14.6147C19.4943 18.3103 16.0613 20.9999 12 20.9999C7.02944 20.9999 3 16.9707 3 12.0001C3 7.93883 5.69007 4.50583 9.38561 3.38574C9.13484 4.21311 9 5.09074 9 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</header>