An old trick learning new things

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.

Leave a Reply

Your email address will not be published. Required fields are marked *