rlagkdud898 / TAKENSOFT star
mycoms 2024-04-11
240411 김하영
@5860f3665c93cad097597fba46e3f3d96bd37862
f21fc1a
5860f36
resources/css/responsive.css
--- resources/css/responsive.css
+++ resources/css/responsive.css
@@ -616,7 +616,6 @@
 
     .traffic-button button {
 
         padding: 7px 46px;
 
         font-size: 1.2rem;
 
-        margin: 2rem 0;
 
     }
 
 
     .traffic-button {
f21fc1a
5860f36
views/pages/AboutUs.html
--- views/pages/AboutUs.html
+++ views/pages/AboutUs.html
@@ -612,7 +612,6 @@
 
                                         </div>
 
                                     </div>
 
                                 </div>
 
-                                <div class="swiper-scrollbar"></div>
 
                             </div>
 
                         </div>
 
                     </div>
@@ -635,7 +634,7 @@
 
 
 
 <script>
 
-
 
+    // history에서 슬라이드시 영역 별 year active 시키는 코드
 
     document.addEventListener('DOMContentLoaded', function () {
 
         const years = document.querySelectorAll('.year');
 
         const contents = document.querySelector('.contents');
@@ -671,35 +670,11 @@
 
         if (initialYearElement) {
 
             updateActiveYear('2020');
 
         } else {
 
-            // console.error('2020년에 해당하는 요소를 찾을 수 없습니다.');
 
         }
 
     });
 
 
-    $(document).ready(function () {
 
-        $("#btnHeadquarter").click(function () {
 
-            $("#btnHeadquarter").addClass('on');
 
-            $("#btnDaeguBranch").removeClass('on');
 
-            $("#contentDaeguBranch").hide();
 
 
-            $("#contentHeadquarter").show();
 
-        });
 
-
 
-        $("#btnDaeguBranch").click(function () {
 
-            $("#btnDaeguBranch").addClass('on');
 
-            $("#btnHeadquarter").removeClass('on');
 
-
 
-            $("#contentHeadquarter").hide();
 
-
 
-            $("#contentDaeguBranch").show();
 
-
 
-
 
-
 
-
 
-
 
-        });
 
-    });
 
-
 
-
 
+    // business 아코디언 
     function slidesPlugin(activeSlide = 0) {
 
         const slides = document.querySelectorAll('.accordion');
 
         let previousSlide = slides[activeSlide];
@@ -739,7 +714,7 @@
 
 
     slidesPlugin();
 
 
-
 
+    // 페이지 스와이퍼
 
     var swiper = new Swiper(".mySwiper", {
 
         direction: "vertical",
 
         slidesPerView: 1,
@@ -748,59 +723,18 @@
 
         mousewheel: {
 
             releaseOnEdges: true, // 스와이퍼의 시작점과 끝점에서 마우스 휠 이벤트를 무시합니다.
 
         },
 
-        slidesOffsetAfter: 220,
 
-        allowTouchMove: true,
 
+        // slidesOffsetAfter: 220, 
 
-        on: {
 
-
 
-            slideChange: function () {
 
-                var currentIndex = this.realIndex;
 
-                if (currentIndex === 0) {
 
-                    $('#header').removeClass('active');
 
-                } else {
 
-                    $('#header').addClass('active');
 
-                }
 
-                var lastIndex = this.slides.length - 1; // 마지막 슬라이드의 인덱스
 
-                if (this.activeIndex === lastIndex) {
 
-                    $("#footer").show(); // 마지막 슬라이드에 도달하면 푸터를 보여줌
 
-                } else {
 
-                    $("#footer").hide(); // 그렇지 않으면 푸터를 숨김
 
-                }
 
-            },
 
-       
-        }
 
     });
 
+    // history 스와이퍼
 
     var inner = new Swiper(".inner", {
 
         direction: "vertical",
 
-        slidesPerView: "auto", 
+        slidesPerView: "auto",
 
         freeMode: true,
 
         scrollbar: {
 
             el: ".swiper-scrollbar",
 
         },
 
-
 
-        // touchMoveStopPropagation: false, // 스와이퍼 내의 터치 이벤트가 바깥으로 전파되지 않도록
 
-        preventClicks: true, // 스와이퍼에서 터치를 통한 클릭을 방지
 
-        // preventClicksPropagation: true, // 스와이퍼에서 클릭 이벤트의 전파를 방지
 
-        // 스와이프 동작 중에는 페이지 스크롤을 방지
 
-        // onTouchMove: function (swiper, event) {
 
-        //     if (swiper.isHorizontal() && (swiper.touches.diff < 0 || swiper.touches.diff > 0)) {
 
-        //         event.preventDefault();
 
-        //     }
 
-        // }
 
     });
 
-
 
-
 
-    // window.onload = function () {
 
-    //     document.querySelectorAll('.mobile-contents').forEach(function (element) {
 
-    //         element.addEventListener('click', function () {
 
-    //             // 클릭 이벤트 핸들러 코드
 
-    //             swiper.mousewheel.enable();
 
-
 
-    //             console.log('클릭 이벤트 발생!');
 
-    //         });
 
-    //     });
 
-    // }
 
-  
 
     // 슬라이더 1이 움직이기 시작할 때 슬라이더 2의 움직임을 금지
 
     inner.on('slideChangeTransitionStart', function () {
f21fc1a
5860f36
views/pages/Solution.html
--- views/pages/Solution.html
+++ views/pages/Solution.html
@@ -25,9 +25,9 @@
 
     <div class="swiper mySwiper" id="solution">
 
         <div class="swiper-wrapper">
 
             <div class="swiper-slide">
 
-                <div class=" text-area pb60 pt60 slide-section flex align-center solution">
 
+                <div class=" text-area pb60 pt60 slide-section flex align-center solution" style="align-content: center;">
 
 
-                    <div class="solution-title">
 
+                    <div class="solution-title mb20">
 
                         <p>Taken BI Manager v1.0</p>
 
                     </div>
 
                     <div class="flex justify-between align-end taken-wrap-box " style="flex-wrap: nowrap; gap: 20px;">
@@ -70,9 +70,9 @@
 
                 </div>
 
             </div>
 
             <div class="swiper-slide">
 
-                <div class=" text-area pb60 pt60 slide-section flex align-center">
 
+                <div class=" text-area pb60 pt60 slide-section flex align-center" style="align-content: center;">
 
 
-                    <div class="traffic-title">
 
+                    <div class="traffic-title mb20">
 
                         <p>Traffic Agent</p>
 
                     </div>
@@ -129,9 +129,9 @@
 
                 </div>
 
             </div>
 
             <div class="swiper-slide">
 
-                <div class=" text-area pb60 pt60 slide-section flex align-center">
 
+                <div class=" text-area pb60 pt60 slide-section flex align-center" style="align-content: center;">
 
 
-                    <div class="ai-title">
 
+                    <div class="ai-title mb20">
 
                         <p>AI 안전통합 횡단보도 관리 솔루션</p>
 
                     </div>
@@ -186,15 +186,15 @@
 
                 </div>
 
             </div>
 
             <div class="swiper-slide meta-wrap">
 
-                <div class=" text-area pb60 pt60 slide-section flex align-center">
 
-                    <div class="meta-title">
 
+                <div class=" text-area pb60 pt60 slide-section flex align-center" style="align-content: center;">
 
+                    <div class="meta-title mb20">
 
                         <p>이동데이터 기반 성지순례길 메타버스 플랫폼</p>
 
                     </div>
 
 
 
                     <div class=" video-wrap">
 
                         <div class="traffic-video">
 
-                            <div class="flex justify-between mb10 ">
 
+                            <div class="flex justify-between  ">
 
                                 <p>이동데이터 기반 성지순례길 메타버스 플랫폼</p>
 
                                 <p class="close-btn">x</p>
 
                             </div>
@@ -239,9 +239,9 @@
 
                 </div>
 
             </div>
 
             <div class="swiper-slide">
 
-                <div class=" text-area pb60 pt60 slide-section flex align-center">
 
+                <div class=" text-area pb60 pt60 slide-section flex align-center" style="align-content: center;">
 
 
-                    <div class="smart-title ">
 
+                    <div class="smart-title mb30" style="word-break: keep-all;">
 
                         <p>스마트제조 데이터 모니터링 서비스</p>
 
                     </div>
 
                     <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px;">
Add a comment
List