260616

data/carousel/customizable.yaml

@@ -1,4 +1,4 @@
 weight: 4
 title: ""
 description: ""
-image: "img/ss/hp1.webp"
+image: "img/ss/hp4.webp"

data/carousel/design.yaml

@@ -1,4 +1,4 @@
 weight: 3
 title: ""
 description: ""
-image: "img/ss/hp4.webp"
+image: "img/ss/hp1.webp"

data/carousel/features.yaml

@@ -1,5 +1,6 @@
 weight: 2
 title: ""
 description: ""
-image: "img/ss/hp1.webp"
-video: "/img/carousel/fire_1.mp4"
+image: "/img/carousel/poster_liftoff.webp"
+video: "/img/carousel/liftoff_4.mp4"
+poster: "/img/carousel/poster_liftoff.webp"

data/carousel/multipurpose.yaml

@@ -1,4 +1,6 @@
 weight: 1
 title: ""
 description: ""
-image: "img/ss/hp1.webp"
+image: "/img/carousel/poster_fire.webp"
+video: "/img/carousel/fire_1.mp4"
+poster: "/img/carousel/poster_fire.webp"

layouts/partials/carousel.html

@@ -12,15 +12,15 @@
 {{ range sort .Site.Data.carousel "weight" }}
 <div class="item">
      {{ if .video }}
-        <video class="hero-video"
+        <video
+            class="hero-video"
             muted
-            loop
             playsinline
-            preload="metadata"
-            poster="/img/carousel/poster_fire.webp"
-            style="width: 100%; height: auto;">
-        <source src="{{ .video | absURL }}" type="video/mp4">
-        Your browser does not support the video tag.
+            preload="auto"
+            poster="{{ .poster | absURL }}"
+            style="width:100%;height:auto;"
+        >
+            <source src="{{ .video | absURL }}" type="video/mp4">
         </video>
     {{ else }}
         <img src="{{ .image | absURL }}" class="carousel-img" alt="ヒーロー画像">
@@ -63,6 +63,8 @@
     margin-top: -150px;
 }
 
+
+
 .home-carousel,
 .home-carousel .owl-carousel,
 .home-carousel .owl-stage-outer{
@@ -226,6 +228,8 @@
 margin-top:0 !important;
 }
 
+
+
 </style>
 
 {{ end }}

layouts/partials/seo.html

@@ -27,7 +27,7 @@
 {{- else if .Params.banner -}}
   {{- $og_image = .Params.banner | absURL -}}
 {{- else -}}
-  {{- $og_image = .Site.Params.ogp_image | default "/img/ss/hp6.webp" | absURL -}}
+  {{- $og_image = .Site.Params.ogp_image | default "/img/ss/hp7.webp" | absURL -}}
 {{- end -}}
 
 <meta property="og:image" content="{{ $og_image }}">

public/blog/2026_activity_report_01/index.html

@@ -390,8 +390,8 @@ <h2 id="新歓活動について">新歓活動について</h2>
 <p>今年度の新歓活動にご参加いただいた皆さま，ありがとうございました．</p>
 <p>おかげさまで多くの新入生に私たちの活動を知っていただき，新たに法政大学からメンバーが入会しました．合計人が新入生として入会しました．</p>
 <p>また、新歓活動の実施にあたり，ご協力いただいた各大学の学生団体の皆さま，合同新歓にご協力いただいた，ものづくり団体の皆様，心より感謝申し上げます．</p>
-<p>これから新たなメンバーとともに、本格的な活動が始まります。今年度も挑戦する姿勢を大切にしながら、より充実した活動を目指してまいります。</p>
-<p>改めまして、新歓活動に関わってくださったすべての皆さまに御礼申し上げます。今後ともよろしくお願いいたします。</p>
+<p>これから新たなメンバーとともに，本格的な活動が始まります．今年度も挑戦する姿勢を大切にしながら，より充実した活動を目指してまいります．</p>
+<p>改めまして，新歓活動に関わってくださったすべての皆さまに御礼申し上げます．今後ともよろしくお願いいたします．</p>
 <p>2026年度新歓代表　河本
 <br><br><br><br></p>
 <div style = "text-align: center"><img src = "/img/2025/activity_3.jpg" width = "600"></div>

public/index.html

@@ -47,7 +47,7 @@
   "url": "http:\/\/localhost:1313\/",
   "description": "COREは関東圏の大学生が集まり，ハイブリッドロケットの製作・打上げを行っているサークルです．航空宇宙に興味があり，ロケットを自分の手で打ち上げたい学生が多く集まっています．実践的なプロジェクトを通して技術・知識・マネジメントを学べます．",
   "image": "http:\/\/localhost:1313\/img\/ss\/hp6.webp",
-  "datePublished": "2026-05-30",
+  "datePublished": "",
   "author": {
     "@type": "Person",
     "name": "Admin"
@@ -289,34 +289,43 @@
 
 <div class="item">
 
-        <img src="http://localhost:1313/img/ss/hp1.webp" class="carousel-img" alt="ヒーロー画像">
+        <video
+            class="hero-video"
+            muted
+            playsinline
+            preload="auto"
+            poster="http://localhost:1313/img/carousel/poster_fire.webp"
+            style="width:100%;height:auto;"
+        >
+            <source src="http://localhost:1313/img/carousel/fire_1.mp4" type="video/mp4">
+        </video>
 
 </div>
 
 <div class="item">
 
-        <video class="hero-video"
+        <video
+            class="hero-video"
             muted
-            loop
             playsinline
-            preload="metadata"
-            poster="/img/carousel/poster_fire.webp"
-            style="width: 100%; height: auto;">
-        <source src="http://localhost:1313/img/carousel/fire_1.mp4" type="video/mp4">
-        Your browser does not support the video tag.
+            preload="auto"
+            poster="http://localhost:1313/img/carousel/poster_liftoff.webp"
+            style="width:100%;height:auto;"
+        >
+            <source src="http://localhost:1313/img/carousel/liftoff_4.mp4" type="video/mp4">
         </video>
 
 </div>
 
 <div class="item">
 
-        <img src="http://localhost:1313/img/ss/hp4.webp" class="carousel-img" alt="ヒーロー画像">
+        <img src="http://localhost:1313/img/ss/hp1.webp" class="carousel-img" alt="ヒーロー画像">
 
 </div>
 
 <div class="item">
 
-        <img src="http://localhost:1313/img/ss/hp1.webp" class="carousel-img" alt="ヒーロー画像">
+        <img src="http://localhost:1313/img/ss/hp4.webp" class="carousel-img" alt="ヒーロー画像">
 
 </div>
 
@@ -356,6 +365,8 @@
     margin-top: -150px;
 }
 
+
+
 .home-carousel,
 .home-carousel .owl-carousel,
 .home-carousel .owl-stage-outer{
@@ -519,6 +530,8 @@
 margin-top:0 !important;
 }
 
+
+
 </style>
 
 

public/js/front.js

@@ -119,23 +119,63 @@ function sliders () {
       itemsMobile: [480, 1]
     })
 
-    $('.homepage').owlCarousel({
-      navigation: false, // Show next and prev buttons
-      navigationText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'],
-      slideSpeed: ($('.homepage').attr('data-slide-speed') || 2000),
-      paginationSpeed: ($('.homepage').attr('data-pagination-speed') || 1000),
-      autoPlay: ($('.homepage').attr('data-autoplay') || 'true') === 'true',
-      stopOnHover: true,
-      singleItem: true,
-      lazyLoad: false,
-      addClassActive: true,
-      afterInit: function () {
-        // animationsSlider()
-      },
-      afterMove: function () {
-        // animationsSlider()
-      }
-    })
+   $('.homepage').owlCarousel({
+        navigation: false,
+        navigationText: [
+            '<i class="fas fa-angle-left"></i>',
+            '<i class="fas fa-angle-right"></i>'
+        ],
+        slideSpeed: 800,
+        paginationSpeed: 800,
+        autoPlay: false,
+        stopOnHover: true,
+        singleItem: true,
+        lazyLoad: false,
+        addClassActive: true,
+
+        afterInit: function () {
+            playActiveVideo();
+        },
+
+        afterMove: function () {
+            playActiveVideo();
+        }
+    });
+
+    function playActiveVideo() {
+
+    $('.hero-video').each(function () {
+        this.pause();
+        this.currentTime = 0;
+    });
+
+    clearTimeout(window.carouselTimer);
+
+    const activeVideo = $('.owl-item.active .hero-video')[0];
+
+    if (!activeVideo) return;
+
+    activeVideo.play().catch(console.error);
+
+    const duration = activeVideo.duration;
+
+    if (!isNaN(duration) && duration > 0) {
+
+        window.carouselTimer = setTimeout(function () {
+            $('.homepage').trigger('owl.next');
+        }, duration * 1000);
+
+    } else {
+
+        activeVideo.onloadedmetadata = function () {
+
+            window.carouselTimer = setTimeout(function () {
+                $('.homepage').trigger('owl.next');
+            }, activeVideo.duration * 1000);
+
+        };
+    }
+}
   }
 }
 

static/js/front.js

@@ -119,23 +119,63 @@ function sliders () {
       itemsMobile: [480, 1]
     })
 
-    $('.homepage').owlCarousel({
-      navigation: false, // Show next and prev buttons
-      navigationText: ['<i class="fas fa-angle-left"></i>', '<i class="fas fa-angle-right"></i>'],
-      slideSpeed: ($('.homepage').attr('data-slide-speed') || 2000),
-      paginationSpeed: ($('.homepage').attr('data-pagination-speed') || 1000),
-      autoPlay: ($('.homepage').attr('data-autoplay') || 'true') === 'true',
-      stopOnHover: true,
-      singleItem: true,
-      lazyLoad: false,
-      addClassActive: true,
-      afterInit: function () {
-        // animationsSlider()
-      },
-      afterMove: function () {
-        // animationsSlider()
-      }
-    })
+   $('.homepage').owlCarousel({
+        navigation: false,
+        navigationText: [
+            '<i class="fas fa-angle-left"></i>',
+            '<i class="fas fa-angle-right"></i>'
+        ],
+        slideSpeed: 800,
+        paginationSpeed: 800,
+        autoPlay: false,
+        stopOnHover: true,
+        singleItem: true,
+        lazyLoad: false,
+        addClassActive: true,
+
+        afterInit: function () {
+            playActiveVideo();
+        },
+
+        afterMove: function () {
+            playActiveVideo();
+        }
+    });
+
+    function playActiveVideo() {
+
+    $('.hero-video').each(function () {
+        this.pause();
+        this.currentTime = 0;
+    });
+
+    clearTimeout(window.carouselTimer);
+
+    const activeVideo = $('.owl-item.active .hero-video')[0];
+
+    if (!activeVideo) return;
+
+    activeVideo.play().catch(console.error);
+
+    const duration = activeVideo.duration;
+
+    if (!isNaN(duration) && duration > 0) {
+
+        window.carouselTimer = setTimeout(function () {
+            $('.homepage').trigger('owl.next');
+        }, duration * 1000);
+
+    } else {
+
+        activeVideo.onloadedmetadata = function () {
+
+            window.carouselTimer = setTimeout(function () {
+                $('.homepage').trigger('owl.next');
+            }, activeVideo.duration * 1000);
+
+        };
+    }
+}
   }
 }