Automated re-layout in the spirit of Brutalist Websites: http://brutalistwebsites.com/
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
brutalize.js

README.md

#brutalize

Get your own faux Brutalist Website redesign in 3 easy steps.

Automated re-layout inspired by the spirit of Brutalist Websites

##Example:

Before: https://anatone.net

After: https://anatone.net?brutalize=true

###1. Add this to the head of your page

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="brutalize.js"></script>

<script>	
function UpdateQueryString(key, value, url) {
		
		//Credit: UpdateQueryString - @ellemayo - http://stackoverflow.com/a/11654596/12919
		
    if (!url) url = window.location.href;
    var re = new RegExp("([?&])" + key + "=.*?(&|#|$)(.*)", "gi"),
        hash;

    if (re.test(url)) {
        if (typeof value !== 'undefined' && value !== null)
            return url.replace(re, '$1' + key + "=" + value + '$2$3');
        else {
            hash = url.split('#');
            url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
            if (typeof hash[1] !== 'undefined' && hash[1] !== null) 
                url += '#' + hash[1];
            return url;
        }
    }
    else {
        if (typeof value !== 'undefined' && value !== null) {
            var separator = url.indexOf('?') !== -1 ? '&' : '?';
            hash = url.split('#');
            url = hash[0] + separator + key + '=' + value;
            if (typeof hash[1] !== 'undefined' && hash[1] !== null) 
                url += '#' + hash[1];
            return url;
        }
        else
            return url;
    }
}
</script>

###2. Add this to the body of your page.

	<a href="#" onclick="window.location.href = UpdateQueryString('brutalize', 'true'); return false;">Brutalize this page now!</a>

###3. Click the link to faux brutalize your page using hyper-advanced layout AI.

  • Click the link you just created

####More about Brutalism: