Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ concurrency:

jobs:
build:
if: github.repository == 'XRPLF/XRPL-Standards'
runs-on: ubuntu-latest
steps:
- name: Checkout
Expand Down Expand Up @@ -52,6 +53,7 @@ jobs:
path: "site/_site"

deploy:
if: github.repository == 'XRPLF/XRPL-Standards'
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
Expand Down
Binary file added site/assets/favicon.ico
Binary file not shown.
262 changes: 251 additions & 11 deletions site/assets/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -155,9 +155,9 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
}
.standards-table th:hover { background: var(--color-gray-6); }
.standards-table th:last-child, .standards-table td:last-child { border-right: none; }
.standards-table th.sortable::after { margin-left: 8px; content: ' ↕'; font-size: 12px; opacity: 0.5; }
.standards-table th.sort-asc::after { color: var(--link-color); content: ' ↑'; opacity: 1; }
.standards-table th.sort-desc::after { color: var(--link-color); content: ' ↓'; opacity: 1; }
.standards-table th.sortable::after { margin-left: 4px; content: '↕'; font-size: 12px; opacity: 0.5; }
.standards-table th.sort-asc::after { color: var(--link-color); content: '↑'; opacity: 1; }
.standards-table th.sort-desc::after { color: var(--link-color); content: '↓'; opacity: 1; }
.standards-table td { border-bottom: 1px solid var(--border-color); vertical-align: top; }
.standards-table tbody tr { transition: background-color 0.2s; }
.standards-table tbody tr:hover { background-color: var(--color-gray-7); }
Expand All @@ -169,9 +169,10 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
font-family: Monaco, Menlo, 'Ubuntu Mono', monospace;
font-weight: 500;
}
.title-col { width: auto; min-width: 400px; }
.title-col { width: auto; min-width: 300px; }
.author-col { width: 250px; color: var(--text-color-secondary); }
.status-col { width: 120px; text-align: center; }
.created-col { width: 130px; }

/* Links */
.xls-link { font-weight: 600; }
Expand Down Expand Up @@ -208,9 +209,9 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
}

.status-badge.stagnant, .xls-status-badge.stagnant {
border: 1px solid #FAFF19;
background-color: #4B4C00;
color: #FAFF19;
border: 1px solid #CC6666;
background-color: #3D1F1F;
color: #CC6666;
}

.status-badge.withdrawn, .xls-status-badge.withdrawn {
Expand All @@ -219,6 +220,99 @@ main { min-height: calc(100vh - 200px); padding: 48px 0; }
color: var(--text-color-secondary);
}

/* Category badges */
.category-badge {
display: inline-block;
border-radius: 4px;
font-weight: 600;
letter-spacing: 0.5px;
text-align: center;
text-transform: capitalize;
min-width: 80px;
padding: 6px 12px;
font-size: 12px;
}

.category-badge.amendment {
border: 1px solid #FF6B35;
background-color: #4A1E0E;
color: #FF6B35;
}

.category-badge.community {
border: 1px solid var(--color-purple-4);
background-color: #2E1A4C;
color: var(--color-purple-4);
}

.category-badge.protocol {
border: 1px solid #FFD700;
background-color: #4C4200;
color: #FFD700;
}

.category-badge.all {
border: 1px solid var(--color-gray-4);
background-color: var(--color-gray-7);
color: var(--color-gray-4);
}

/* Category navigation */
.category-nav {
margin: 32px 0;
padding: 24px;
background: var(--bg-color-raised);
border: 1px solid var(--border-color);
border-radius: 8px;
text-align: center;
width: 100%;
}

.category-nav h3 {
margin: 0 0 16px 0;
color: var(--text-color);
font-size: 16px;
font-weight: 600;
text-align: center;
width: 100%;
}

.category-links {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}

.category-link {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: var(--bg-color);
border: 1px solid var(--border-color);
border-radius: 6px;
text-decoration: none;
transition: all 0.2s;
font-size: 14px;
}

.category-link:hover {
background: var(--color-gray-7);
border-color: var(--color-gray-4);
transform: translateY(-1px);
}

.category-link.active {
background: var(--color-gray-7);
border-color: var(--link-color);
}

.category-link .count {
color: var(--text-color-secondary);
font-size: 12px;
}

/* XLS document page */
.xls-document {
padding: 32px;
Expand Down Expand Up @@ -386,9 +480,16 @@ footer {
.intro { padding: 32px 0; }
.intro h2 { font-size: 28px; }
.intro p { font-size: 16px; }
.category-nav { margin: 24px 0; padding: 16px; }
.category-nav h3 { font-size: 14px; }
.category-links { gap: 8px; }
.xls-meta { flex-direction: column; align-items: flex-start; gap: 16px; }
.document-nav { flex-direction: column; gap: 12px; }
.document-nav a { width: 100%; text-align: center; }

.standards-table .title-col {
min-width: 200px;
}
}

/* Mobile - keep table layout but make horizontally scrollable */
Expand All @@ -411,10 +512,6 @@ footer {
min-width: 80px;
}

.standards-table .title-col {
min-width: 200px;
}

.standards-table .author-col {
min-width: 120px;
}
Expand All @@ -428,3 +525,146 @@ footer {
min-width: 500px;
}
}

/* Contribute Page Styles */
.contribute-page {
max-width: none;
}

.contribute-content {
line-height: 1.7;
}

.contribute-content h1 {
color: var(--text-color);
font-weight: 600;
margin: 2rem 0 1rem 0;
font-size: 2rem;
}

.contribute-content h2 {
color: var(--text-color);
font-weight: 600;
margin: 1.5rem 0 1rem 0;
font-size: 1.5rem;
border-bottom: 1px solid var(--border-color);
padding-bottom: 0.5rem;
}

.contribute-content h3 {
color: var(--text-color);
font-weight: 500;
margin: 1.25rem 0 0.75rem 0;
font-size: 1.25rem;
}

.contribute-content h4 {
color: var(--text-color);
font-weight: 500;
margin: 1rem 0 0.5rem 0;
font-size: 1.1rem;
}

.contribute-content h5 {
color: var(--text-color);
font-weight: 500;
margin: 0.75rem 0 0.5rem 0;
font-size: 1rem;
}

.contribute-content p {
margin-bottom: 1rem;
color: var(--text-color);
}

.contribute-content ul,
.contribute-content ol {
margin: 0.5rem 0 1rem 2rem;
color: var(--text-color);
}

.contribute-content li {
margin-bottom: 0.5rem;
}

.contribute-content code {
background: var(--bg-color-raised);
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 0.9rem;
color: var(--color-green-4);
}

.contribute-content pre {
background: var(--bg-color-raised);
padding: 1rem;
border-radius: 6px;
overflow-x: auto;
margin: 1rem 0;
border: 1px solid var(--border-color);
}

.contribute-content pre code {
background: none;
padding: 0;
font-size: inherit;
}

.contribute-content blockquote {
border-left: 4px solid var(--color-blue-4);
padding: 0.5rem 1rem;
margin: 1rem 0;
background: var(--bg-color-raised);
color: var(--text-color-secondary);
font-style: italic;
}

.contribute-content a {
color: var(--link-color);
text-decoration: underline;
text-decoration-color: transparent;
transition: all 0.2s;
}

.contribute-content a:hover {
color: var(--link-hover-color);
text-decoration-color: var(--link-hover-color);
background: none;
}

.contribute-content strong {
color: var(--text-color);
font-weight: 600;
}

.contribute-content em {
color: var(--text-color-secondary);
}

/* Table styling for contribute page */
.contribute-content table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
background: var(--bg-color-raised);
border-radius: 6px;
overflow: hidden;
}

.contribute-content th,
.contribute-content td {
padding: 0.75rem 1rem;
text-align: left;
border-bottom: 1px solid var(--border-color);
color: var(--text-color);
}

.contribute-content th {
background: var(--color-gray-7);
font-weight: 600;
}

.contribute-content tr:last-child td {
border-bottom: none;
}
Loading