Link me

Click on a button to get its code!

I'll get a button up for this version of this site soon.

the text "dabric" and dabric the robot in gray, on top of a rounded box with a green to blue gradient. it's basically the header.

My current button. This one's special as it'll update!

Feel free to hotlink this one! By doing so, I can change the button on my end, and as such it'll stay up to date on your end!

Or not. Up to you.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt.png" alt="dabric" width="81" height="33">
</a>

Download

Third

New site, new button.

Based around the navigation bar of version 3 of my website.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/10.png" alt="dabric" width="81" height="33">
</a>

Download

the text "dabric" in green next to dabric the robot.

Basically the polar opposite of the other button.

This was based on a prototype of the menu that appears when you click on the robot at the top right on an older version of my website. Instead of that menu, you'll see Dabric (robot) and be able to talk to them. I was planning on the homepage to not be an entire interactive 3D model. However...I didn't do that.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/2.png" alt="dabric" width="81" height="33">
</a>

Download

The text "dabric" in a yellow box with a red X.

Your dabric is invalid.

Based off the W3C Validation Icons.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/3.png" alt="dabric" width="81" height="33">
</a>

Download

A box with a white and red section. The white has a blue dabric robot in it, and the yellow has "dabric 4.01" with a red checkmark.

Your dabric is valid.

Based off the W3C Validation Icons.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/4.png" alt="dabric" width="81" height="33">
</a>

Download

Valid.

Based off the W3C Validation Icons.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/5.png" alt="dabric" width="81" height="33">
</a>

Download

a green shell moving towards the right with the text "dabric" next to it in what looks like an led panel.

A reference :o

~~I'll give a hint: I hope it comes in the booster pass.~~

It has and the pipe section is entirely underwater god damn it.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/6.png" alt="dabric" width="81" height="33">
</a>

Download

the text "dabric" in dark red next to a giant multibot in the darkness.

Big robot

From this render of a giant Multibot.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/7.png" alt="dabric" width="81" height="33">
</a>

Download

a tired dabric late at night on their laptop, with the text "dabric" on the right.

Robots don't sleep!

"Robots don't sleep!"

Heh. This whole Dabric thing is a little weird. I don't like to refer to myself as the robot as much, but this website's branding is kinda all in with that.

I use "Dabric" to represent me and the robot. We're not the same, and yet we kinda are...like the Holy Trinity? Three Gods in one?

By the way, don't take this as you have to keep me and the robot separate. I don't hate it and I'm totally fine if you do. I just don't seek it out.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/8.png" alt="dabric" width="81" height="33">
</a>

Download

the word "Dabric" next to a very square looking D. it gives Visual Studio vibes.

Use this if you want people to think I'm your favorite editor.

Based on the Visual Studio Code button made by Openbooks.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/9.png" alt="dabric" width="81" height="33">
</a>

Download

the text "dabric" and dabric the robot in gray, on top of a rounded box with a green to blue gradient. it's basically the header. it's also lacking a shadow.

Without a shadow. For people that hate shadows.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/3/1.png" alt="dabric" width="81" height="33">
</a>

Download

Grab Bag 1

a windows 95-era tab with a blue-ish background. it reads "dabric".

Ever use an older version of windows and wish things were still like this? ...no?

Windows 2000 with the Rainy Day theme, if I remember correctly.

It had themes and saved how you had a folder set up in Explorer. You could even theme a folder with HTML, which is absolutely insane. I guess it makes sense since they heavily integrated File Explorer with Internet Explorer.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2a/1.png" alt="dabric" width="81" height="33">
</a>

Download

the text "dabric" crudly written next to a drawing of a smiling giraffe. it's made with a white pencil tool on a black background

Drawing of a dream I had. Might be funny to use this button as people will probably click for the giraffe and find none.

So, I was a robot in an art classroom with a friend who was a giraffe. He was sleeping on a chair.

On the wall was a bunch of Among Us vinyls. I found this Scotch measuring tape bowling ball (not sure how to describe it...), and proceeded to put the bowling ball on my friend's lap. This startled him awake, and he fell and hit his head on the ground, presumed dead.

No idea what the hell this dream meant, but whatever.

A drawing in paint. There's a robot holding a bowling ball, then an "Among Us 2020" record, and then the smiling giraffe from the button. — The full drawing that the button is from.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2a/2.png" alt="dabric" width="81" height="33">
</a>

Download

the text "dabric" next to a drawing of a tv head robot wearing a blue shirt. more elaborate than the previous giraffe button, with shading and colors.

A robot. Drew this in GIMP instead of Paint.

The full drawing from the button. It's a tv-head robot walking with their hands in their pocket. — Full drawing. It's all nice until the legs.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2a/3.png" alt="dabric" width="81" height="33">
</a>

Download

a koopa troopa with a backwards cap on looking right on a black background, with the text "dabric" in red to the right of them.

Low-poly Freerunning Koopa Troopa my beloved

From this render of the Mario Kart Wii Koopa Troopa model, but red and with a hat on.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2a/4.png" alt="dabric" width="81" height="33">
</a>

Download

a koopa troopa with a backwards cap on looking right on a black background. there is no text.

No text looked funny so here's the button without text

From this render of the Mario Kart Wii Koopa Troopa model, but red and with a hat on.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2a/5.png" alt="dabric" width="81" height="33">
</a>

Download

Second

dabric against a wall with green and blue lights. the word "dabric" is at the top left.

Look, somewhat old.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2.1.png" alt="dabric" width="81" height="33">
</a>

Download

Look, I launched Blender.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2.2.png" alt="dabric" width="81" height="33">
</a>

Download

dabric against a wall with green and blue lights, smiling. the word "dabric" is at the top left.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/2.3.png" alt="dabric" width="81" height="33">
</a>

Download

First

dabric against a black background, peeking from the bottom right. at the top left is a broken image icon.

Dabric peeking with a broken image. I promise Dabric's not some free image I found online it's like 2am andi dont feel like putting effort into the button

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/1.1.png" alt="dabric" width="81" height="33">
</a>

Download

an mspaint-like drawing of a multibot smiling with their left hand up.

A random multibot doing that

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/1.2.png" alt="dabric" width="81" height="33">
</a>

Download

Old and Ugly

crude pixel art of a multibot with big red eyes and an antenna. the word "dabric" is at the bottom right.

The old version of a multibot, but old

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/buttons/button1.png" alt="dabric" width="81" height="33">
</a>

Download

crude pixel art of a multibot with blue eyes and mouth. the word "dabric" is at the bottom right.

Don't have a name for them.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/buttons/button2.png" alt="dabric" width="81" height="33">
</a>

Download

crude pixel art of a multibot with big red eyes, a top hat, and arms coming out of the side attachment slots on the head. the word "dabric" is at the bottom right.

That's very good yes. The name came from a discord bot I made, and it stook with me and my friends as I never changed it

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/buttons/button3.png" alt="dabric" width="81" height="33">
</a>

Download

Klypank

a window. "dabric" is the title, and "neocities" is the content.

Just in case you forgot what webhost I'm using.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/klypank/1a.png" alt="dabric" width="81" height="33">
</a>

Download

a window. "klypank" is the title, and "neocities" is the content.

Old username!

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/klypank/1b.png" alt="dabric" width="81" height="33">
</a>

Download

the words "dabric" stacked on top of each other, with a slight gradient.

I was very creative back then.

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/klypank/2a.png" alt="dabric" width="81" height="33">
</a>

Download

the words "klypank" stacked on top of each other, with a slight gradient.

Old usernames!

HTML

<a href="https://dabric.xyz/">
	<img src="https://dabric.xyz/butt/klypank/2b.png" alt="dabric" width="81" height="33">
</a>

Download