shopify analytics ecommerce
tracking

Relative links

A regular HTML link is something like http://www.paganvigil.com/files/category-law.html. But if it's in the same domain, the http://www.paganvigil.com/ is not necessary.

This is called a relative link.

Comments

A new shadow

This is a hack replacing a hack.

I had a shadow text effect on the Pagan Vigil blog entries. I did it in the h1 definition on the styles.css page.

h1 {
     font-family: 'Merriweather', serif;
     margin: 0 0 15px 0;
     line-height: 1.5em;
     text-shadow: 2px 2px 4px #000000;
     font-size: 2.6em;
     }

I moved the text shadow line to coulortag.css page.

.blog-entry-title a:hover {
     color: %colour_menu_background%;
     text-shadow: 2px 2px 4px #000000;
}

.blog-entry-comments a:hover {
     color: %colour_menu_background%;
}

The original combined the blog entry title and the blog comments link behavior, so I had to break them up.

The coulortag.css page is probably specific to this theme.

But the important thing is, now when you put your mouse over the blog entry title, it changes color AND grows a shadow to set it off.

Comments

Class act

CSS and HTML are modular, but I wasn't using them well.

When I was doing a quote box on regular blog, I was using snippets to hold the entire code. This worked after a fashion, but if I wanted to change the curves of the box or the background color or anything else, I'd have to go into each entry and manually the code.

It's much easier to define classes and go from there.

In RapidWeaver Settings under Code, there is a CSS box. You can define classes there. I've found that usually you can combine boxes and fonts, but not always.

You probably know that you can't use span for alignment. The search engines treat blockquote as a actual quote, and pay more attention to div. In most cases, I've found the lowly p works just fine.

Now the great thing about classes is that I can change the definition and that will change every use of that class on the entire site.

Really really neat.

Comments

Pefectly right

My living room TV gave up the ghost. I wasn’t watching it for a couple of weeks, and I replaced it this last weekend.

Although I carry a Leatherman, I don't use it for opening boxes. Paper and cardboard dulls the blade, that's what a utility knife is for.

Once I got everything unpacked, I saw that I had to screw the feet to the bottom of the set. My go-to screwdriver is multibit, with a wider shaft than normal. The shaft contains an extendable magnetic screw pick up. The screwdriver shaft fit in the channel of the feet no problem, so I was good to go.

Not quite.

It turned out that the screw holes were not centered in the screw channel. The screw channel was tight enough so the screwdriver bit wasn't quite engaging the screw.

No problem, I thought. That's why I have a Leatherman multitool. My original Leatherman PST is semi-retired in the main tool box in the sanctum, but I was anxious to break in my new Leatherman Rebar.

Except the Rebar Phillips head shaft wasn't quite long enough. Which meant that even if I grabbed the Leatherman Charge from the bedroom, I would need the extender shaft. Which was naturally in the secondary toolbox in the sanctum, because even when I carry the Charge, the extender shaft and all the extra bits aren't usually in my every day carry.

So I went to the sanctum and grabbed a regular Phillips with a long narrow shaft. A few minutes later I had the feet attached to the TV and I was connecting cables.

The moral to this story is that even if you have working tools, they may not work in that situation. All my Leatherman multitools and my multibit screwdriver are compromise tools, they do more than one thing adequately. Sometimes you need a dedicated tool to do a dedicated job.

Comments

More font fun

I used to use a hack for this, now this is a tip.

The easiest source for custom fonts on your webpage is Google fonts. It's not a perfect and extensive collection, but it's pretty wide ranging and will fill most needs. Most importantly it gives the code you need. Remember, each style of font is a separate file. So if you want that extra black style of Passion One, select the Black 900 style.

If you're using the display version of a font like Black 900, chances are you're don't want the other styles of that font. As a rule of thumb, choose the style you need and use only that style for the font.

Each additional font you load slows down your page loads. These are additional fonts, you still have the standard fonts that almost everyone has already. Two or three extra fonts are fine.

The code line for the font link like

<link href="https://fonts.googleapis.com/css?family=Architects+Daughter|Finger+Paint|Kranky|Ribeye+Marrow" rel="stylesheet">

should go in the header of your index template. As a hack, I was using BBEdit and opening up the theme file, finding the index page, and pasting it there. But RapidWeaver Settings under Code let you paste code into the Heading box.

More on the CSS box for RapidWeaver Settings under Code later.

Comments

Not the Greeks

"3,700-year-old Babylonian tablet rewrites the history of maths - and shows the Greeks did not develop trigonometry"

Read More...
Comments

“The Personal Computer Revolution: Crash Course Computer Science ”

"Today we're going to talk about the birth of personal computing. Up until the early 1970s components were just too expensive, or underpowered, for making a useful computer for an individual, but this would begin to change with the introduction of the Altair 8800 in 1975. In the years that follow, we'll see the founding of Microsoft and Apple and the creation of the 1977 Trinity: The Apple II, Tandy TRS-80, and Commodore PET 2001. These new consumer oriented computers would become a huge hit, but arguably the biggest success of the era came with the release of the IBM PC in 1981. IBM completely changed the industry as its "IBM compatible" open architecture consolidated most of the industry except for, notably, Apple. Apple chose a closed architecture forming the basis of the Mac Vs PC debate that rages today"

Read More...
Comments

Disappearing sidebar

I had a problem this morning

Read More...
Comments

Artificial

“The Myth of a Superhuman AI"

Read More...
Comments

Wound healing

“A Molecule In Bees' Royal Jelly Promotes Wound Healing”

Read More...
Comments

Accidental

I was going to fix it, but I decided it looked better that way.

Read More...
Comments

78rpm records digitized

“78rpm Records Digitized by George Blood, L.P.”

Read More...
Comments

Scratch

I keep a file named Scratch open in TextEdit.

Read More...
Comments

CSS class

This is something else I should have tried a long time ago.

Read More...
Comments

Wake up

I'm usually up early in the morning.

Read More...
Comments

Regrowth

“'Breakthrough' penny-sized nanochip pad is able to regrow organs and heal injuries”

Read More...
Comments

“Adam Savage Visits Third Man Records!”

“In Detroit, Adam stops by Jack White's Third Man Records, the first new record-pressing plant in the United States in three decades! In a truly immersive tour, Adam records his Brain Candy song and then follows his record's eventual process from lathe to cellophane. Bonus: Adam also chats with Jack White about how recording this way impacts the creative process!”

Read More...
Comments

Learning

“Mindshift: Break Through Obstacles to Learning and Discover Your Hidden Potential”

Read More...
Comments

Two steps forward, one step back

Last night as I was staring at the ceiling, it dawned on me that I goofed.

Read More...
Comments

“Garner Holt Productions Animatronic Lincoln Expressive Humanoid Robot Head”

“Garner Holt Productions, Inc.'s (GHP) Abraham Lincoln expressive animatronic figure is the most advanced humanoid robotic head ever created. The figure utilizes theme park quality construction to accomplish incredible special effects movement in a robotic or animatronic human platform.”

Read More...
Comments

Deep coding

Once it is up I won't be editing it that often.

Read More...
Comments

Netflix doesn't remember me

No other password, just the Netflix.

Read More...
Comments

Robocalls

The irony is that these are almost all the calls I find most annoying.

Read More...
Comments

Unconnected

What happens then?

Read More...
Comments

Powered

Why not put an extra electrical outlet as well?

Read More...
Comments

YouTube autoplay

They lied.

Read More...
Comments