matthewctechnology / matthewctechnology Goto Github PK

Currently the special profile is an image and it could be working harder.

Pre-design idea starters:

• Image carousel (cycles thru multiple images of the same type)
• Enable wiki and use for additional pages
• Navigation to wiki, and other key areas of interest without leaving GitHub profile/user domain
• Bounce link to other social profile(s) (also, then need bounce back links on those profile(s)

Use the special profile repository wiki as a extension of the special profile.

Pre-design ideas:

• Use the current image/carousel as a header
• Use as contents page and make sub pages for articles
• Extended summary
• Useful links

Need a set of images that can be used in the special profile

Create a basic carousel with 2-3 images for something dynamic.

Continue with the initial pixelated theme. Add images to the repo images dir.

Use html in the README.md to enable using inline styles, at least those supported by Markdown.

Something like this:

<img src="" alt="" style=;>

Change the current bio and wiki to include updated copy.

Match to new tagline.

Research css with md.

Basic example to get a link working, or do inline styles.

If a basic example doesn't work, try something locally instead of using web ui. This may enable more direct troubleshooting. At a glance it is hard to tell if it is working, need to inspect further separate from the web ui file Preview for a test.

Reference #18

There was a problem with #4 (comment) and there are merge conflicts that need to be fixed using command line.

The goal was to use the github ui for the initial exploration of the special profile. Using a local file system and git would have avoided this problem all together. Great learning opportunity on how the ui handles directories and mv file.

Use the new banner image so that more details can show in the profile view and the image has improved contrast.

Created an initial banner with an image based on the profile portrait. This needs improvement.

Some pre-design ideas Do this:

• adjust height to include more content below banner
• add metadata to image to improve search
• view different segments of the image over time

banner.png is big and it is the heaviest thing in the network page load.

135.43kb transfer size (414136kb on disk) edit - had size wrong, had wrong file during analysis
547ms load time

• there is a redirect for 508ms and its 525ms to first bite (githubusercontent)
• there is still a 21ms dL after a 16ms delay
• still at 21ms this is the longest load, except for the document itself and the post load checks and monitors

pre-design thoughts for reduction:

• remove the alpha channel, there is no transparency, that rm 1/4 of channels
• change to jpg (reduce 75% quality) or webp file, whichever is smaller
• use a service to help programmatically provide srcset, params, etc.

Revisit the pull request strategy used in the special repository

It is working great to start a PR early in the process and work through modifying code basis review comments and (in future) actions to provide feedback.

This style is rather chatty, but it does provide a timeline based record of thoughts and feedback to improve the solution in the PR.

The way that multiple reviews by one person behaves is not ideal. This is not a typical use case, where a person is reviewing themselves as the exclusive reviewer. For example, it has adverse impact to contributions and additional comments/reviews will remove the contribution from previous day (seems there can be only one per PR). This is fine, but it is confusing and somewhat destructive to history.

Need to re-think the approach for this special repo.

Drag-drop into the web editor directly into README.md uploaded this image and produced a url. What happens when this image is orphaned?

• add image to repo folder and modify link use image from the repo dir
• search for way to rm the drag-drop image at the user-images url: https://user-images.githubusercontent.com/108031642/177029973-32404688-c784-4527-a808-4cd156e461da.png
• Is there a way to rm all drag-drop added image for repo/user in gitbhubusercontent in one go?

Repos / Insights / Community Standards.. Add each:

• Description
• README
• Code of Conduct
• Contributing
• License
• Issue Templates
• Pull Request Template

This is for the special profile repo. It will be good to investigate each, not all these may be relevant.

Help doc: https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/about-community-profiles-for-public-repositories

Create a meaningful main wiki page so that there is something of substance that expands on the main tagline.

What can we expect to see in the wiki?

• Programs
• Puzzles
• Practice
• Parables

Research GitHub Actions that will help with merging.. test runner, static analysis, etc.

This being the special profile repo means that README.md will display on the profile page and it should be checked prior to merge because it will be available publicly upon commit or merge to main.

Need basic guide for styling and format for special profile

Pre-design ideas:

• match styles of GitHub profile so it fits nicely
• heading and paragraph usage in wiki, keep it simple
• color palette