IN COMMON テーマ

カスタマイズ テーマ
1

Hello there,

I started developing a – my first – theme for https://talk.incommon.cc that you can preview on the theme creator.

It’s not yet used on IN COMMON because I need to fix the JavaScript. Help and pointers welcome!

Here’s a screenshot:

2018-11-03-203537
2018-11-03-203537.png1351×904 108 KB

「いいね！」 11
2

I managed to replace accents in category names, but not in cooked posts yet:

<script type="text/discourse-plugin" version="0.1">
 // Remove accents in titles since the font does not support them.
 let stripAccentsFromTitles = function() {
   $('h1, h2, h3, h4, h3 .category-name').each(function(_, e) {
     e.textContent = e.textContent.normalize('NFD').replace(/[\u0300-\u036f]/g, "")
   })
 };

 api.decorateCooked(stripAccentsFromTitles)
</script>
3

Ha! I manage to fix in cooked posts, but then, I lost category names :stuck_out_tongue:

 <script type="text/discourse-plugin" version="0.1">
 // Remove accents in titles since the font does not support them.
 api.decorateCooked($elem =>
   $elem.children('h1, h2, h3, h4, .category-name').each(function(_, e) {
     e.textContent = e.textContent.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
   }));
</script>

I will let others explain what’s wrong to me, because it’s still Vogon poetry.

Duh. I give up. <= link to numerous commits to try (and fail) variations… Without understanding anything, I cannot do anything else.

v0.4.1 update

Right, this is v0.4.1 of this theme. The accent removal mostly works with a few exceptions that belong to in-page events not covered yet. The code is a bit ugly since it’s redundant. I guess once I figure out the appEvents I can use a cleaner way to do my thing.

Here’s an example bug:

  1. We can see the title has been converted to unaccented characters (on café).

    2018-11-23-153647
    2018-11-23-153647974×187 21.3 KB

  2. But then when we scroll, the title moves to the banner, and this event is not covered by the stripAccentsFromTitle function

    2018-11-23-153703
    2018-11-23-153703969×184 18.9 KB

Does anyone have a pointer to a list of appEvents and how to use them?

p.s.: I can’t reply to myself more than three times, so I edited this post. Sorry.

4

興味深いですが、この書体は読みづらいですね。アクセント付きの文字が含まれるフォントにした方が、ずっと楽になると思いませんか？

私は通常、読む速度を落とす書体を避けるようにしています。読む速度を落とすのは、それによって理解度が深まるようなテキストにこそ適しているからです。

追伸：もし投稿数が必要な場合のために、3 つの投稿を増やしておきました。

「いいね！」 4