diff --git a/static/fonts/Humber Town.otf b/static/fonts/Humber Town.otf new file mode 100644 index 0000000..feaf177 Binary files /dev/null and b/static/fonts/Humber Town.otf differ diff --git a/static/styles/planty.css b/static/styles/planty.css index 9fc5f29..d0ec46d 100644 --- a/static/styles/planty.css +++ b/static/styles/planty.css @@ -1,4 +1,12 @@ /* Planty theme variables (converted from LESS) */ +@font-face { + font-family: 'Humber Town'; + src: url('/static/fonts/Humber Town.otf') format('opentype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + body { font-family: 'Quicksand', 'Segoe UI', Arial, sans-serif; min-height: 100vh; @@ -12,9 +20,10 @@ nav { } .site-title { + font-family: 'Humber Town', 'Quicksand', sans-serif; color: #3e5637; - font-weight: bold; - font-size: 1.25rem; + font-weight: normal; + font-size: 1.5rem; letter-spacing: 0.02em; } @@ -55,9 +64,10 @@ nav { } .admin-header-title { + font-family: 'Humber Town', 'Quicksand', sans-serif; color: #3e5637; - font-size: 2rem; - font-weight: bold; + font-size: 2.5rem; + font-weight: normal; letter-spacing: 0.01em; } @@ -168,4 +178,36 @@ nav { .masonry > * { break-inside: avoid; margin-bottom: 2rem; +} + +/* Add decorative font to card titles */ +.card h2, .card h3 { + font-family: 'Humber Town', 'Quicksand', sans-serif; + font-weight: normal; +} + +/* Add decorative font to special elements */ +.plant-name, .environment-name, .climate-name { + font-family: 'Humber Town', 'Quicksand', sans-serif; + font-weight: normal; +} + +/* Plant title styling */ +.plant-card .plant-title, +.plant-detail .plant-title, +.plant-card h2, +.plant-detail h1, +article h1.text-4xl { + font-family: 'Humber Town', 'Quicksand', sans-serif; + font-weight: normal; + font-size: 4rem; + color: #3e5637; + margin-bottom: 0rem; + line-height: 1.2; +} + +.plant-detail .plant-title, +.plant-detail h1, +article h1.text-4xl { + font-size: 6rem; } \ No newline at end of file