diff --git a/content/.vuepress/client.ts b/content/.vuepress/client.ts index 716c4d3..30a1905 100644 --- a/content/.vuepress/client.ts +++ b/content/.vuepress/client.ts @@ -6,6 +6,7 @@ import GithubRepository from './components/GitHub/GithubRepository.vue'; import ApiLoader from './components/ApiLoader.vue'; import Loader from './components/Loader.vue'; import Cache from './components/Cache.vue'; +import Icon from './components/Icon.vue'; export default defineClientConfig({ enhance({ app }) { @@ -16,6 +17,7 @@ export default defineClientConfig({ app.component('ApiLoader', ApiLoader); app.component('Loader', Loader); app.component('Cache', Cache); + app.component('Icon', Icon); }, setup() {}, layouts: {}, diff --git a/content/.vuepress/components/GitHub/GithubRepository.vue b/content/.vuepress/components/GitHub/GithubRepository.vue index b9593e3..307410e 100644 --- a/content/.vuepress/components/GitHub/GithubRepository.vue +++ b/content/.vuepress/components/GitHub/GithubRepository.vue @@ -17,11 +17,15 @@
-

Stars: {{ repository.stargazers_count }}

-

Forks: {{ repository.forks_count }}

-

- source -

+
+ {{ repository.stargazers_count }} +
+
+ {{ repository.forks_count }} +
+
+ +
diff --git a/content/.vuepress/components/Icon.vue b/content/.vuepress/components/Icon.vue new file mode 100644 index 0000000..5be3f90 --- /dev/null +++ b/content/.vuepress/components/Icon.vue @@ -0,0 +1,17 @@ + + + + + diff --git a/content/.vuepress/public/fonts/phunic.eot b/content/.vuepress/public/fonts/phunic.eot new file mode 100644 index 0000000..ebdbade Binary files /dev/null and b/content/.vuepress/public/fonts/phunic.eot differ diff --git a/content/.vuepress/public/fonts/phunic.svg b/content/.vuepress/public/fonts/phunic.svg new file mode 100644 index 0000000..3d1f237 --- /dev/null +++ b/content/.vuepress/public/fonts/phunic.svg @@ -0,0 +1,36 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/content/.vuepress/public/fonts/phunic.ttf b/content/.vuepress/public/fonts/phunic.ttf new file mode 100644 index 0000000..ec2e8ac Binary files /dev/null and b/content/.vuepress/public/fonts/phunic.ttf differ diff --git a/content/.vuepress/public/fonts/phunic.woff b/content/.vuepress/public/fonts/phunic.woff new file mode 100644 index 0000000..178a19e Binary files /dev/null and b/content/.vuepress/public/fonts/phunic.woff differ diff --git a/content/.vuepress/styles/fonts.less b/content/.vuepress/styles/fonts.less new file mode 100644 index 0000000..a6f43e7 --- /dev/null +++ b/content/.vuepress/styles/fonts.less @@ -0,0 +1,112 @@ +@font-face { + font-family: "phunic"; + src: url("/fonts/phunic.eot?3b74hk"); + src: url("/fonts/phunic.eot?3b74hk#iefix") format("embedded-opentype"), + url("/fonts/phunic.ttf?3b74hk") format("truetype"), + url("/fonts/phunic.woff?3b74hk") format("woff"), + url("/fonts/phunic.svg?3b74hk#phunic") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; +} + +i.icon { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "phunic" !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + &::before { + width: 1.25rem; + display: inline-block; + align-content: center; + text-align: center; + } +} + +.phunic-mastodon:before { + content: "\e907"; +} +.phunic-link:before { + content: "\e909"; +} +.phunic-star:before { + content: "\e900"; +} +.phunic-share:before { + content: "\e904"; +} +.phunic-terminal:before { + content: "\e905"; +} +.phunic-at:before { + content: "\e906"; +} +.phunic-conlang:before { + content: "\e908"; +} +.phunic-code:before { + content: "\e90a"; +} +.phunic-fork:before { + content: "\e90b"; +} +.phunic-house:before { + content: "\e90c"; +} +.phunic-language:before { + content: "\e90d"; +} +.phunic-mic-lines:before { + content: "\e90e"; +} +.phunic-question:before { + content: "\e90f"; +} +.phunic-conlang2:before { + content: "\e901"; +} +.phunic-emacs:before { + content: "\e902"; +} +.phunic-gitea:before { + content: "\e903"; +} +.phunic-twitter:before { + content: "\ea96"; +} +.phunic-rss:before { + content: "\ea9b"; +} +.phunic-youtube:before { + content: "\ea9d"; +} +.phunic-twitch:before { + content: "\ea9f"; +} +.phunic-github:before { + content: "\eab0"; +} +.phunic-npm:before { + content: "\eab1"; +} +.phunic-tux:before { + content: "\eabd"; +} +.phunic-linkedin:before { + content: "\eac9"; +} +.phunic-stackoverflow:before { + content: "\ead0"; +} +.phunic-git:before { + content: "\eae7"; +}