EV100 Logo Banner: A Gift For Estonia's Centennial

Feburary 24, 2018 is the 100th anniversary of Estonian independence! As one of their many good ideas, the organizers of the centennial year celebrations have suggested that anyone might offer a birthday gift to the Estonian Republic, anything from a new symphony to baking a special cake to planting an oak tree. Here's a small gift from me.

In the upper-right corner of this site, I've added an overlay banner displaying the EV100 logo (an absolutely brilliant piece of graphic design work, by the way) and linking to the EV100 website. Fortunately the official color palette is nicely compatible with my own! I'll leave it up here for the rest of this centennial year.

If you'd like to install this on your website, add the following to your css file:


#ev100overlay {
    position: fixed;
    display: block;
    width: 100px;
    height: 100px;
    top: 0;
    right: 0;
    background: url(/images/ev100logobanner.png) no-repeat fixed top right;
    z-index: 10;
}

That #ev100overlay refers to some element in the html with that id tag. You could add a link to all your pages, something like:



That link should be a child of the body element but the order doesn't matter. Also notice I've made my z-index be 10; that puts it safely on top for my site but you may have to pick a larger number for yours, depending on how many layers you're using already. An easy way for me to add the link to all my pages was to use javascript (jquery in particular), since they all already include a common em.js file. So I added the following function and caused it to be triggered by the page loading:


function ev100overlay() {
    $("body").append("");
}

The necessary background image is here: ev100logobanner.png. If you need help getting this working on your site or need anything changed, please contact me and I'll be glad to help.

Elagu Eesti! Head sünnipäeva!

Add a Comment

Archives: