<style>
  #google_translate_element {
    position: fixed; bottom: 24px; right: 24px; z-index: 9999999;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
    padding: 8px 14px; display: flex; align-items: center; box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  }
  .goog-te-gadget { font-size: 0; color: transparent; }
  .goog-te-combo { background: transparent; border: none; font-size: 14px; font-weight: 500; color: #334155; cursor: pointer; outline: none; }
  
  /* ★ 한국어(ko) 옵션은 드롭다운에서 아예 보이지 않게 제거 */
  .goog-te-combo option[value="ko"] { display: none !important; }

  /* 불필요한 구글 배너/툴팁 차단 */
  .goog-te-banner-frame, iframe.goog-te-banner-frame, #goog-gt-tt, .goog-tooltip { display: none !important; visibility: hidden !important; }
  html, body { top: 0px !important; position: static !important; }
</style>


<div id="google_translate_element">
  <span style="font-size: 16px; margin-right: 6px; display: inline-flex;">🌐</span>
</div>


<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'ko',
      // ★ [원하는 언어만 딱 지정]: 여기에 들어간 언어만 드롭다운에 뜹니다!
      includedLanguages: 'en,ja,tl,zh-CN,zh-TW,vi,th,es,fr',
      layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL,
      autoDisplay: false
    }, 'google_translate_element');
    
    // 번역기 로드 후 딱 한 번만 텍스트를 원하는 원어로 치환
    setTimeout(function() {
      var combo = document.querySelector('.goog-te-combo');
      if (combo) {
        // 첫 번째 칸 문구를 'Show Original'로 고정
        if (combo.options[0]) combo.options[0].text = "Show Original";
        
        // ★ [각 언어별 표시 이름]: 드롭다운에 보여줄 이름을 현지어로 지정합니다.
        var names = {
          "en": "English",
          "ja": "日本語",
          "tl": "Tagalog",
          "zh-CN": "简体中文",
          "zh-TW": "繁體中文",
          "vi": "Tiếng Việt",
          "th": "ไทย",
          "es": "Español",
          "fr": "Français"
        };

        // 루프를 돌며 매핑된 언어 이름으로 강제 치환
        for (var i = 1; i < combo.options.length; i++) {
          var code = combo.options[i].value;
          if (names[code]) {
            combo.options[i].text = names[code];
          }
        }
      }
    }, 1000); // 구글 로딩 시간을 감안해 안정적으로 1초 뒤 실행
  }

  // 사용자가 드롭다운에서 'Show Original'을 선택하면 주소를 초기화하여 깔끔하게 새로고침
  document.addEventListener('change', function(e) {
    if (e.target && e.target.className === 'goog-te-combo') {
      if (e.target.value === "") {
        var cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname + "?tr=reset";
        window.location.replace(cleanUrl);
      }
    }
  });
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

www.hyeonsumakes.me

청춘네컷·위더스·중독 서포터즈 등 비영리 활동을 담은 하현수의 포트폴리오입니다.