update settings

Author: yuhattor

assets/scss/_custom.scss

@@ -118,7 +118,6 @@ a:hover, .content a:hover {
 
 ol.breadcrumb {
     background: none;
-    padding: 15px 0;
 }
 
 .breadcrumb a {

content/en/_index.md

@@ -99,8 +99,8 @@ fetchYoutubeVideos: true
 </section>
 
 <section class="section-last section">
-  <div class="container section-small shadow rounded-lg px-4 bg-light">
-    <div class="row align-items-center  text-md-left">
+  <div class="container shadow rounded-lg bg-light" style="padding: 20px;">
+    <div class="row">
       <div class="col-md-12">
         <p class="h2 section-title">Stay Connected</p>
         <p>Most of the action in the community happens on our <a href="/slack">Slack Channel</a>. You can also keep informed about the InnerSource Commons news, events and activities by signing up to our newsletter below, follow us on <a href="https://twitter.com/InnerSourceOrg">Twitter</a> and <a href="https://www.linkedin.com/company/innersourcecommons">LinkedIn</a>, and subscribing to our <a href="https://www.youtube.com/channel/UCoSPSd6Or4F_vpjo4SmyoEA">YouTube Channel</a>.</p>

layouts/_default/single.html

@@ -3,7 +3,7 @@
 {{ partial "breadcrumbs.html" . }}
 {{ partial "page-header.html" . }}
 <section class="section">
-  <div class="container"">
+  <div class="container">
     <div class="row">
       <div class="col-lg-12 mx-auto">
         <div class="content">{{ .Content }}</div>

layouts/partials/header.html

@@ -165,9 +165,13 @@ <h4>{{ .title }}</h4>
         <li class="menu-item-has-children">
           <a href="#" style="border-bottom: 0px solid #e0e0e0;"><span>{{ .Name }}</span></a>
           <div class="sub-menu" style="padding:0px;margin:0px;">
-            <div style="width:100%;margin:0px" id="calendar-container">
-            </div>
+            <div style="width:100%;margin:0px;padding:0px;" id="calendar-container">
+              <div id="calendar-loading" style="text-align:center;padding:40px;color:#666;">
+                <i class="ti-reload" style="animation: spin 2s linear infinite;display:block;font-size:24px;margin-bottom:10px;"></i>
+                <span>Loading...</span>
+              </div>
             </div>
+          </div>
         </li>
         {{else}}
         <li class="menu-item">
@@ -208,13 +212,44 @@ <h4>{{ .title }}</h4>
   </div>
 </header>
 
+<style>
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+</style>
+
 <script>
   document.addEventListener('DOMContentLoaded', function () {
     const hamburger = document.querySelector('.hamburger');
     const menu = document.querySelector('.main-menu__wrapper');
     const subMenuParents = document.querySelectorAll('.menu-item-has-children > a');
     const isMobile = window.innerWidth <= 992;
 
+    const calendarContainer = document.getElementById('calendar-container');
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.addedNodes.length > 0) {
+          const loadingElement = document.getElementById('calendar-loading');
+          if (loadingElement) {
+            loadingElement.style.transition = 'opacity 0.5s ease-out';
+            loadingElement.style.opacity = '1';
+            
+            setTimeout(() => {
+              loadingElement.style.opacity = '0';
+              setTimeout(() => {
+                loadingElement.style.display = 'none';
+              }, 500);
+            }, 2000);
+          }
+        }
+      });
+    });
+
+    if (calendarContainer) {
+      observer.observe(calendarContainer, { childList: true, subtree: true });
+    }
+
     // ハンバーガーメニューの開閉
     hamburger.addEventListener('click', function () {
       this.classList.toggle('is-active');
@@ -271,4 +306,4 @@ <h4>{{ .title }}</h4>
   </div>
 </section>
 {{ end }}
-{{ end }}
+{{ end }}