badideafactory / biffud.com Goto Github PK

Generate more random styles at build time not to kill the DOM on page reloads. Stuff like tiles’ translate/rotate values.

Doesn't need content, just needs to look reasonable and be generated by Metalsmith.

Don't go nuts in terms of using the full power of the tools (so, don't worry about breaking projects up etc)

Might be worth converting https://lab.hyperaud.io/temp/biffud2/ into a single template / md file.

• seo tags
• og tags
• semantic check

let's change our default branch to main or default

possible solution: https://gist.github.com/PurpleBooth/6983e5c4def4f8721d4a697a3f4606a7#file-change-github-default-branch-sh

https://developers.google.com/speed/docs/insights/OptimizeImages

Right now when you scroll the parallax animations move fast and slow and fast again. Ideally it would all be as smooth as it is on the lower half of the page.

We have new corporate overlords, we have some quotes, they need to be added

We have amazing brand assets, lets make them available to the public to use on slides and tattoos and stuff.

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Better security keeps our customers' data safe.

Please make nav options roam around the page or do whatever the hell is happening with this nav please

On our headers and buttons the text is not vertically aligned:

This is on Firefox.

Integrate something like lightgallery.js for project imagery.

We need to use WebGL to have the entire website mapped to a 3D rotating thinking face emoji that spins slowly enough that people could theoretically click but fast enough that they'll have a hard time doing so accurately (and therefore have to wait for a revolution to try again).

Probably due to all the long words he used.

Per #1, what if the whole site is just a single-page site that serves as:

1. a 404 page
2. our only information and portfolio page

I propose that the 404 page on BIFFUD to start a Win98 (from a saved state) that opens MSIE5 to show the real 404 page

https://copy.sh/v86/?profile=windows98 click on load state and feed this file: https://thegpf.slack.com/files/U04MYCVMC/FAQNAA7NE/v86state.bin

Screenshot:

We can have those scripts loading this image automatically, all nice custom html/js

Note: that sheep.exe is active and running ;)

I was asked whether i wanted to be credited personally or as the bad idea factory, and i said "how about credit me, and link to my BIFFUD bio".

Turns out you can't link to the BIFFUD bio!

We're gonna use Metalsmith -- lets set up the master branch so that it contains the buildable source files.

Console error:

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

The template here shows how they fit in: https://lab.hyperaud.io/temp/biffud2/

Lets get some better pictures; feel free to upload them directly, or to post a link to them here.

We need to have the rights to use them.

Lets make our website a react app that renders content stored on an unauthenticated firebase.

We can store the real content in a JSON file, and have a button to load from JSON that anybody can push to reset, but the website itself would be a globally shared note pad between resets..

Lets do this in https://docs.google.com/document/d/1eWF4Fcd9-RrY0YpP-C54zg8oJE5IPfFRDf_GXi3LZX4/edit?usp=sharing

The sections that need filling will be managed in that document for now; maybe some day we will move over to github.

Hamburgered it says 'members' as opposed to 'people' when unhamburgered.

Already done.

When viewing a bio you can close it by clicking the "X" button, but when on a desktop you might want to use the escape key to close it as well.

Twitter cards require absolute URLs, but gatsby image import in production uses relative urls. I don't know exactly how to fix this but I'm sure there has to be a way.

https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

Lets do this in https://docs.google.com/document/d/1eWF4Fcd9-RrY0YpP-C54zg8oJE5IPfFRDf_GXi3LZX4/edit?usp=sharing

for example the bio modals; they would probably work if they will get a real url; see also #74

Hiii,

This is in Chrome Version 70 on a 800 x 900 ish screen. (I was doing some web dev stuff on medium sizes and happened to click your launch tweet within that browser configuration).

The hamburger menu hops around a bit. I'm not sure why, but I can look into it.

(tested on iOS Chrome app)

The modals on chrome mobile don't seem to be overflowing as expected. They don't have the ability to scroll, and text is cut off on the right hand side.

So I'm slightly colour blind which helps :) The links are very difficult to pick out for me. Especially dark red / dark green link-text instead of black non-link text.

Would prefer links to be underlined, but if not can we have colours that stick out more significantly. Viewing the site in black and white should give you an idea.

Cheers! :)

I read "Fake FAQ" not as "questions that aren't actually frequently asked" but as "these answers are fake", yet the answers are real and accurate.

Consider something like "Kinda FAQ" (formerly "Fake") and "Actually FAQ" (formerly "Real")?

Integrate something like react-slick for portfolol items on the home page. Or simply just show one and hide the rest with media queries.

Somebody please pick this one up once you’re done populating the site with real content.