diff --git a/index.html b/index.html index f34721a..c46b470 100644 --- a/index.html +++ b/index.html @@ -940,6 +940,17 @@ margin: 0; } + .about-developer { + font-size: 14px; + color: #667eea; + margin: 4px 0 0 0; + font-weight: 500; + } + + .about-developer strong { + color: #5a6fd6; + } + .about-link { font-size: 14px; color: #667eea; @@ -954,6 +965,74 @@ background: #667eea; color: white; } + + .license-modal-overlay { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 10000; + justify-content: center; + align-items: center; + } + + .license-modal-overlay.active { + display: flex; + } + + .license-modal { + background: white; + border-radius: 12px; + width: 90%; + max-width: 600px; + max-height: 80vh; + overflow-y: auto; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); + } + + .license-modal-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px 20px; + border-bottom: 1px solid #e9ecef; + } + + .license-modal-header h3 { + font-size: 16px; + font-weight: 600; + color: #333; + } + + .license-modal-close { + width: 28px; + height: 28px; + border: none; + background: transparent; + font-size: 18px; + color: #666; + cursor: pointer; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + } + + .license-modal-close:hover { + background: #e9ecef; + } + + .license-modal-body { + padding: 20px; + font-family: 'Consolas', 'Courier New', monospace; + font-size: 13px; + line-height: 1.6; + color: #333; + white-space: pre-wrap; + }
@@ -1163,7 +1242,10 @@ @@ -1177,6 +1259,37 @@ + +