Credits

Where I got various graphics for my site, plus how I put certain things together.

I use DocuWiki to build my site; it's great for when you want to do a lot of text stuff and easily update things, but not so great if you want to try designing an amazing HTML/CSS website that'll make people go “wow!” But I've managed to customize it to the point where I'm happy enough with how it looks.

I use the Bootstrap3 Template and have customized various things, mostly with CSS.

Got info on what to change here and then fiddled with the settings until it did what I wanted. Basically I had to remove the original icon from loading (background-image: none !important).

This code goes into your userstyle.css file:

.dokuwiki a.urlextern,
.dokuwiki a.interwiki,
.dokuwiki a.windows,
.dokuwiki a.mail {
    background-image: none !important;
    padding-left: 0 !important;
}

/* Add your new icon to the left of the link */
.urlextern::before {
    content: url('ICONURL'); /* Custom icon URL */
    margin-right: 3px; /* Space between the icon and text */
    vertical-align: middle; /* Align the icon with text */
}

You can change the .urlextern::before to .urlextern::after if you want the external link icon to come at the end of the link instead!

I use webfonts! But you can also download them and upload to your server.

The fonts I use on this website are: Chewy for headers and Comic Neue for body.

Found on one of those huge background Tumblr blogs that stole from everyone.

Made by me in Canva!

and

These are from FoolLovers.com!