As I promised in the first week’s post for the #MARCHintosh challenge, there’s a new theme I coded for the website. Because it’s based on System 6 of the Macintosh Plus, it’s going to be very simple, rudimentary, but most of all, colorless.

I’ve managed to get and serve the Chicago/Sysfont pixelated font, made by Alina Sava.

Additionally, I’ve used this neat CSS hack from Quinn Keaveney on stackoverflow to make the photos look more old school. I also made all the photos black and white, but if you click them to see them zoomed in the lightbox, they will appear in their full colour.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
img {
	filter: saturate(0) url("#pixelateAni");
	image-rendering: pixelated;
    animation: pixelAni 5s;
}
@keyframes pixelAni {
	99.9% {
		filter: saturate(0) url("#pixelateAni");
	}
}

There are also some other easter eggs, maybe you’ll find them! :D

Thank you for the nice people at #MARCHintosh for the initiative!

#MARCHintosh Event Logo concept and design by Javier Rivera | YouTube: JavMaster | Twitter: @javmast3r