app/template/default/Block/NOGOOD_HEAD_for_pages.twig line 1

Open in your IDE?
  1. <meta property="dms:lang" content="ja" />
  2. <meta name="robots" content="noindex" />
  3. <meta charset="UTF-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>NOGOOD-Racing</title>
  7. <meta
  8.   name="description"
  9.   content="NO GOODでは、レース用車両のカスタマイズサービス、高品質な車両パーツ、および独自のNO GOOD RACINGグッズを提供しています。あなたのレーシングライフを次のレベルへと導くための最適なソリューションを提案します。"
  10. />
  11. <link rel="stylesheet" href="/html/user_data/assets/css/base.css" />
  12. <link rel="preconnect" href="https://fonts.googleapis.com" />
  13. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  14. <link href="https://fonts.googleapis.com/css2?family=Anton&amp;family=Noto+Sans+JP&amp;display=swap" rel="stylesheet" />
  15. <script>
  16. document.addEventListener('DOMContentLoaded', function() {
  17.     const btnLangs = document.querySelectorAll('input[type="radio"].btn_lang');
  19.     // ページロード時にチェックされている言語に基づいて.showを付与
  20.     const checkedLang = document.querySelector('input[type="radio"].btn_lang:checked');
  21.     if(checkedLang) {
  22.         document.querySelectorAll('.' + checkedLang.id).forEach(el => el.classList.add('show'));
  23.     }
  25.     // ラジオボタンの変更を監視
  26.     btnLangs.forEach(btn => {
  27.         btn.addEventListener('change', function() {
  28.             // 全ての言語要素から.showを削除
  29.             document.querySelectorAll('.jp, .en').forEach(el => el.classList.remove('show'));
  30.             
  31.             // 選択された言語の要素に.showを追加
  32.             if(this.checked) {
  33.                 document.querySelectorAll('.' + this.id).forEach(el => el.classList.add('show'));
  34.             }
  35.         });
  36.     });
  37. });
  38. </script>
  39. <style>
  40. .lang_btn__wrap{
  41.     position: fixed;
  42.     right:2%;
  43.     top: 1rem;
  44. }
  45. label:has(.jp),label:has(.en),{
  46.     display:block;
  47. }
  48. label:has(:checked){
  49.     color:#bbb;
  50.     text-decoration: underline;
  51. }
  52. .btn_lang,
  53. .jp,.en{
  54. display:none !important;
  55. }
  56. .jp.show,.en.show{
  57. display:block !important;
  58. }
  59. </style>