zerocodejs 1.0.1-beta.1 → 1.0.1-beta.10

package/dist/css/page.css

@@ -1,290 +0,0 @@
-.kv {
-  margin: 0 auto;
-}
-
-.kv__image {
-  border: 1px solid var(--c-color-gray-2);
-  border-radius: var(--c-radius);
-  overflow: hidden;
-  background: var(--c-color-white);
-  box-shadow: var(--c-shadow);
-}
-
-.kv__img {
-  width: 100%;
-  height: auto;
-  display: block;
-}
-
-.message__text {
-  color: var(--c-color-gray);
-  font-size: 16px;
-  line-height: 1.9;
-  text-align: center;
-}
-
-.message__text p + p {
-  margin-top: 0.9em;
-}
-
-.section {
-  padding: 48px 0;
-}
-
-.section__head {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 14px;
-  text-align: center;
-}
-
-.section__title {
-  color: var(--c-color-black);
-  font-weight: 800;
-  font-size: 30px;
-  line-height: 1.3;
-  letter-spacing: -0.01em;
-}
-
-.section__subtitle {
-  margin-top: 6px;
-  color: var(--c-color-gray);
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-
-.section__contents {
-  width: 100%;
-}
-
-.section__items {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.section__items--rows {
-  border: 1px solid var(--c-color-gray-2);
-  overflow: hidden;
-  background: var(--c-color-white);
-  box-shadow: var(--c-shadow);
-}
-
-.numbered {
-  width: 100%;
-}
-
-.numbered__items {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  counter-reset: numbered-item;
-}
-
-.numbered-item {
-  background-color: var(--c-color-white);
-  position: relative;
-  padding: 16px;
-  padding-left: 40px;
-  counter-increment: numbered-item;
-}
-
-.numbered-item__number {
-  position: absolute;
-  top: 20px;
-  left: 0;
-  color: rgb(245, 199, 124);
-  font-size: 30px;
-  line-height: 1;
-}
-
-.numbered-item__number::before {
-  content: counter(numbered-item);
-}
-
-.numbered-item__title {
-  color: var(--c-color-black);
-  font-weight: 800;
-  font-size: 16px;
-  line-height: 1.4;
-  margin-bottom: 8px;
-}
-
-.numbered-item__text {
-  color: var(--c-color-gray);
-  font-size: 14px;
-  line-height: 1.75;
-}
-
-.event {
-  width: 100%;
-}
-
-.event__items {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.event-item {
-  border: 1px solid var(--c-color-gray-2);
-  border-radius: var(--c-radius);
-  background: var(--c-color-white);
-  box-shadow: var(--c-shadow);
-  padding: 14px 16px;
-}
-
-.event-item__meta {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 6px;
-}
-
-.event-item__date {
-  color: rgba(100, 116, 139, 0.95);
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.02em;
-}
-
-.event-item__tags {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-
-.event-item__title {
-  margin-top: 6px;
-  color: var(--c-color-black);
-  font-weight: 800;
-  font-size: 16px;
-  line-height: 1.4;
-}
-
-.event-item__text {
-  margin-top: 8px;
-  color: var(--c-color-gray);
-  font-size: 14px;
-  line-height: 1.75;
-}
-
-.event-item__actions {
-  margin-top: 10px;
-}
-
-.info {
-  width: 100%;
-}
-
-.info__items {
-  border: 1px solid var(--c-color-gray-2);
-  overflow: hidden;
-  background: var(--c-color-white);
-  box-shadow: var(--c-shadow);
-}
-
-.info-item {
-  display: grid;
-  grid-template-columns: 120px 1fr;
-  gap: 12px;
-  padding: 12px 14px;
-  border-top: 1px solid var(--c-color-gray-2);
-  background: var(--c-color-white);
-}
-
-.info__items .info-item:first-child {
-  border-top: none;
-}
-
-.info-item__label {
-  color: rgba(100, 116, 139, 0.95);
-  font-size: 12px;
-  font-weight: 800;
-  letter-spacing: 0.02em;
-}
-
-.info-item__value {
-  color: var(--c-color-black);
-  font-size: 14px;
-  line-height: 1.7;
-}
-
-.tag {
-  display: inline-flex;
-  align-items: center;
-  padding: 6px 10px;
-  border-radius: 999px;
-  border: 1px solid rgba(37, 99, 235, 0.25);
-  background: rgba(37, 99, 235, 0.06);
-  color: var(--c-color-red);
-  font-size: 12px;
-  font-weight: 800;
-}
-
-.faq {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.faq__items {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.faq-item {
-  border: 1px solid rgba(15, 23, 42, 0.14);
-  border-radius: 8px;
-  overflow: hidden;
-  background: white;
-}
-
-.faq-item__q {
-  width: 100%;
-  padding: 16px 20px;
-  text-align: left;
-  font-size: 16px;
-  font-weight: 600;
-  color: #0b1220;
-  background: white;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  transition: background 0.2s;
-}
-
-.faq-item__q:hover {
-  background: #f9fafb;
-}
-
-.faq-item__q::after {
-  content: '+';
-  font-size: 20px;
-  font-weight: 300;
-  color: #64748b;
-  transition: transform 0.2s;
-}
-
-.faq-item.s_open .faq-item__q::after {
-  transform: rotate(45deg);
-}
-
-.faq-item__a {
-  padding: 0 20px 16px;
-  font-size: 14px;
-  line-height: 1.8;
-  color: #64748b;
-}
-
-.faq-item__a p + p {
-  margin-top: 1em;
-}

package/dist/css/sample.css

@@ -1,26 +0,0 @@
-.test-header {
-  background: #3498db;
-}
-
-.zcode-callsite-controls {
-  position: fixed;
-  left: 16px;
-  bottom: 76px;
-  z-index: 999999;
-  display: grid;
-  gap: 8px;
-}
-
-.zcode-callsite-btn {
-  padding: 10px 12px;
-  border-radius: 10px;
-  border: 1px solid rgba(15, 23, 42, 0.2);
-  background: #fff;
-  color: #0b1220;
-  font-weight: 700;
-  cursor: pointer;
-}
-
-.zcode-callsite-btn:hover {
-  background: rgba(15, 23, 42, 0.03);
-}

package/dist/css/site-common.css

@@ -1,218 +0,0 @@
-/* ZeroCode.js - サイト共通CSS */
-
-/* 基本リセット */
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  font-family:
-    'Inter',
-    'Noto Sans JP',
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Roboto',
-    'Oxygen',
-    'Ubuntu',
-    'Cantarell',
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;
-  line-height: 1.6;
-  color: #2c3e50;
-  background: #ffffff;
-  min-height: 100vh;
-  position: relative;
-}
-
-/* 背景アニメーション（画面全体） */
-.bg-particles {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 0;
-  overflow: hidden;
-}
-
-.bg-particle {
-  position: absolute;
-  border-radius: 50%;
-  animation: bgFloat 25s infinite ease-in-out;
-  filter: blur(3px);
-}
-
-.bg-particle:nth-child(1) {
-  width: 500px;
-  height: 500px;
-  top: -200px;
-  left: -150px;
-  background: rgba(52, 152, 219, 0.08);
-}
-.bg-particle:nth-child(2) {
-  width: 400px;
-  height: 400px;
-  top: 25%;
-  right: -150px;
-  background: rgba(155, 89, 182, 0.06);
-  animation-delay: -5s;
-}
-.bg-particle:nth-child(3) {
-  width: 350px;
-  height: 350px;
-  bottom: 5%;
-  left: 15%;
-  background: rgba(46, 204, 113, 0.06);
-  animation-delay: -10s;
-}
-.bg-particle:nth-child(4) {
-  width: 280px;
-  height: 280px;
-  top: 45%;
-  left: 5%;
-  background: rgba(241, 196, 15, 0.05);
-  animation-delay: -15s;
-}
-.bg-particle:nth-child(5) {
-  width: 450px;
-  height: 450px;
-  bottom: -150px;
-  right: 5%;
-  background: rgba(231, 76, 60, 0.05);
-  animation-delay: -8s;
-}
-.bg-particle:nth-child(6) {
-  width: 300px;
-  height: 300px;
-  top: 10%;
-  left: 35%;
-  background: rgba(52, 73, 94, 0.04);
-  animation-delay: -12s;
-}
-
-@keyframes bgFloat {
-  0%,
-  100% {
-    transform: translate(0, 0) scale(1);
-  }
-  25% {
-    transform: translate(50px, -50px) scale(1.1);
-  }
-  50% {
-    transform: translate(-40px, 40px) scale(0.9);
-  }
-  75% {
-    transform: translate(30px, 20px) scale(1.05);
-  }
-}
-
-/* コンテンツを前面に */
-.header,
-.hero,
-.section,
-.footer {
-  position: relative;
-  z-index: 1;
-}
-
-/* ヘッダー */
-.header {
-  background: rgba(255, 255, 255, 0.9);
-  border-bottom: 1px solid #e0e0e0;
-  padding: 12px 0;
-  position: sticky;
-  top: 0;
-  z-index: 100;
-  backdrop-filter: blur(10px);
-}
-
-.header-content {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 20px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.header-logo {
-  font-size: 22px;
-  font-weight: 700;
-  color: #2c3e50;
-  text-decoration: none;
-  text-shadow:
-    1px 1px 0 rgba(255, 255, 255, 0.8),
-    2px 2px 4px rgba(0, 0, 0, 0.15);
-  letter-spacing: -0.5px;
-}
-
-.header-nav {
-  display: flex;
-  gap: 24px;
-  align-items: center;
-}
-
-.header-link {
-  font-size: 15px;
-  color: #2c3e50;
-  text-decoration: none;
-  font-weight: 500;
-  transition: color 0.2s;
-}
-
-.header-link:hover {
-  color: #3498db;
-}
-
-/* フッター */
-.footer {
-  background: #2c3e50;
-  color: #ecf0f1;
-  padding: 40px 20px;
-  text-align: center;
-}
-
-.footer-content {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.footer-links {
-  display: flex;
-  gap: 24px;
-  justify-content: center;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-}
-
-.footer-link {
-  color: #ecf0f1;
-  text-decoration: none;
-  transition: color 0.2s;
-}
-
-.footer-link:hover {
-  color: #3498db;
-}
-
-.footer-copyright {
-  font-size: 14px;
-  color: #95a5a6;
-}
-
-/* レスポンシブ */
-@media (max-width: 768px) {
-  .header-nav {
-    gap: 16px;
-  }
-
-  .header-link {
-    font-size: 14px;
-  }
-}

package/dist/footer.html

@@ -1,10 +0,0 @@
-<footer class="footer">
-  <div class="footer-content">
-    <div class="footer-links">
-      <a href="https://github.com/atsumi-code/zerocode" class="footer-link" target="_blank" rel="noopener noreferrer">GitHub</a>
-      <a href="https://github.com/atsumi-code/zerocode/blob/main/LICENSE" class="footer-link" target="_blank" rel="noopener noreferrer">ライセンス</a>
-    </div>
-    <div class="footer-copyright">© 2025 ZeroCode.js</div>
-  </div>
-</footer>
-

package/dist/header.html

@@ -1,10 +0,0 @@
-<header class="header">
-  <div class="header-content">
-    <a href="./" class="header-logo">ZeroCode.js</a>
-    <nav class="header-nav">
-      <a href="./#demo" class="header-link">デモ</a>
-      <a href="./docs.html" class="header-link">ドキュメント</a>
-    </nav>
-  </div>
-</header>
-

package/dist/js/accordion.js

@@ -1,24 +0,0 @@
-$(function () {
-  // jQueryのイベント委譲を設定
-  $(document).on('click', '.js_toggleBtn', function () {
-    const toggleBtn = $(this)
-    const $tglArea = $(this).closest('.js_toggleArea')
-
-    // アニメーション中は処理をスキップ
-    if ($tglArea.find(':animated').length > 0) {
-      return
-    }
-
-    // 開閉処理
-    if ($tglArea.hasClass('s_close')) {
-      $tglArea.find('.js_toggleContents').slideDown(500)
-      toggleBtn.not('dt').attr('aria-expanded', true)
-      $tglArea.removeClass('s_close')
-    } else {
-      $tglArea.find('.js_toggleContents').slideUp(500, function () {
-        $tglArea.addClass('s_close')
-        toggleBtn.not('dt').attr('aria-expanded', false)
-      })
-    }
-  })
-})