508-dev / 508.dev Goto Github PK

We should have a page with an overview of our client work. Right now that's just the two things we've done (one we're still doing) for jovono, and cofactr. The robotics company thing we'll probably leave off.

Client items too skinny on mobile, have them take up more horizontal space

The link should lead to "engineering.html" instead of "engineers.html"

The pages are long and could use an index to more easily see what's available on the page, as well as jump to sections users are interested in

See https://calebjay.com/about.html for example, or https://calebjay.com/links-list.html , or https://blog.calebjay.com/posts/my-emacs-environment/ (scroll down)

should look good in mobile and desktop

It'd be cool to list out the various internal projects we're working on, such as the taiwan conversion, twa11y, or allergy card apps, in the engineering page. I think it'd be good to not only list the projects, but also link to their various githubs, deployed pages, and perhaps their relevant wikis, issue boards, and kanban boards on github.

It's kinda hard to tell each section apart

In the code, each section indicates a pretty different part of the page
That should be more obvious in the design

https://calebjay.com/about.html for example, though can be anything

should look good mobile and desktop

Clients page has detail elements that can be clicked to expand to show techs.

The arrow, and text summary of these, should have cursor pointer to show they're clickable. However, the text within should remain normal cursor.

Need a page that lists out all the projects we're working on, links to deployments if any, talks a bit about them, and links to their github and their issues / project trackers specifically, indicating people that are interested in contributing can do so there.

When mousing over any part of a client item, it changes the color of the whole client logo. get rid of that

Ok so my basic theory for the site is, develop our own custom very simple style in the styles.css thing, prefer using css variables and calc() when possible, i threw a link to the basic color palette i'm thinking but i'm happy for that to be tweaked, the palette follows the general design principals of "good enough," also linked in the styles.css folder.

I was devving on my pc yesterday though which has a fucked up dpi so the font sizes might be wack

i was thinking we break it into two sections, client and engineer section, because those are the two things we attract. Summarizing what we do for those two classes of people makes up the home page. Then we have separate pages going into more detail for our client services, a striaght up portfolio page for client work,

each project should also have its own page maybe. these are all just simple html files pointing at the same css file. Dead straightforward, cheap as hell to host, simple to update really, just updating html.

We'll probably need more mobile specific styling than just using rem everywhere

You can check out the styles on calebjay.com if you want some tips

Client section has detail components with lists of technologies. Right now they stack vertically. They should take up horizontal space if it's available. On mobile, that might mean they still stack vertically.

See https://calebjay.com/ under projects, or https://calebjay.com/about.html under skills for example. Grid was used if i remember correctly, so that items still align in columns. Any solution is valid, so long as follows design principles listed in css file (don't have link on hand)

Each page shares a copy/pasted navigation area.

For each navigation area, when on a given page, for example clients.html, the clients link in the navbar should have some special styling that indicates that it is the active page.

Follow design principles, and color pallete, linked at top of css file.

Maybe some kind of underline? Up to you.

At the moment there's a hover thing that effects the logo but only the client name is clickable.
If you see a way to improve the styling of the hover state do that too since imo it's kinda weird as is.

Client page, and maybe other places, has weird super thin white border. Get rid of.