Phase one of new website, and hi-fi page building for Portland's Strange and the Familiars professional band website. Live site coming soon. View development site here.
As a user, I should be able to ...
(tangibles)
- Navigate to the home page and be inundated with gorgeous visual graphics the help to tell Stephanie Strange's stories. This "hero" image will alternate beetween a summer and winter photo.
- Listen to music embedded on the page of the band's.
- Contact the band for bookings and hellos.
- See upcoming events and performances for the band.
- Watch videos of live performances.
- Access discography with album art.
- Pay Steph $$$ through Patreon or other subscriptions.
- Find and buy band merch.
- Find and buy Strange World merch & content.
- Read Stephanie Strange stories, comic books, poetry, and other content.
- View any press releases, interviews, raves.
- View collaborators and access links to their websites.
- Connect to all the social media accounts.
(intangibles)
- Connect with Stephanie Strange and band through art and stories.
- Feel at least a little less alone in the world.
- Connect to the authenticity of the Strange experience.
- Create community.
- Feel like my authentic, quirky self is enough, and is seen.
- VS Code
- BlueHost & Vercel for domain & site hosting
- Git & GitHub
- Font Awesome v4.7.0 & v5.3.0
- Bootstrap v4.3.1
- jQuery v3.6.0
- Google Fonts
- Favicon
- HTML5, reusable components with vanilla HTML/CSS/JS
- CSS3
- ES6 JavaScript
- Markdown badges
Report bugs here. | Request features here.
Medium
- Add mp4 video.
- Spotify is throwing many an error on the music page in dev tools. idea
Low Priority
- Want nav bar links to be centered in normal viewports.
- Social buttons icons in footer are not perfectly aligned.
- Need to compress all images for speed and convert all to svg.
- Wants Embeds on Music & Shows page to be centered vertically, too.
- Need to get page URLs w/o .html ending. (Conversion to React + Next.js imminent.)
- Clone the repository down to your local environment here.
- Open up the newly cloned repository in your code editor of choice - I use VS Code and it's Live Server extension to view the files in development.
- Right click on any of the html pages and select "Open with Live Server" in VS Code to navigate through the site.
- IM Fell English
- V helpful responsive iframe shtuff here
- .htaccess file stuff - includes HTTP to HTTPS for SSL certification stuff here
- Also, Ultimate Htaccess guide
- How to use Bootstrap in WordPress here
- ** Transferring an existing domain name to Wordpress here
- ** Developing a Wordpress theme from scratch here
- ** Reusable html components here
- WordPress Coding Standards here
WordPress and React hereReact inside WordPress here