Site Update > -- September 2023

World of Warcraft Icons

As I plan to write some more World of Warcraft content, I created some headings to display some items. I still need to import more icons (if I ever need them), but at the moment I added only the ones I need.

The shortcode is {{ < wowicon color="legendary" icon="thunderfury" title="Thunderfury, Blessed Blade of the Windseeker" > }} and its output is:

Thunderfury, Blessed Blade of the Windseeker

The code of the shortcode is very simple:

1
2
3
4
5
6
7
8
9


{{ $icon := .Get "icon" }}
{{ $color := .Get "color" }}
{{ $title := .Get "title" }}
<table class="wowicon">
	<tr>
		<td width="65"><span><img src="/uploads/wow-icons/{{ $icon }}.jpg" alt="{{ $title }}"></span></td>
		<td><h3 class="wow-color-{{ $color }}">{{ $title }}</h3></td>
	</tr>
</table>

The icons and graphics were taken from Wowhead.

Themes

I made some edits to the light theme and added the fashion days tribute theme to the selector. You can now change the theme using the switches under the main navigation. Currently there are three themes: Night, Day, and FD. More to come when I

Masonry Grids

Like grids, but the images are in a different layout, to better fill areas when photos don’t have the same size. Nice for some pretty unbalanced grids. I run it with {{ < masonry param_name > }}, where param_name can be anything.

1
2
3
4
5
6


photosgrid:
  '01':
    class: 'col-md-4'
    photos:
    - "/uploads/2023/wh/001.jpg"
    - "/uploads/2023/wh/002.jpg"

Image Maps

I made an image map set with hover dots, but instead of writing about it here, I made a separate post describing the entire process behind it.

Click to see all items as a list

Title	Comments
Night	Dark Theme
Day	Light theme
FD	Fashion Days Tribute
Theme Selector	CSS and JS-powered switch

Content Boxes

I’ve made these content boxes a while ago and I use them pretty much anywhere I need to highlight some information. There are several types of boxes, and you can see them all below: normal, inverted colours, spoiler, info, success, warning, danger, RIP (for when someone dies), AgoraRoad (to embed posts from the AgoraRoad forum), salmon (because fish).

These are triggered fairly easily, with a simple shortcode:

1
2
3


{{ < note type="TYPE" title="Optional title of the box" > }}
Markdown content
{{ < /note > }}

and the output is below, I’ve added some fun facts, for shits and giggles.

Normal Content Box

Octopuses have three hearts. Two pump blood to the gills, where it is oxygenated, and one pumps it to the rest of the body.

Inverse Content Box

Light travels at an astonishing speed of approximately 299,792 kilometers per second in a vacuum. This incredible speed is what allows us to see distant stars, galaxies, and objects in space, as their light can travel vast distances to reach us on Earth.

Spoiler Content Box

In the Harry Potter series, Professor Dumbledore is killed by Severus Snape. This event takes place in the sixth book, “Harry Potter and the Half-Blood Prince,” and it plays a significant role in the overall storyline of the series.

Info Content Box

Honey never spoils. Archaeologists have found pots of honey in ancient Egyptian tombs that are over 3,000 years old and still perfectly edible. They might give you the shits tho.

Success Content Box

The Guinness World Record for the longest continuous time spent juggling three objects is held by Alex Barron, who juggled for 12 hours and five minutes without dropping an item.

Warning Content Box

The cone snail, a marine mollusk found in warm tropical waters, is considered one of the most venomous creatures on Earth. Its venom can paralyze and kill its prey almost instantly.

Danger Content Box

The deadliest animal in the world, in terms of the number of human deaths it causes each year, is the mosquito. Mosquitoes are responsible for transmitting diseases like malaria, dengue fever, Zika virus, and West Nile virus, which collectively result in hundreds of thousands of fatalities annually.

RIP Content Box

Heath Ledger was a talented Australian actor known for his roles in films such as “Brokeback Mountain” and “The Dark Knight,” in which he portrayed the Joker. Sadly, he passed away on January 22, 2008, in his New York City apartment at the age of 28.

Agora Forum Content Box

Technology is not inherently evil, but the people behind it are. It’s up to you to identify the bad actors and to learn to live around these.

But, for the love of whichever deity you consider pinnacle, don’t fall into the trap of going back to the 1990s.

Salmon Content Box

Salmon are known for their remarkable ability to migrate long distances between their spawning grounds and the ocean. Some species of salmon can travel over a thousand miles upstream from the ocean to reach their freshwater spawning sites. This incredible journey often involves navigating through obstacles like waterfalls and rapids, showcasing their determination and adaptability.

Guestbook