Initial commit: 교육 프로젝트 배포

_include/eng/footer.html

@@ -0,0 +1,109 @@
+<!--영문화-->
+<style>
+footer .footer_inner .footer_info .home{background-image: url(/assets/img/eng/logo_w.svg);}
+footer .footer_inner .footer_info span{font-size: 15px;}
+</style>
+<div class="footer_inner">
+  <nav class="nav"></nav>
+  <div class="family_wrap">
+    <div class="family_btn"><span>Family Site</span><i></i></div>
+    <ul class="family_list">
+      <li><a href="http://www.hanmaceng.co.kr" target="_blank">hanmac</a></li>
+      <li><a href="https://www.samaneng.co.kr/" target="_blank">saman</a></li>
+      <li><a href="http://www.jangheon.co.kr/" target="_blank">jangheon</a></li>
+      <li><a href="http://www.pre-cast.co.kr/" target="_blank">PTC</a></li>
+      <li>
+        <a href="http://www.hallasanup.com/" target="_blank">hallasanup</a>
+      </li>
+    </ul>
+  </div>
+  <hr />
+  <div class="footer_info">
+    <!-- h1 로고영역은 style.css에서 제어 -->
+    <div class="logo">
+      <a class="home" href="/baron/">Baron Consultants</a>
+    </div>
+
+    <span><em>Address.</em>554, Ogeum-ro, Songpa-gu, Seoul, Republic of Korea</span>
+    <span><em>Tel.</em>02-2141-7434</span>
+    <span><em>Mail.</em>baroncs@baroncs.co.kr</span>
+    <span><em>CEO.</em>Jang Jong Chan</span>
+    <span><em>© Baron Consultants Co,.Ltd All Rights Reserved.</em></span>
+  </div>
+</div>
+
+<!-- TOP버튼 -->
+<button class="btn_top js__top" onclick="window.scrollTo(0,0);">
+  <div class="arrow"></div>
+</button>
+<!-- //TOP버튼 -->
+
+<script type="module">
+  // console.log('?');
+  // ^ TOP button
+  const urlParams = location.href;
+  $(function () {
+    if (urlParams.indexOf("recruit") != -1) {
+      $(".footer_info .home").attr("target", "_blank");
+    }
+  });
+  const topButton = document.querySelector(".js__top");
+  function adjustButtonPosition() {
+    const scrollY = window.scrollY; // 현재 스크롤 위치
+    const windowHeight = window.innerHeight; // 윈도우 높이
+    const documentHeight = document.documentElement.scrollHeight; // 문서 전체 높이
+    const bottomSpace = urlParams.indexOf("recruit") != -1 ? 120 : 400; // 탑 버튼이 아래에서 떨어져 있어야 하는 거리
+
+    // 문서의 맨 아래로부터 떨어지기 위한 계산
+    if (scrollY + windowHeight >= documentHeight - bottomSpace) {
+      topButton.style.bottom = `${
+        bottomSpace + (scrollY + windowHeight - documentHeight)
+      }px`;
+    } else {
+      topButton.style.bottom = "80px"; // 원래의 위치
+    }
+  }
+  window.addEventListener("scroll", adjustButtonPosition);
+  window.addEventListener("load", adjustButtonPosition);
+  // 새로운 코드 추가 - topButton의 표시/숨기기 로직
+  function toggleTopButtonClass() {
+    // console.log('*');
+    if (window.scrollY === 0) {
+      topButton.style.display = "none";
+    } else {
+      topButton.style.display = "initial";
+    }
+  }
+  window.addEventListener("scroll", toggleTopButtonClass);
+  window.addEventListener("load", toggleTopButtonClass);
+
+  // FOOTER - 패밀리사이트 열고닫기
+  $(function () {
+    $(".menu_my").mouseover(function () {
+      $(".menu_my_list").show();
+    });
+
+    $(".menu_my").mouseout(function () {
+      $(".menu_my_list").hide();
+    });
+
+    //footer family site toggle
+    $(".family_btn").click(function (event) {
+      event.stopPropagation(); // family_btn 클릭 시 이벤트 전파를 막음
+      $(".family_list").toggleClass("family_on");
+      $(".family_btn").toggleClass("family_on");
+    });
+
+    // 화면 아무 곳이나 클릭했을 때 family_list를 제외한 영역 클릭 시 리스트 닫기
+    $(document).click(function (event) {
+      if (
+        !$(event.target).closest(".family_list").length &&
+        !$(event.target).closest(".family_btn").length
+      ) {
+        // family_list와 family_btn 외의 영역을 클릭한 경우
+        $(".family_list").removeClass("family_on");
+        $(".family_btn").removeClass("family_on");
+      }
+    });
+  });
+</script>

_include/eng/header.html

@@ -0,0 +1,45 @@
+<!--영문화-->
+<style>
+    header .logo_box a.logo{mask-image: url(/assets/img/eng/logo_c.svg);}
+    header .header_inner nav ol li.depth1 ul.depth2 li a{line-height: 120%;}
+    
+</style>
+
+<!-- CORP -->
+<div class="header_inner corp">
+  <div class="logo_box">
+    <!-- a = 홈페이지 로고 -->
+    <!-- a의 이미지는은 style.css에서 제어하세요 -->
+    <a class="logo" href="/baron/eng/index.html">Baron Consultants</a>
+  </div>
+
+  <!-- 오픈메뉴 경우 -->
+  <nav class="nav"></nav>
+
+  <!-- 버튼형 경우 -->
+    <div class="header_R">
+        <div class="language">
+            <a href="/baron/index.html">KR</a>
+          <a href="#" class="on">EN</a>
+        </div>
+
+        <button class="btn_menu" data-value="sitemap">
+            <div></div>
+            <div></div>
+            <div></div>
+        </button>
+    </div> 
+</div>
+
+<div class="popup_wrap sitemap">
+  <div class="popup_contents_wrap" data-lenis-prevent-wheel>
+    <div class="popup_header">
+      <div class="logo_box">
+        <a class="logo" href="/baron/eng/index.html">Baron Consultants</a>
+      </div>
+      <button class="btn_close"><i class="close"></i></button>
+    </div>
+
+    <nav class="nav"></nav>
+  </div>
+</div>

_include/eng/header_bak_250609.html

@@ -0,0 +1,51 @@
+<!-- CORP -->
+<div class="header_inner corp">
+  <h1>
+    <!-- a = 홈페이지 로고 -->
+    <!-- a의 이미지는은 style.css에서 제어하세요 -->
+    <a href="/baron/index.html">로고자리</a>
+  </h1>
+
+  <!-- 오픈메뉴 경우 -->
+  <nav class="nav"></nav>
+
+  <!-- 버튼형 경우 -->
+  <button class="btn_menu" data-value="sitemap">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+</div>
+<div class="popup_wrap sitemap">
+  <div class="popup_contents_wrap">
+    <h1>
+      <a href="/baron/index.html">로고자리</a>
+      <button class="btn_close"><i class="close"></i></button>
+    </h1>
+    <nav class="nav"></nav>
+  </div>
+</div>
+
+<!-- RECRUIT -->
+<div class="header_inner recruit">
+  <div class="nav_wrap">
+    <h1>
+      <a href="br_recruit.html">로고자리</a>
+      <span class="blind">인재채용</span>
+    </h1>
+    <nav>
+      <ol>
+        <li class="depth1">
+          <span><a href="recruit_apply.html">합류하기</a></span>
+        </li>
+        <li class="depth1">
+          <span><a href="recruit_faq.html">문의하기</a></span>
+        </li>
+      </ol>
+    </nav>
+  </div>
+
+  <button class="btn_corp" onclick="window.open('/baron/index.html')">
+    기업 홈페이지
+  </button>
+</div>

_include/eng/header_recruit.html

@@ -0,0 +1,50 @@
+<!-- RECRUIT -->
+<div class="header_inner recruit">
+  <div class="nav_wrap">
+    <div class="logo_box">
+      <a class="logo" href="/baron/index.html" target="_blank"
+        >(주) 바론컨설턴트</a
+      >
+      <a class="recruit" href="br_recruit.html">인재채용</a>
+    </div>
+    <nav>
+      <ol>
+        <li class="depth1">
+          <span><a href="br_recruit.html">인재채용</a></span>
+        </li>
+        <li class="depth1">
+          <span><a href="recruit_apply.html">합류하기</a></span>
+        </li>
+      </ol>
+    </nav>
+  </div>
+
+  <button class="btn_corp" onclick="location.href='recruit_faq.html'">
+    채용 문의하기
+  </button>
+
+  <!--   문의하기 버튼으로 변경
+  <button class="btn_corp" onclick="window.open('/baron/index.html')">
+    기업 홈페이지
+  </button> -->
+  <!-- 버튼형 경우 -->
+  <button class="btn_menu" data-value="sitemap">
+    <div></div>
+    <div></div>
+    <div></div>
+  </button>
+</div>
+
+<div class="popup_wrap sitemap">
+  <div class="popup_contents_wrap" data-lenis-prevent-wheel>
+    <div class="popup_header">
+      <div class="logo_box">
+        <a class="logo" href="/baron/index.html">(주) 바론컨설턴트</a>
+        <a class="blind" href="/baron/recruit/br_recruit.html">인재채용</a>
+      </div>
+      <button class="btn_close"><i class="close"></i></button>
+    </div>
+
+    <nav class="nav"></nav>
+  </div>
+</div>

_include/eng/nav.html

@@ -0,0 +1,55 @@
+<ol>
+  <li class="depth1">
+    <span><em>Designing the Future</em>Baron Consultants</span>
+    <ul class="depth2">
+      <li><a href="/baron/eng/br_future.html">Future Presented by Baron</a></li>
+      <li><a href="/baron/eng/br_tech.html">Technology Realized by Baron</a></li>
+      <li><a href="/baron/eng/br_value.html">The Values Pursued by Baron</a></li>
+    </ul>
+  </li>
+  <li class="depth1">
+    <span><em>Leading the Change</em>Digital Transformation</span>
+    <ul class="depth2">
+      <li><a href="/baron/eng/dt_explain.html">D/X <br>Infrastructure Construction</a></li>
+      <li><a href="/baron/eng/dt_sw.html">D/X & Software</a></li>
+      <li><a href="/baron/eng/dt_use.html">Leveraging D/X<br>Infrastructure Construction</a></li>
+    </ul>
+  </li>
+  <li class="depth1">
+    <span><em>Realizing Value</em>Services Provided</span>
+    <ul class="depth2">
+      <li><a href="/baron/eng/sv_solution.html">Solution Program</a></li>
+      <li><a href="/baron/eng/sv_sw.html">Package Software</a></li>
+      <li><a href="/baron/eng/sv_bigroom.html">Big Room</a></li>
+    </ul>
+  </li>
+  <li class="depth1">
+    <span><em>Experiencing the Vision</em>D/X Experience</span>
+    <ul class="depth2">
+      <li><a href="/baron/eng/dx.html">D/X experience<br>to experience the vision</a></li>
+    </ul>
+  </li>
+
+  <li class="depth1">
+    <span><em>Telling a story</em>PR Center</span>
+    <ul class="depth2">
+      <li><a href="/baron/eng/pr_news.html">Baron News</a></li>
+      <li><a href="/baron/eng/pr_brochure.html">Brochure</a></li>
+      <li><a href="/baron/eng/pr_ci.html">CI</a></li>
+    </ul>
+  </li>
+
+  <li class="depth1">
+    <span
+      ><a href="/baron/recruit/br_recruit.html" target="_blank"
+        ><em>Completed by Relationship</em>Recruit<i></i></a
+    ></span>
+    <ul class="depth2">
+      <li>
+        <a href="/baron/recruit/br_recruit.html" target="_blank"
+          >Recruit<i></i
+        ></a>
+      </li>
+    </ul>
+  </li>
+</ol>

_include/eng/nav_recruit.html

@@ -0,0 +1,11 @@
+<ul>
+  <li class="depth1">
+    <span><a href="/baron/recruit/br_recruit.html">인재채용</a></span>
+  </li>
+  <li class="depth1">
+    <span><a href="/baron/recruit/recruit_apply.html">합류하기</a></span>
+  </li>
+  <li class="depth1">
+    <span><a href="/baron/recruit/recruit_faq.html">채용 문의하기</a></span>
+  </li>
+</ul>