It has become that time during the semester where I reconsider my entire life. This semester I thought I would just say FUCK school, let’s join the circus. I had one volunteer to come with me. I have to engage with a group of my “peers.” I don’t do groups, even group sex is not for me. GROUPS.
Today in class we had a very lively conversation where I used my outside voice at least once, regarding tech. Specifically tech in the classroom. It made me homesick for my old life. Parts of it. I genuinely liked writing code when I did it every day. I haven’t written a single line of code in…probably 6 months? I don’t even know. I am ashamed to admit that.
So, whatever. Anyway. I was all worked up from this conversation about tech, so I was like fuck it, let’s see if I still got it.
My husband, in his many years of wisdom brought by being with me, said “Please work locally. Do not touch the production server.” I see how it is.
So I am driving home from school all “woe is me, I can’t read another fucking thing today.” So instead of input, I did output.
Ok, this is what I did. I did a blog post about a year and a half ago on the MCS site about using LESS to mathematically choose color palettes. So I was thinking, I bet I could get it to pick contrasting colors.
That’s what I did:
/* Mixin */
@base: #c3d59a;
@complement1: spin(@base, 180);
@complement2: darken(spin(@base, 180), 5%);
@lighten1: lighten(@base, 15%);
@lighten2: lighten(@base, 30%);
/* Implementation */
.una {color: @base; height:100px; width:200px; float:left;}
.due {color: @complement1; height:100px; width:200px; float:left;}
.tre {color: @complement2; height:100px; width:200px; float:left;}
.quatto {color: @lighten1; height:100px; width:200px; float:left;}
.cinque {color: @lighten2; height:100px; width:200px; float:left;}
This is what it looks like (compiled CSS):
/* Mixin */
/* Implementation */
.una {
color: #c3d59a;
height: 100px;
width: 200px;
float: left;
}
.due {
color: #ac9ad5;
height: 100px;
width: 200px;
float: left;
}
.tre {
color: #9d88ce;
height: 100px;
width: 200px;
float: left;
}
.quatto {
color: #e3ebd0;
height: 100px;
width: 200px;
float: left;
}
.cinque {
color: #ffffff;
height: 100px;
width: 200px;
float: left;
}
Abra-fucking-cadabra. Maybe I should get a job doing this. Just kidding, I never want to get a job. I would throw up a copy of the code on the Weenie but I don’t have root access to…anything. I don’t have root access for anything, even the stuff that has my name on it.