diff --git a/assets/diamond-icon.svg b/assets/diamond-icon.svg deleted file mode 100644 index a0023b9..0000000 --- a/assets/diamond-icon.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/assets/icons/bin.svg b/assets/icons/bin.svg new file mode 100644 index 0000000..2a72a9c --- /dev/null +++ b/assets/icons/bin.svg @@ -0,0 +1,27 @@ + + + + + + + + + + \ No newline at end of file diff --git a/assets/icons/file.svg b/assets/icons/file.svg new file mode 100644 index 0000000..9ae14d3 --- /dev/null +++ b/assets/icons/file.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/icons/folder.svg b/assets/icons/folder.svg new file mode 100644 index 0000000..58c5f26 --- /dev/null +++ b/assets/icons/folder.svg @@ -0,0 +1,12 @@ + + + + folder + + + + + + + + \ No newline at end of file diff --git a/assets/icons/json.svg b/assets/icons/json.svg new file mode 100644 index 0000000..b1a45a3 --- /dev/null +++ b/assets/icons/json.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/assets/icons/ktx.svg b/assets/icons/ktx.svg new file mode 100644 index 0000000..6d82e67 --- /dev/null +++ b/assets/icons/ktx.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/icons/readme.svg b/assets/icons/readme.svg new file mode 100644 index 0000000..020306c --- /dev/null +++ b/assets/icons/readme.svg @@ -0,0 +1,12 @@ + + + + audit-report + + + + + + + + \ No newline at end of file diff --git a/assets/icons/webp.svg b/assets/icons/webp.svg new file mode 100644 index 0000000..bb09821 --- /dev/null +++ b/assets/icons/webp.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/assets/icons/xml.svg b/assets/icons/xml.svg new file mode 100644 index 0000000..d82d381 --- /dev/null +++ b/assets/icons/xml.svg @@ -0,0 +1,12 @@ + + + + xml-document + + + + + + + + \ No newline at end of file diff --git a/assets/ruby-icon.svg b/assets/ruby-icon.svg deleted file mode 100644 index d129570..0000000 --- a/assets/ruby-icon.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/assets/star-icon.png b/assets/star-icon.png deleted file mode 100644 index d073827..0000000 Binary files a/assets/star-icon.png and /dev/null differ diff --git a/css/explorer.css b/css/explorer.css new file mode 100644 index 0000000..f947932 --- /dev/null +++ b/css/explorer.css @@ -0,0 +1,157 @@ +/* Repository Explorer Specific Styles */ +.repo-explorer { + padding: 50px 5%; + max-width: 1400px; + margin: 0 auto; +} + +.file-tree { + background-color: rgba(75, 93, 103, 0.2); + border: 2px solid var(--accent-color); + border-radius: 12px; + padding: 20px; + margin-bottom: 30px; +} + +.file-item { + display: flex; + align-items: center; + padding: 10px; + transition: background-color 0.3s ease; + cursor: pointer; +} + +.file-item:hover { + background-color: rgba(75, 93, 103, 0.3); +} + +.file-icon { + margin-right: 15px; + width: 24px; + height: 24px; +} + +.file-name { + flex-grow: 1; +} + +.file-size { + color: var(--accent-color); + margin-left: 15px; +} + +.breadcrumb { + display: flex; + align-items: center; + margin-bottom: 20px; + color: var(--text-color); +} + +.breadcrumb-item { + display: flex; + align-items: center; + margin-right: 10px; +} + +.breadcrumb-item:not(:last-child)::after { + content: '›'; + margin-left: 10px; + color: var(--accent-color); +} + +.breadcrumb-item a { + color: var(--primary-color); + text-decoration: none; + transition: color 0.3s ease; +} + +.breadcrumb-item a:hover { + color: #32ff32; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .file-item { + flex-direction: column; + align-items: flex-start; + } + + .file-size { + margin-left: 40px; + margin-top: 5px; + } +} + +.readme-section { + background-color: rgba(75, 93, 103, 0.2); + border: 2px solid var(--accent-color); + border-radius: 12px; + padding: 30px; +} + +.readme-content { + font-family: 'Inter', sans-serif; + line-height: 1.6; + color: var(--text-color); +} + +.readme-content h1, +.readme-content h2, +.readme-content h3 { + color: var(--primary-color); + margin-bottom: 15px; + font-family: 'Space Grotesk', sans-serif; +} + +.readme-content h1 { font-size: 2rem; } +.readme-content h2 { font-size: 1.5rem; } +.readme-content h3 { font-size: 1.25rem; } + +.readme-content p { + margin-bottom: 15px; +} + +.readme-content a { + color: var(--primary-color); + text-decoration: none; + transition: color 0.3s ease; +} + +.readme-content a:hover { + color: #32ff32; + text-decoration: underline; +} + +.readme-content code { + background-color: rgba(75, 93, 103, 0.3); + padding: 2px 5px; + border-radius: 4px; + font-family: 'Courier New', monospace; +} + +.readme-content pre { + background-color: rgba(75, 93, 103, 0.3); + padding: 15px; + border-radius: 8px; + overflow-x: auto; + margin-bottom: 15px; +} + +.readme-content ul, +.readme-content ol { + margin-bottom: 15px; + padding-left: 30px; +} + +.readme-content img { + max-width: 100%; + height: auto; + border-radius: 8px; + margin: 15px 0; +} + +@media (max-width: 768px) { + .readme-content h1 { font-size: 1.5rem; } + .readme-content h2 { font-size: 1.25rem; } + .readme-content h3 { font-size: 1rem; } +} \ No newline at end of file diff --git a/index.html b/index.html index f2e6719..65b72ce 100644 --- a/index.html +++ b/index.html @@ -20,15 +20,15 @@