Andromeda Yelton

Across Divided Networks

virtual campaign swag

February 1st, 2013 · 4 Comments · Uncategorized

The internet told me I should make swag for my campaign (I’m running for LITA Board), so I did (even though gotta say, feels egotistical even for me!). At any rate, if you saw me at Midwinter, maybe you ended up with a sticker. But, asked a friend, what about those of you not at Midwinter? Could you have virtual campaign swag?

Since apparently I do whatever the internet tells me, 1 2 the answer is yes, you can! Just copy this and paste it wherever HTML can be pasted:

<div style="position:relative; width:88%; margin:3%; padding: 3%; background: #995494; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;">
    <div style="font-size:75%; background:#fff;  -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center;">
        <img src="http://thatandromeda.github.com/lita/bootstrap/img/andromeda.jpg" style="position:relative; padding:2%; width:96%;">
        <i>Photo credit <a href="http://photoclave.com" style="color: #636140;">Molly Tomlinson</a></i>
    </div>
        
    <div style="width:96%; padding: 2%; margin-top: 15px; background: #fff; color: #333; -moz-border-radius: 15px; border-radius: 15px;">
        <div style="padding: 0 5px;">
            I'm voting Andromeda for LITA Board of Directors.  <a href="http://thatandromeda.github.com/lita/" style="color: #636140;">Learn more!</a>
        </div>
    </div>
</div>

It’s got my color scheme and everything! It’s been tested basically nowhere, so tell me if it looks weird. Or hack it yourself! 3

Notes:

  1. Use your powers only for good and never for evil. Well, maybe for eeeeeevil. Sparingly.
  2. yes I know there’s something broken about how often the footnotes render
  3. Fun!

Tags:

4 Comments so far ↓

  • Steuard

    I like it! Good luck!

    Are you sure you don’t want to add border-radius to the image, too? Just copying code from the earlier lines, I get this, which seems a little prettier as I rescale in various ways:

    http://jsfiddle.net/eBG9E/

    (Also, there may be a good reason, but why omit the webkit and khtml vendor prefixes on the “I’m voting for…” div?)

    • Andromeda

      There is the totally awesome reason that it was late and I was getting sleepy! heh. Thanks for the proofreading.

      • Steuard

        I guess while I’m at it, I can ask another question (whose answer I honestly don’t know): what fraction of active web users are using browsers that support a prefixed border-radius but not an unprefixed one? In other words, how many people would get the less elegant look if you skipped the vendor prefixes altogether? Could the cleaner code be worth it? (Maybe not.)

        • Andromeda

          Dunno. The cost of having extra code around, via blind copy-paste, was less than the cost of figuring out the answer ;) Satisficing!