terra: (Default)
[personal profile] terra
In the first ages, during the night before every feast, a vigil was kept. In the evening the faithful assembled in the place or church where the feast was to be celebrated and prepared themselves by prayers, readings from Holy Writ (now the Offices of Vespers and Matins), and sometimes also by hearing a sermon.

This is the icon/coding/&c. workshop of [personal profile] terra/[plurk.com profile] lightfellows. The layout is a self-made edit of Five AM by [personal profile] winterfish. The artwork is A Dorcas meeting in the 6th century (1873-77), by Edwin Long. Fonts featured include Fira Sans, Playfair Display, and Charter.

The name “vigils” is a joke about staying up too late.

terra: fandom » ffvi, sassy girls with goggles (fuddy duddy patrol)
[personal profile] terra

DW Layouts

Profiles/CR charts

Plurk Customizations

Misc. Layouts

I am currently taking coding commissions. I am a skilled HTML/CSS codemonkey and an irl poor graduate student looking to help fund my caffeine habit. Stuff I am offering: cr charts, navigation pages, profiles, journal layouts, plurk customizations.

details and commission info )
terra: (Default)
[personal profile] terra
Code under the cut )

Feel free to modify this however you like, and follow me at [plurk.com profile] vigils for more coding.

terra: fandom » prydain, locke cole and the adventures in zebraprint (i prefer the term treasure hunter)
[personal profile] terra

This is just a really simple snippet you can use for a muselist or whatever else. You can see another version of this code here at my personal musebox.


Canon Title / Info / Open Post / HMD / Visual /


Canon Title / Info / Open Post / HMD / Visual /


Canon Title / Info / Open Post / HMD / Visual /

Code Below the Cut )
terra: (pic#2180719)
[personal profile] terra

This is part two of a series on responsive layouts for dreamwidth. Be sure to read part one first, because the stuff I am going to be talking about here won't work very well by default. This is also going to be a little different than my other tutorals, because there's no magic code you can copy and paste to make your layout work better on mobile. Instead, this post is aimed at explaining the basic CSS tools that you need in order to customize your layout.

Once you've configured your viewport, mobile devices will display full-sized layouts instead of zooming out in order to shrink them into a smaller screen. This is good, because it can make text more legible. But it's also bad, because screens are so small, and if you have any large images or absolute positioning, things will break. Luckily, images have a pretty simple fix:

img {max-width: 100%; }

Just copy and paste that into your CSS and all of your images will scale automatically.

divs are more complicated )
terra: fandom » ffvi, not an endorsement of dissidia (imperial witch)
[personal profile] terra

More and more people are using their phones and other mobile devices to access their journals, but dreamwidth doesn't support the most common method of making websites responsive: CSS media queries.

By default dreamwidth doesn't configure the viewport. This means that on most mobile devices, instead of displaying a full-size layout, what you see is a a shrunk down version of what you'd see on a desktop, which is often too tiny to navigate, even if your layout was designed to work well on mobile browsers. To change this behavior, you have to add a meta tag to the <head> section of the code:

<meta name="viewport" content="width=device-width, initial-scale=1">

Simple, right? The trouble is that to add this line of code to the <head> section, we're gonna have to venture into the somewhat arcane S2 system.

Further instructions )
terra: (Default)
[personal profile] terra

So, I decided to let one of my old domains lapse in order to save money. The problem: this domain happened to host a lot of the images for my old DW layouts. As a result, a bunch of the images broke, since the URLS now redirect to nothing. The good news is this is a simple thing to fix.

I've updated all the entries on this journal, so you can just copy & paste the "new" versions of your layout.

Or you can fix the images manually by updating the URLs like so, by finding the spoonybard.org domain:


And replacing it with spoony.valiantknife.org, like so:


Sorry for the inconvenience!


vig·il /ˈvijəl/
a : evening or nocturnal devotions or prayers —usually used in plural
b : the act of keeping awake at times when sleep is customary; also : a period of wakefulness