Link in Bio with Anime Background

[iamtakashi]

An additional LiB pattern based on the feedback from Matt. The Japanese text could potentially cause a problem in the translation process.

Category: Link in Bio

Tag: Pattern, Layout

Screenshot:

Markup:

<!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2022/10/ryan-yao-hhbvtvxdv_i-unsplash.jpg","id":8075,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-8075" alt="" src="https://dotcompatterns.files.wordpress.com/2022/10/ryan-yao-hhbvtvxdv_i-unsplash.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":[]},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":100,"className":"is-style-default"} /-->

<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-color has-text-color has-link-color"><!-- wp:site-title {"isLink":false,"style":{"typography":{"fontSize":"2.5rem","fontStyle":"normal","fontWeight":"700","lineHeight":1}}} /-->

<!-- wp:site-tagline {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"0.5rem"}}},"fontSize":"small"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"0.94rem"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#4b1108"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="background-color:#4b1108">ブログ更新：2022 夏アニメの感想</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#4b1108"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="background-color:#4b1108">小説感想</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#4b1108"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="background-color:#4b1108">必見！アニメや映画をお得に見る方法</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#4b1108"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="background-color:#4b1108">マジで共感！あるある！！</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"white","width":100,"style":{"color":{"background":"#4b1108"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="background-color:#4b1108">インスタもみてね</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

Preview: https://dotcompatterns.wordpress.com/?p=8074&preview=true

[iamtakashi]

cc @alaczek @onuro

[alaczek]

Is the idea here for the text to be in Japanese(?) instead of English by default?

[iamtakashi]

Yes. I'm wondering if it's going to be a problem. What do you think?

[alaczek]

It will definitely stick out from all the other patterns that use English, that's for sure. I appreciate that it complements the design, but for practical reasons, I'd switch to English.

[iamtakashi]

Right. When a pattern is published the strings will be sent to glotpress to be translated into other languages. If the default is in Japanese, it will be a problem as many translators won't understand it.

I've changed it to English before publishing it. Although it lost the vibe a bit, it still looks ok in English.

[iamtakashi]

Published!

[iamtakashi]

When a pattern is published the strings will be sent to glotpress to be translated into other languages. If the default is in Japanese, it will be a problem as many translators won't understand it.

Apparently, we can change the priority to low in Glotpress for the strings that we don't want to be translated. It's not clear to me yet if they will eventually be translated or not. Asking i18n team about it.

We're very keen on portraying more the international flavour so I changed them back to Japanese. Let's see.

[iamtakashi]

Asking i18n team about it.

We can actually make the string hidden so that no one touches it. This is very cool.