{{ :misc:sitecredits.jpg?nolink |}}
====== Credits ======
Where I got various graphics for my site, plus how I put certain things together. For more about how I picked the site name and stuff, check out [[misc:site_info]].

===== DocuWiki Customizations, etc.=====
I use [[https://www.dokuwiki.org/dokuwiki|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. 

==== Theme ====
I use the [[https://www.dokuwiki.org/template:bootstrap3|Bootstrap3 Template]] and have customized various things, mostly with CSS. 

==== How to Change the External Link Icon ====
Got info on what to change [[https://forum.dokuwiki.org/d/14699-solved-one-time-use-of-a-different-icon-for-external-links/2|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:

<WRAP center round box 60%>
<code>.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 */
}
</code>
</WRAP>

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!

==== Embedding Stuff ====
The easiest way to work around not being able to HTML embed stuff is to use plugins: [[https://www.dokuwiki.org/plugin:iframe|iframe]] and [[https://www.dokuwiki.org/plugin:oembed|oEmbed]] lets you do most things!

To embed my status.cafe updates on the front page, I used [[https://petrapixel.neocities.org/coding/widgets|this widget by petrapixel]]!

===== Graphics/Site Design =====
==== Fonts ====
I use webfonts! But you can also download them and upload to your server.

The fonts I use on this website are: [[https://www.1001fonts.com/chewy-font.html|Chewy]] for headers and [[https://www.1001fonts.com/comic-neue-font.html|Comic Neue]] for body. 

==== Background ====
Found on one of [[https://tenshiikisu.tumblr.com/post/79015021080/heres-my-collection-of-pixel-backgrounds-tile|those huge background Tumblr blogs]] that stole from everyone. 

==== Cursor ====
Custom cursor is from [[https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html|cursors-4u.com]] and was implemented with help from [[https://forum.melonland.net/index.php?topic=952.0|this MelonLand forum thread]].

==== Front Page Banner & Namespace Banners ====
Made by me in Canva!

==== New/Update Icon ====
{{:misc:mb19-icon-new.gif?nolink|}} and {{::q19-icon-update.gif?nolink|}}

These are from [[https://foollovers.com/|FoolLovers.com]]!

==== Dividers ====
I love dividers and I kinda collect them...

{{ ::pinkribbondivider.png?nolink |}}
This is from [[https://www.deviantart.com/catspy69/art/Pink-Ribbon-Divider-683146158|catspy69 on DeviantArt]]!

{{ ::pixel_cherrybun_cherry_div_by_firstfear_d4m1uit.gif?nolink |}}
This is from [[https://www.deviantart.com/firstfear/art/Pixel-CherryBun-Cherry-Div-278902469|firstfear on DeviantArt]]!

{{ ::rollingstarline.gif?nolink |}}
This is from [[https://www.deviantart.com/king-lulu-deer/art/Rollin-Stars-790912897|King-Lulu-Deer on DeviantArt]]!

{{ :wingedbowdivier.gif?nolink |}}
This is from [[https://www.deviantart.com/kittea-paws|kittea-paws on DeviantArt]]!

{{ ::stardivider-rainbow.gif?nolink |}}
This is from [[https://www.deviantart.com/wonderingwellow/art/Rainbow-Star-Divider-881397683|wonderingwellow on DeviantArt]]!
==== Other Graphics ====
{{ ::spinningstars.gif?nolink |}}
This is from [[https://www.deviantart.com/king-lulu-deer/art/Rollin-Stars-790912897|King-Lulu-Deer on DeviantArt]]!

{{::littlestar.gif?nolink|}} {{:smolbabystars.gif?nolink|}} {{:pinksparkles.gif?nolink|}}

These are all from [[https://www.deviantart.com/kittea-paws|kittea-paws on DeviantArt]]!

~~NOTOC~~