diff --git a/docs/genres/index.html b/docs/genres/index.html index 1fefc6d..bcc90ca 100644 --- a/docs/genres/index.html +++ b/docs/genres/index.html @@ -59,30 +59,6 @@
-
-
- Poster forNow You See Me 2 - -
-
-
-

Now You See Me 2

-
-
A group of magicians are coerced into pulling off another heist
-
-
- Rating: - 2/5 -
-
- - Read review - -
-
-
- -
Poster forThe School for Good and Evil @@ -109,31 +85,7 @@
- Poster forThe French Dispatch - -
-
-
-

The French Dispatch

-
-
Authors for a New Yorker-esque magazine report on a small town in France
-
-
- Rating: - 4/5 -
- -
-
- - -
-
- Poster forKingsman: The Secret Service + Poster forKingsman: The Secret Service
@@ -155,6 +107,30 @@
+
+
+ Poster forNow You See Me 2 + +
+
+
+

Now You See Me 2

+
+
A group of magicians are coerced into pulling off another heist
+
+
+ Rating: + 2/5 +
+ +
+
+ +
Poster forHoles @@ -233,6 +209,30 @@
+
+
+ Poster forThe French Dispatch + +
+
+
+

The French Dispatch

+
+
Authors for a New Yorker-esque magazine report on a small town in France
+
+
+ Rating: + 4/5 +
+ +
+
+ +
@@ -243,54 +243,6 @@
-
-
- Poster forJohn Wick - -
-
-
-

John Wick

-
-
A man dismantles an entire criminal syndicate that stands between him and his revenge
-
-
- Rating: - 5/5 -
- -
-
- - -
-
- Poster forO Brother, Where Art Thou? - -
-
-
-

O Brother, Where Art Thou?

-
-
Three escaped convicts seek their stashed treasure in dustbowl Mississippi
-
-
- Rating: - 4/5 -
- -
-
- -
Poster forNow You See Me @@ -323,7 +275,31 @@
- Poster forBeverly Hills Cop + Poster forO Brother, Where Art Thou? + +
+
+
+

O Brother, Where Art Thou?

+
+
Three escaped convicts seek their stashed treasure in dustbowl Mississippi
+
+
+ Rating: + 4/5 +
+ +
+
+ + +
+
+ Poster forBeverly Hills Cop
@@ -345,6 +321,30 @@
+
+
+ Poster forJohn Wick + +
+
+
+

John Wick

+
+
A man dismantles an entire criminal syndicate that stands between him and his revenge
+
+
+ Rating: + 5/5 +
+ +
+
+ +
@@ -355,6 +355,54 @@
+
+
+ Poster forKingsman: The Secret Service + +
+
+
+

Kingsman: The Secret Service

+
+
A secret British spy agency unravels a billionaire’s evil plot
+
+
+ Rating: + 4/5 +
+ +
+
+ + +
+
+ Poster forIn Time + +
+
+
+

In Time

+
+
A dystopian future where time is literally money
+
+
+ Rating: + 4/5 +
+ +
+
+ +
Poster forNow You See Me 2 @@ -381,7 +429,7 @@
- Poster forFright Night + Poster forFright Night @@ -409,30 +457,6 @@
-
-
- Poster forThe School for Good and Evil - -
-
-
-

The School for Good and Evil

-
-
Two friends embark on a fairy tale at a school for heroes and villains
-
-
- Rating: - 3/5 -
- -
-
- -
Poster forJohn Wick @@ -483,45 +507,21 @@
- Poster forKingsman: The Secret Service + Poster forThe School for Good and Evil
-

Kingsman: The Secret Service

+

The School for Good and Evil

-
A secret British spy agency unravels a billionaire’s evil plot
+
Two friends embark on a fairy tale at a school for heroes and villains
Rating: - 4/5 + 3/5
-
-
- - -
-
- Poster forIn Time - -
-
-
-

In Time

-
-
A dystopian future where time is literally money
-
-
- Rating: - 4/5 -
- @@ -629,45 +629,27 @@
- Poster forThe French Dispatch + Poster forHoles -
-
-
-

The French Dispatch

-
-
Authors for a New Yorker-esque magazine report on a small town in France
-
-
- Rating: - 4/5 -
- -
-
+ + + - -
-
- Poster forThe School for Good and Evil +
-

The School for Good and Evil

+

Holes

-
Two friends embark on a fairy tale at a school for heroes and villains
+
A boy is sent to a juvenile work camp as punishment after being mistakenly arrested
Rating: 3/5
@@ -699,6 +681,54 @@
+
+
+ Poster forThe School for Good and Evil + +
+
+
+

The School for Good and Evil

+
+
Two friends embark on a fairy tale at a school for heroes and villains
+
+
+ Rating: + 3/5 +
+ +
+
+ + +
+
+ Poster forThe French Dispatch + +
+
+
+

The French Dispatch

+
+
Authors for a New Yorker-esque magazine report on a small town in France
+
+
+ Rating: + 4/5 +
+ +
+
+ +
Poster forNo Reservations @@ -723,36 +753,6 @@
-
-
- Poster forHoles - - - - - - - -
-
-
-

Holes

-
-
A boy is sent to a juvenile work camp as punishment after being mistakenly arrested
-
-
- Rating: - 3/5 -
- -
-
- -
@@ -959,30 +959,6 @@
-
-
- Poster forWhisper of the Heart - -
-
-
-

Whisper of the Heart

-
-
A slice of life story about a bookish middle school girl living in Tokyo
-
-
- Rating: - 5/5 -
- -
-
- -
Poster forNo Reservations @@ -1031,6 +1007,30 @@
+
+
+ Poster forWhisper of the Heart + +
+
+
+

Whisper of the Heart

+
+
A slice of life story about a bookish middle school girl living in Tokyo
+
+
+ Rating: + 5/5 +
+ +
+
+ +
diff --git a/docs/style.css b/docs/style.css index d6ff3db..ccadebd 100644 --- a/docs/style.css +++ b/docs/style.css @@ -2,31 +2,31 @@ --title-font-family: 'Merriweather', serif; --title-font-weight: 700; --title-font-line-height: 1.25; - --title-font-size: 64px; + --title-font-size: min(40px + 2vw, 64px); --title-font-letter-spacing: -0.04em; --h2-font-family: 'Merriweather', serif; --h2-font-weight: 700; --h2-font-line-height: 1.2; - --h2-font-size: 40px; + --h2-font-size: min(28px + 1vw, 40px); --h2-font-letter-spacing: -0.02em; --subtitle-font-family: 'Rufina', serif; --subtitle-font-weight: 700; --subtitle-font-line-height: 1.25; - --subtitle-font-size: 24px; + --subtitle-font-size: min(24px, 20px + 1vw); --subtitle-font-letter-spacing: -0.02em; --subtitle-small-font-family: 'Rufina', serif; --subtitle-small-font-weight: 400; --subtitle-small-line-height: 1.25; - --subtitle-small-font-size: 20px; + --subtitle-small-font-size: min(16px + 1vw, 20px); --subtitle-small-font-letter-spacing: -0.02em; --body-font-family: 'Inika', serif; --body-font-weight: 400; --body-font-line-height: 1.625; - --body-font-size: 16px; + --body-font-size: min(13px + 1vw, 16px); --body-font-letter-spacing: 0.04em; --caption-font-family: 'Inika', serif; @@ -45,9 +45,9 @@ --numbers-font-family: 'Monaco', sans-serif; --numbers-font-weight: 400; --numbers-font-line-height: 1.2; - --numbers-font-size: 16px; + --numbers-font-size: min(13px + 1vw, 16px); --numbers-font-size-small: 12px; - --numbers-font-size-large: 40px; + --numbers-font-size-large: min(28px + 1vw, 40px); --numbers-font-letter-spacing: -0.02em; --color-primary: #FFFFFF; diff --git a/static/style.css b/static/style.css index d6ff3db..ccadebd 100644 --- a/static/style.css +++ b/static/style.css @@ -2,31 +2,31 @@ --title-font-family: 'Merriweather', serif; --title-font-weight: 700; --title-font-line-height: 1.25; - --title-font-size: 64px; + --title-font-size: min(40px + 2vw, 64px); --title-font-letter-spacing: -0.04em; --h2-font-family: 'Merriweather', serif; --h2-font-weight: 700; --h2-font-line-height: 1.2; - --h2-font-size: 40px; + --h2-font-size: min(28px + 1vw, 40px); --h2-font-letter-spacing: -0.02em; --subtitle-font-family: 'Rufina', serif; --subtitle-font-weight: 700; --subtitle-font-line-height: 1.25; - --subtitle-font-size: 24px; + --subtitle-font-size: min(24px, 20px + 1vw); --subtitle-font-letter-spacing: -0.02em; --subtitle-small-font-family: 'Rufina', serif; --subtitle-small-font-weight: 400; --subtitle-small-line-height: 1.25; - --subtitle-small-font-size: 20px; + --subtitle-small-font-size: min(16px + 1vw, 20px); --subtitle-small-font-letter-spacing: -0.02em; --body-font-family: 'Inika', serif; --body-font-weight: 400; --body-font-line-height: 1.625; - --body-font-size: 16px; + --body-font-size: min(13px + 1vw, 16px); --body-font-letter-spacing: 0.04em; --caption-font-family: 'Inika', serif; @@ -45,9 +45,9 @@ --numbers-font-family: 'Monaco', sans-serif; --numbers-font-weight: 400; --numbers-font-line-height: 1.2; - --numbers-font-size: 16px; + --numbers-font-size: min(13px + 1vw, 16px); --numbers-font-size-small: 12px; - --numbers-font-size-large: 40px; + --numbers-font-size-large: min(28px + 1vw, 40px); --numbers-font-letter-spacing: -0.02em; --color-primary: #FFFFFF;