Skip to content
This repository has been archived by the owner on May 2, 2023. It is now read-only.
/ assets Public archive

My personal brand assets with written in Svelte and TypeScript.

License

Notifications You must be signed in to change notification settings

xeho91/assets

Repository files navigation

xeho91's brand assets

Warning: A new version of this project is continued at https://github.com/xeho91/brand

This repository contains my personal brand assets. It includes:

Both of them are built with SVG technology in mind for the best quality at any image's resolution.
Firstly it was done in Inkscape graphic editor, then the output (code) was optimized for my own developing purposes. Such as for my website, meta tags, profile headers or profile avatars on the platforms.
During the development, I was experimenting with SVG's native animations called SMIL. I have applied it to both assets.

Avatar preview

xeho91's avatar

Logo preview

xeho91's logo

Components

The components are written in Svelte. It's effortless to work with this framework, as it gives many opportunities to make these assets more advanced.
Both of the components for these assets are bundled and be found inside package. Below there's an example usage:

<script>
  import Avatar from "@xeho91/assets/components/Avatar.svelte";
  import Logo from "@xeho91/assets/components/Logo.svelte";
</script>

<Avatar color="black" background="none" />
<Logo color="default" background="gradient" animations={{ duration: 3000 }} />

License

The code is licensed under MIT.

The graphical assets are licensed under CC BY-SA 4.0.

About

My personal brand assets with written in Svelte and TypeScript.

Topics

Resources

License

Security policy

Stars

Watchers

Forks