xeho91 / assets

My personal brand assets with written in Svelte and TypeScript.

Home Page:https://xeho91.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://xeho91.com

License:MIT License


Languages

Language:TypeScript 74.6%Language:Svelte 22.5%Language:JavaScript 2.2%Language:HTML 0.4%Language:CSS 0.3%