<commit_before>---
layout: default
---

Text can be **bold**, _italic_, or ~~strikethrough~~.

[Link to another page](another-page).

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

# [](#header-1)Header 1

This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

## [](#header-2)Header 2

> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.

### [](#header-3)Header 3

```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}<commit_msg>testing page modification<commit_after>---
layout: default
---

## Why this bookmarklet
Reading a user's profile on concrete5.org is a bit of a pain in the neck as information is presented mostly as images with extra information only available on hover.

A prospective client looking to assess several developers for instance would have to go to each profile and hover on badges one after another to do so.

That's not productive and frankly it's a pain in the rumpus.

## What it does
This little bookmarklet does 2 things:

  - It modifies the page's styling to make it readable without hovering
  - It adds some print styling to make it easy to print in a readable way

## Limitations
This works pretty well on screen in any modern browser.
The print styling, however, works best in Chrome and still is not perfect but acceptable.
Chrome has problems respecting page break directives and from time to time you'll have an image split in 2 or an image on one page and its label on the other.
Printing in Firefox just looks not so great.

## Disclaimer
I know, I'm using the heck out of !important.
I think it is acceptable as concrete5.org profile page has some pretty opiniated styling. What's more !important is mostly only used for the print styling and concrete5.org has none so it won't break anything.
I'm also using it a bit for the custom flex grid that lines stuff up and that's not interfering with c5 styling.

just drag this button to the toolbar
[Bookmarklet](void function(){function a(a,b,c,d){if("js"==b){var e=document.createElement("script");e.type="text/javascript"}else if("css"==b){var e=document.createElement("link");e.rel="stylesheet",e.type="text/css"}"undefined"!=typeof e&&(0!=d&&(e.readyState?e.onreadystatechange=function(){"loaded"!=e.readyState&&"complete"!=e.readyState||(e.onreadystatechange=null,d())}:e.onload=function(){d()}),"js"==b?e.src=a:"css"==b&&(e.href=a),document.getElementsByTagName(c)[0].appendChild(e))}a("//mnakalay.github.io/Concrete5-Profile-Easy-Read/c5-profile-easy-read.css?"+Math.random(),"css","body",function(){a("//mnakalay.github.io/Concrete5-Profile-Easy-Read/c5-profile-easy-read.js?"+Math.random(),"js","body",!1)})}();)

Text can be **bold**, _italic_, or ~~strikethrough~~.

[Link to another page](another-page).

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

# [](#header-1)Header 1

This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

## [](#header-2)Header 2

> This is a blockquote following a header.
>
> When something is important enough, you do it even if the odds are not in your favor.

### [](#header-3)Header 3

```js
// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require('./lang/' + l)
  return true;
}
{'fraction_non_alphanumeric': 0.10859963626916082, 'fraction_numerical': 0.00753442452585087, 'mean_word_length': 4.7807807807807805, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2168591', 'n_tokens_mistral': 1139, 'n_tokens_neox': 1070, 'n_words': 480}