Skip to content

Commit

Permalink
feat(icon): Workaround for fontawesome 6
Browse files Browse the repository at this point in the history 
Signed-off-by: Khusika Dhamar Gusti <[email protected]>
  • Loading branch information
@khusika
khusika committed Sep 12, 2023
1 parent 5f295f6 commit 974ccc4
Show file tree
Hide file tree
Showing 31 changed files with 383 additions and 372 deletions.
124 changes: 66 additions & 58 deletions assets/data/social.yml
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions assets/js/theme.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -271,7 +271,7 @@ class Theme {
footer: ({}) => {
const { searchType, icon, href } = searchConfig.type === 'algolia' ? {
searchType: 'algolia',
icon: '<i class="fab fa-algolia fa-fw"></i>',
icon: '<i class="fa-brands fa-algolia fa-fw"></i>',
href: 'https://www.algolia.com/',
} : {
searchType: 'Lunr.js',
Expand Down Expand Up @@ -344,20 +344,20 @@ class Theme {
$header.className = 'code-header ' + $code.className.toLowerCase();
const $title = document.createElement('span');
$title.classList.add('code-title');
$title.insertAdjacentHTML('afterbegin', '<i class="arrow fas fa-chevron-right fa-fw"></i>');
$title.insertAdjacentHTML('afterbegin', '<i class="arrow fa-solid fa-chevron-right fa-fw"></i>');
$title.addEventListener('click', () => {
$chroma.classList.toggle('open');
}, false);
$header.appendChild($title);
const $ellipses = document.createElement('span');
$ellipses.insertAdjacentHTML('afterbegin', '<i class="fas fa-ellipsis-h fa-fw"></i>');
$ellipses.insertAdjacentHTML('afterbegin', '<i class="fa-solid fa-ellipsis-h fa-fw"></i>');
$ellipses.classList.add('ellipses');
$ellipses.addEventListener('click', () => {
$chroma.classList.add('open');
}, false);
$header.appendChild($ellipses);
const $copy = document.createElement('span');
$copy.insertAdjacentHTML('afterbegin', '<i class="far fa-copy fa-fw"></i>');
$copy.insertAdjacentHTML('afterbegin', '<i class="fa-regular fa-copy fa-fw"></i>');
$copy.classList.add('copy');
const code = $code.innerText;
if (this.config.code.maxShownLines < 0 || code.split('\n').length < this.config.code.maxShownLines + 2) $chroma.classList.add('open');
Expand Down
92 changes: 46 additions & 46 deletions exampleSite/content/about/index.en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,61 +23,61 @@ math:

#### Performance and SEO

* :(fas fa-rocket fa-fw): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
* :(fab fa-searchengin fa-fw): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
* :(fab fa-google fa-fw): **[Google Analytics](https://analytics.google.com/analytics)** supported
* :(far fa-chart-bar fa-fw): **[Fathom Analytics](https://usefathom.com/)** supported
* :(fas fa-chart-line fa-fw): **[GoatCounter Analytics](https://www.goatcounter.com/)** supported
* :(fas fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex and Baidu)
* :(fas fa-tachometer-alt fa-fw): **CDN** for third-party libraries supported
* :(fas fa-cloud-download-alt fa-fw): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)
* :(fa-solid fa-rocket fa-fw): Optimized for **performance**: [99]/[100] on mobile and [100]/[100] on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
* :(fa-brands fa-searchengin fa-fw): Optimized SEO performance with a correct **SEO SCHEMA** based on JSON-LD
* :(fa-brands fa-google fa-fw): **[Google Analytics](https://analytics.google.com/analytics)** supported
* :(fa-regular fa-chart-bar fa-fw): **[Fathom Analytics](https://usefathom.com/)** supported
* :(fa-solid fa-chart-line fa-fw): **[GoatCounter Analytics](https://www.goatcounter.com/)** supported
* :(fa-solid fa-search fa-fw): Search engine **verification** supported (Google, Bind, Yandex and Baidu)
* :(fa-solid fa-tachometer-alt fa-fw): **CDN** for third-party libraries supported
* :(fa-solid fa-cloud-download-alt fa-fw): Automatically converted images with **Lazy Load** by [lazysizes](https://github.com/aFarkas/lazysizes)

#### Appearance and Layout

* [:(fas fa-desktop):]/[:(fas fa-mobile):] **Responsive** layout
* [:(fas fa-sun):]/[:(fas fa-moon):] **[Light]/[Dark]** mode
* :(fas fa-layer-group fa-fw): Globally consistent **design language**
* :(fas fa-ellipsis-h fa-fw): **Pagination** supported
* :(far fa-list-alt fa-fw): Easy-to-use and self-expanding **table of contents**
* :(fas fa-language fa-fw): **Multilanguage** supported and i18n ready
* :(fab fa-css3-alt fa-fw): Beautiful **CSS animation**
* [:(fa-solid fa-desktop):]/[:(fa-solid fa-mobile):] **Responsive** layout
* [:(fa-solid fa-sun):]/[:(fa-solid fa-moon):] **[Light]/[Dark]** mode
* :(fa-solid fa-layer-group fa-fw): Globally consistent **design language**
* :(fa-solid fa-ellipsis-h fa-fw): **Pagination** supported
* :(fa-regular fa-list-alt fa-fw): Easy-to-use and self-expanding **table of contents**
* :(fa-solid fa-language fa-fw): **Multilanguage** supported and i18n ready
* :(fa-brands fa-css3-alt fa-fw): Beautiful **CSS animation**

#### Social and Comment Systems

* :(far fa-user fa-fw): **Gravatar** supported by [Gravatar](https://gravatar.com)
* :(fas fa-user-circle fa-fw): Local **Avatar** supported
* :(far fa-id-card fa-fw): Up to **64** social links supported
* :(fas fa-share-square fa-fw): Up to **28** share sites supported
* :(far fa-comment fa-fw): **Disqus** comment system supported by [Disqus](https://disqus.com)
* :(far fa-comment-dots fa-fw): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
* :(far fa-comment-alt fa-fw): **Valine** comment system supported by [Valine](https://valine.js.org/)
* :(fas fa-comments fa-fw): **Vssue** comment system supported by [Vssue](https://vssue.js.org/)
* :(far fa-comments fa-fw): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* :(fas fa-comment fa-fw): **Telegram comments** system supported by [Comments](https://comments.app/)
* :(fas fa-comment-dots fa-fw): **Commento** comment system supported by [Commento](https://commento.io/)
* :(fas fa-comment-alt fa-fw): **Utterances** comment system supported by [Utterances](https://utteranc.es/)
* :(fa-regular fa-user fa-fw): **Gravatar** supported by [Gravatar](https://gravatar.com)
* :(fa-solid fa-user-circle fa-fw): Local **Avatar** supported
* :(fa-regular fa-id-card fa-fw): Up to **64** social links supported
* :(fa-solid fa-share-square fa-fw): Up to **28** share sites supported
* :(fa-regular fa-comment fa-fw): **Disqus** comment system supported by [Disqus](https://disqus.com)
* :(fa-regular fa-comment-dots fa-fw): **Gitalk** comment system supported by [Gitalk](https://github.com/gitalk/gitalk)
* :(fa-regular fa-comment-alt fa-fw): **Valine** comment system supported by [Valine](https://valine.js.org/)
* :(fa-solid fa-comments fa-fw): **Vssue** comment system supported by [Vssue](https://vssue.js.org/)
* :(fa-regular fa-comments fa-fw): **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* :(fa-solid fa-comment fa-fw): **Telegram comments** system supported by [Comments](https://comments.app/)
* :(fa-solid fa-comment-dots fa-fw): **Commento** comment system supported by [Commento](https://commento.io/)
* :(fa-solid fa-comment-alt fa-fw): **Utterances** comment system supported by [Utterances](https://utteranc.es/)

#### Extended Features

* :(fas fa-search fa-fw): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
* :(far fa-grin-tongue-wink fa-fw): **Twemoji** supported
* :(fas fa-code fa-fw): Automatically **highlighting** code
* :(far fa-copy fa-fw): **Copy code** to clipboard with one click
* :(far fa-images fa-fw): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
* :(fab fa-font-awesome fa-fw): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
* :(far fa-sticky-note fa-fw): Extended Markdown syntax for **ruby annotation**
* :(fas fa-percentage fa-fw): Extended Markdown syntax for **fraction**
* :(fas fa-square-root-alt fa-fw): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/)
* :(fas fa-project-diagram fa-fw): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
* :(fas fa-chart-pie fa-fw): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
* :(fas fa-map-marked-alt fa-fw): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
* :(fas fa-music fa-fw): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
* :(fas fa-video fa-fw): **Bilibili player** shortcode
* :(far fa-bell fa-fw): Kinds of **admonitions** shortcode
* :(fas fa-align-left fa-fw): **Custom style** shortcode
* :(fab fa-js-square fa-fw): **Custom script** shortcode
* :(fas fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
* :(fas fa-cookie-bite fa-fw): **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
* :(fa-solid fa-search fa-fw): **Search** supported by [Lunr.js](https://lunrjs.com/) or [algolia](https://www.algolia.com/)
* :(fa-regular fa-grin-tongue-wink fa-fw): **Twemoji** supported
* :(fa-solid fa-code fa-fw): Automatically **highlighting** code
* :(fa-regular fa-copy fa-fw): **Copy code** to clipboard with one click
* :(fa-regular fa-images fa-fw): **Images gallery** supported by [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)
* :(fa-brands fa-font-awesome fa-fw): Extended Markdown syntax for **[Font Awesome](https://fontawesome.com/) icons**
* :(fa-regular fa-sticky-note fa-fw): Extended Markdown syntax for **ruby annotation**
* :(fa-solid fa-percentage fa-fw): Extended Markdown syntax for **fraction**
* :(fa-solid fa-square-root-alt fa-fw): **Mathematical formula** supported by [$ \KaTeX $](https://katex.org/)
* :(fa-solid fa-project-diagram fa-fw): **Diagrams** shortcode supported by [mermaid](https://github.com/knsv/mermaid)
* :(fa-solid fa-chart-pie fa-fw): **Interactive data visualization** shortcode supported by [ECharts](https://echarts.apache.org/)
* :(fa-solid fa-map-marked-alt fa-fw): **Mapbox** shortcode supported by [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)
* :(fa-solid fa-music fa-fw): **Music player** shortcode supported by [APlayer](https://github.com/MoePlayer/APlayer) and [MetingJS](https://github.com/metowolf/MetingJS)
* :(fa-solid fa-video fa-fw): **Bilibili player** shortcode
* :(fa-regular fa-bell fa-fw): Kinds of **admonitions** shortcode
* :(fa-solid fa-align-left fa-fw): **Custom style** shortcode
* :(fa-brands fa-js-square fa-fw): **Custom script** shortcode
* :(fa-solid fa-i-cursor fa-fw): **Animated typing** supported by [TypeIt](https://typeitjs.com/)
* :(fa-solid fa-cookie-bite fa-fw): **Cookie consent banner** supported by [cookieconsent](https://github.com/osano/cookieconsent)
* ...

### License
Expand Down
Loading

0 comments on commit 974ccc4

Please sign in to comment.