| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title><?php echo SITE_TITLE; ?><?php echo $currentRepo ? ' - ' . htmlspecialchars($currentRepo['name']) : ''; ?></title> |
| | - <style> |
| | - * { |
| | - margin: 0; |
| | - padding: 0; |
| | - box-sizing: border-box; |
| | - } |
| | - body { |
| | - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; |
| | - background: #0d1117; |
| | - color: #c9d1d9; |
| | - line-height: 1.6; |
| | - } |
| | - |
| | - .container { |
| | - max-width: 1200px; |
| | - margin: 0 auto; |
| | - padding: 20px; |
| | - } |
| | - |
| | - header { |
| | - border-bottom: 1px solid #30363d; |
| | - padding-bottom: 20px; |
| | - margin-bottom: 30px; |
| | - } |
| | - |
| | - h1 { |
| | - color: #f0f6fc; |
| | - font-size: 1.8rem; |
| | - margin-bottom: 10px; |
| | - } |
| | - |
| | - h2 { |
| | - color: #f0f6fc; |
| | - font-size: 1.4rem; |
| | - margin: 20px 0 15px; |
| | - padding-bottom: 10px; |
| | - border-bottom: 1px solid #21262d; |
| | - } |
| | - |
| | - h3 { |
| | - color: #f0f6fc; |
| | - font-size: 1.1rem; |
| | - margin: 15px 0 10px; |
| | - } |
| | - |
| | - .nav { |
| | - margin-top: 10px; |
| | - display: flex; |
| | - gap: 20px; |
| | - flex-wrap: wrap; |
| | - align-items: center; |
| | - } |
| | - |
| | - .nav a { |
| | - color: #58a6ff; |
| | - text-decoration: none; |
| | - } |
| | - |
| | - .nav a:hover { |
| | - text-decoration: underline; |
| | - } |
| | - |
| | - .repo-selector { |
| | - margin-left: auto; |
| | - display: flex; |
| | - align-items: center; |
| | - gap: 10px; |
| | - } |
| | - |
| | - .repo-selector label { |
| | - color: #8b949e; |
| | - font-size: 0.875rem; |
| | - } |
| | - |
| | - .repo-selector select { |
| | - background: #21262d; |
| | - color: #f0f6fc; |
| | - border: 1px solid #30363d; |
| | - padding: 6px 12px; |
| | - border-radius: 6px; |
| | - font-size: 0.875rem; |
| | - cursor: pointer; |
| | - } |
| | - |
| | - .repo-selector select:hover { |
| | - border-color: #58a6ff; |
| | - } |
| | - |
| | - .commit-list { |
| | - list-style: none; |
| | - } |
| | - |
| | - .commit-item { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - padding: 16px; |
| | - margin-bottom: 12px; |
| | - transition: border-color 0.2s; |
| | - } |
| | - |
| | - .commit-item:hover { |
| | - border-color: #58a6ff; |
| | - } |
| | - |
| | - .commit-hash { |
| | - font-family: 'SFMono-Regular', Consolas, monospace; |
| | - font-size: 0.85rem; |
| | - color: #58a6ff; |
| | - text-decoration: none; |
| | - } |
| | - |
| | - .commit-hash:hover { |
| | - text-decoration: underline; |
| | - } |
| | - |
| | - .commit-meta { |
| | - font-size: 0.875rem; |
| | - color: #8b949e; |
| | - margin-top: 8px; |
| | - } |
| | - |
| | - .commit-author { |
| | - color: #f0f6fc; |
| | - font-weight: 500; |
| | - } |
| | - |
| | - .commit-date { |
| | - color: #8b949e; |
| | - } |
| | - |
| | - .commit-message { |
| | - margin-top: 8px; |
| | - color: #c9d1d9; |
| | - white-space: pre-wrap; |
| | - } |
| | - |
| | - .file-list { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - overflow: hidden; |
| | - } |
| | - |
| | - .file-item { |
| | - display: flex; |
| | - align-items: center; |
| | - padding: 12px 16px; |
| | - border-bottom: 1px solid #21262d; |
| | - text-decoration: none; |
| | - color: #c9d1d9; |
| | - transition: background 0.2s; |
| | - } |
| | - |
| | - .file-item:last-child { |
| | - border-bottom: none; |
| | - } |
| | - |
| | - .file-item:hover { |
| | - background: #1f242c; |
| | - } |
| | - |
| | - .file-mode { |
| | - font-family: monospace; |
| | - color: #8b949e; |
| | - width: 80px; |
| | - font-size: 0.875rem; |
| | - } |
| | - |
| | - .file-name { |
| | - flex: 1; |
| | - color: #58a6ff; |
| | - } |
| | - |
| | - .file-item:hover .file-name { |
| | - text-decoration: underline; |
| | - } |
| | - |
| | - .breadcrumb { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - padding: 12px 16px; |
| | - margin-bottom: 20px; |
| | - } |
| | - |
| | - .breadcrumb a { |
| | - color: #58a6ff; |
| | - text-decoration: none; |
| | - } |
| | - |
| | - .breadcrumb a:hover { |
| | - text-decoration: underline; |
| | - } |
| | - |
| | - .breadcrumb span { |
| | - color: #8b949e; |
| | - margin: 0 8px; |
| | - } |
| | - |
| | - .blob-content { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - overflow: hidden; |
| | - } |
| | - |
| | - .blob-header { |
| | - background: #21262d; |
| | - padding: 12px 16px; |
| | - border-bottom: 1px solid #30363d; |
| | - font-size: 0.875rem; |
| | - color: #8b949e; |
| | - } |
| | - |
| | - .blob-code { |
| | - padding: 16px; |
| | - overflow-x: auto; |
| | - font-family: 'SFMono-Regular', Consolas, monospace; |
| | - font-size: 0.875rem; |
| | - line-height: 1.6; |
| | - white-space: pre; |
| | - } |
| | - |
| | - .refs-list { |
| | - display: grid; |
| | - gap: 10px; |
| | - } |
| | - |
| | - .ref-item { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - padding: 12px 16px; |
| | - display: flex; |
| | - align-items: center; |
| | - gap: 12px; |
| | - } |
| | - |
| | - .ref-type { |
| | - background: #238636; |
| | - color: white; |
| | - padding: 2px 8px; |
| | - border-radius: 12px; |
| | - font-size: 0.75rem; |
| | - font-weight: 600; |
| | - text-transform: uppercase; |
| | - } |
| | - |
| | - .ref-type.tag { |
| | - background: #8957e5; |
| | - } |
| | - |
| | - .ref-name { |
| | - font-weight: 600; |
| | - color: #f0f6fc; |
| | - } |
| | - |
| | - .empty-state { |
| | - text-align: center; |
| | - padding: 60px 20px; |
| | - color: #8b949e; |
| | - } |
| | - |
| | - .commit-details { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 6px; |
| | - padding: 20px; |
| | - margin-bottom: 20px; |
| | - } |
| | - |
| | - .commit-header { |
| | - margin-bottom: 20px; |
| | - } |
| | - |
| | - .commit-title { |
| | - font-size: 1.25rem; |
| | - color: #f0f6fc; |
| | - margin-bottom: 10px; |
| | - } |
| | - |
| | - .commit-info { |
| | - display: grid; |
| | - gap: 8px; |
| | - font-size: 0.875rem; |
| | - } |
| | - |
| | - .commit-info-row { |
| | - display: flex; |
| | - gap: 10px; |
| | - } |
| | - |
| | - .commit-info-label { |
| | - color: #8b949e; |
| | - width: 80px; |
| | - flex-shrink: 0; |
| | - } |
| | - |
| | - .commit-info-value { |
| | - color: #c9d1d9; |
| | - font-family: monospace; |
| | - } |
| | - |
| | - .parent-link { |
| | - color: #58a6ff; |
| | - text-decoration: none; |
| | - } |
| | - |
| | - .parent-link:hover { |
| | - text-decoration: underline; |
| | - } |
| | - |
| | - .repo-grid { |
| | - display: grid; |
| | - grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); |
| | - gap: 16px; |
| | - margin-top: 20px; |
| | - } |
| | - |
| | - .repo-card { |
| | - background: #161b22; |
| | - border: 1px solid #30363d; |
| | - border-radius: 8px; |
| | - padding: 20px; |
| | - text-decoration: none; |
| | - color: inherit; |
| | - transition: border-color 0.2s, transform 0.1s; |
| | - } |
| | - |
| | - .repo-card:hover { |
| | - border-color: #58a6ff; |
| | - transform: translateY(-2px); |
| | - } |
| | - |
| | - .repo-card h3 { |
| | - color: #58a6ff; |
| | - margin-bottom: 8px; |
| | - font-size: 1.1rem; |
| | - } |
| | - |
| | - .repo-card p { |
| | - color: #8b949e; |
| | - font-size: 0.875rem; |
| | - margin: 0; |
| | - } |
| | - |
| | - .current-repo { |
| | - background: #21262d; |
| | - border: 1px solid #58a6ff; |
| | - padding: 8px 16px; |
| | - border-radius: 6px; |
| | - font-size: 0.875rem; |
| | - color: #f0f6fc; |
| | - } |
| | - |
| | - .current-repo strong { |
| | - color: #58a6ff; |
| | - } |
| | - |
| | - .dir-icon, .file-icon { |
| | - display: inline-block; |
| | - width: 20px; |
| | - text-align: center; |
| | - margin-right: 8px; |
| | - color: #8b949e; |
| | - } |
| | - |
| | - .branch-badge { |
| | - background: #238636; |
| | - color: white; |
| | - padding: 2px 8px; |
| | - border-radius: 12px; |
| | - font-size: 0.75rem; |
| | - font-weight: 600; |
| | - margin-left: 10px; |
| | - } |
| | -</style> |
| | + <link rel="stylesheet" href="style.css"> |
| | </head> |
| | <body> |