test test
we're troubleshooting and optimizing this bad boy: kind of like feeding HTML(, etc.) through a woodchipper
issues so far, to be addressed:
- the current color palette/scheme/arrangement is dusty as hell (image size, font size/weight, color[s: color palettes, see Adobe Color and COLOURlovers; standardized 'BPH' coloring, reds, pinks; we want high contrast, see Contrast Checker and WebAIM's Contrast Checker]; make links stand out, body vs. link text color)
- i'm tryna have the font-type be consistent across/throughout the whole webpage (i tried to make this a thing, the whole page should be Times New Roman [to be changed]): font selection (one to two fonts, we ideally want something sans-serif, stylistically, for titles/headers, and serif [Times New Roman] for body/paragraph/page text; Google Fonts, Fontjoy) and font size standardization (ideally adaptable/responsive)
- 'Pages'/'page list' (layout gadget) tabs/list: if i make the 'Home' page a list(/tabs) item, it appears as you would expect on the 'desktop' version of the site ('Home', 'misc' page tabs), while the 'mobile' site-version (whereby the page list operates as a drop-down list) has two (i.e., a duplicate) 'Home' page items in the drop-down list
- we'd like to eliminate any and all unnecessary/extraneous margins(, padding, etc.; both 'desktop' and 'mobile' site versions)
- blackpantherhotline.com as something between a (sales website) 'landing page' (namely for music, media, content; 'conversion[s]' [key performance indicator, KPI] as clicking on Spotify, etc., links) and a(n editorial, with tags) 'blog' (e.g., embedded Tweets/Threads posts as 'modular' page updates; assorted relevant writing[s])/'portfolio website' (presenting/showcasing the 'body of work' of, namely, music; including lyrics, metadata for music, including [e.g., creative] writing, video content; optimized for speed, SEO-mindful writing, embedded content): reflected in page anatomy (structure), emphasis on copywriting, lyrics (via Genius? [embedded]) onto website
- e-commerce (e.g., module) features: selling merch/services, receiving payments (ideally embedding/integrating TeeSpring store and PayPal merchant [payment gateway] stuff)
- website copy/search engines (SEO): enhancing and optimizing the site with consideration to search engines ([key]words/terms in URL, words in page title, words in headings, words in paragraphs; words with lower competition, high search volume), website speed (speed test [Google PageSpeed Insights, Pingdom Website Speed Test]; technical 'speed-up' tools and diagnostics) and mobile-friendliness
- images: optimized images (compression [TinyPNG, TinyJPG, Compressor]), robust descriptions/metadata (alt[ernative] text; alt text as caption equivalent or vice versa – succinct, plaintext, SEO-friendly); unique brand (own, self-owned) images; dynamic fluid flexible website content/design (responsive design; e.g., shrinking an image as per 'mobile' site usage and/or functional 'screen size' dimensionality changes)
- site sections(/pages; website content hierarchy as reflected in the navigation menu system [website conventions]): home, contact, about, music, NBA stuff, writings, art/designs, merch/payment (layout should mirror content hierarchy); website conventions: logo in upper-left corner, site navigation next to logo, functional navigation menu titles with keywords where applicable; 'hero images' for different site sections that are more-so text-heavy, 'thumbnails' (lightbox effect) for the more portfolio-esque sections(/pages), ideally pushing everything into just one structurally-tight 'commerce' shopping (online store) page