プロゲーマー情報へ

【エイプリルフール】eスポーツWiki『Liquipedia』のチームアイコンが手描き仕様に

情報元 https://www.negitaku.org/news/n-27555

世界最大級のeスポーツWiki『Liquipedia』のチームアイコンが、エイプリルフールに合わせて手描き仕様に変更され話題となりました。

Liquipediaの投稿

Liquipediaコミュニティは、繰り返されるeスポーツチームのリブランドやロゴリニューアルに対応することにうんざりしています。

そこで自ら動き、最高のメンバーたちと各チームのロゴを勝手に最終版へとリブランドしました。

Liquipediaの見た目はかつて無いほど最高になっています。

各チームの反応

目次

MOUZ

「これで誰でもネズミが見えるようになったでしょ」

※過去に投稿したロゴネタに関連させて反応

「は?!?
ロゴの空白部分にマウス(ネズミ)の形が見えない人がいるってマジ?!?!?!」

/* PC用共通スタイル */
#embed-card-260313 { margin: 1.5rem 0; width: 100%; }
#embed-card-260313 .embed-card { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.05); color: #e5e5e5; display: flex; width: 100%; }
#embed-card-260313 .embed-card__link { display: flex !important; text-decoration: none !important; color: inherit; width: 100%; flex-direction: row !important; margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card__thumbnail { position: relative; width: 30%; aspect-ratio: 16/9; background: #2a2a2a; overflow: hidden; flex-shrink: 0; font-size: 0; line-height: 0; margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card__thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; margin: 0 !important; padding: 0 !important; border: none !important; }
#embed-card-260313 .embed-card__content { width: 70%; padding: 16px; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, 0.05); flex-shrink: 0; margin: 0 !important; }
#embed-card-260313 .embed-card__label { position: absolute; top: 8px; left: 8px; background: #404040; color: #fff; font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 4px; z-index: 2; line-height: 1; margin: 0 !important; }
#embed-card-260313 .embed-card__title { font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px !important; color: #fff; padding: 0 !important; }
#embed-card-260313 .embed-card__domain { font-size: 12px; color: #808080; margin: 0 !important; line-height: 1; padding: 0 !important; }

/* wpautopで生成される余分なpタグを消す */
#embed-card-260313 p { margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card p { margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card__link p { margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card__thumbnail p { margin: 0 !important; padding: 0 !important; }
#embed-card-260313 .embed-card__content p { margin: 0 !important; padding: 0 !important; }

/* モバイル専用スタイル – 別スタイルタグにして確実に後から読み込まれるようにする */
@media only screen and (max-width: 640px) {
#embed-card-260313.embed-card-wrapper .embed-card {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__link {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
align-items: stretch !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__thumbnail {
width: 35% !important;
min-width: 35% !important;
flex-shrink: 0 !important;
height: auto !important;
position: relative !important;
overflow: hidden !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__thumbnail::before {
content: “” !important;
display: block !important;
padding-top: 100% !important; /* 1:1比率のボックスを作成 */
}
#embed-card-260313.embed-card-wrapper .embed-card__thumbnail img {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: auto !important;
height: 100% !important;
min-width: 100% !important;
max-width: none !important;
object-fit: cover !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__content {
width: 65% !important;
min-width: 65% !important;
padding: 12px !important;
flex-shrink: 0 !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__title {
font-size: 15px !important;
margin-bottom: 3px !important;
line-height: 1.3 !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__domain {
font-size: 9px !important;
}
#embed-card-260313.embed-card-wrapper .embed-card__label {
font-size: 12px !important;
padding: 4px 8px !important;
top: 6px !important;
left: 6px !important;
font-weight: 500 !important;
}
}

Paper Rex

「元のロゴより複雑な感じになったけど気に入った」

ELEVATE

「ちょっと😭😂

※元は山がモチーフのロゴですが、エレベーターになっている

The MongolZ

「これってThe MongolZのロゴ?」

※Dignitasのロゴ

REJECT

G2 Esports

他にもさまざまなアイコンが多数作成されています。
このアイコンをチーム公式SNSに採用するチームもありました。

紹介が遅くなってしまいましたが、元のアイコンに戻されてしまう前にぜひLiquipediaにアクセスしてみてください。

エイプリールのジョークと明らかにわかり、チームやゲーマーもネタにでき、サイトアクセスも増えるということで素晴らしいアイデアの企画でした。

関連サイト

guest

0 コメント
最も人気
新しい順 古い順
Inline Feedbacks
全てのコメントを見る
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
目次