From a504fbdcf8d8537e831d6b44b34827e494abf425 Mon Sep 17 00:00:00 2001 From: YonasW Date: Fri, 20 Sep 2024 20:48:40 +0100 Subject: [PATCH] updated css and preface page --- docs/preface.md | 24 ++- docs/run-a-node/test.md | 4 +- src/css/custom.css | 407 ++++++++++------------------------------ 3 files changed, 126 insertions(+), 309 deletions(-) diff --git a/docs/preface.md b/docs/preface.md index b054b8f..419e7f5 100644 --- a/docs/preface.md +++ b/docs/preface.md @@ -10,7 +10,29 @@ Advanced problem-solving and decision-making are now accessible at scale. There The advent of [large language models (LLMs)](https://www.cloudflare.com/learning/ai/what-is-large-language-model/) and parallel computing hardware (GPUs, TPUs, and NPUs) has significantly accelerated progress toward [artificial general intelligence (AGI)](https://www.techtarget.com/searchenterpriseai/definition/artificial-general-intelligence-AGI). AGI is poised to contribute [trillions](https://www.mckinsey.com/capabilities/mckinsey-digital/our-insights/the-economic-potential-of-generative-ai-the-next-productivity-frontier#key-insights) to the global economy annually and transform industries by driving the marginal cost of intelligence toward zero. -But there are consequences to the race to AGI. +But there are consequences to the race to AGI. +
+
+ Jan Leike +
+ Jan Leike ✔️
+ @janleike · Follow +
+
+
Replying to @janleike
+

Building smarter-than-human machines is an inherently dangerous endeavor.

+

OpenAI is shouldering an enormous responsibility on behalf of all of humanity.

+
4:57 PM · May 17, 2024
+
+
+ ❤️ 3.9K + 💬 Reply + 🔗 Copy link +
+
+ Read 92 replies +
+
Today’s AI infrastructure is highly centralized, dominated by a few entities controlling the data and algorithms, resulting in significant issues. These issues can be addressed by blockchains like Zero Gravity (0G) to create a more [decentralized AI](https://www.ftc.gov/policy/advocacy-research/tech-at-ftc/2023/10/consumers-are-voicing-concerns-about-ai): diff --git a/docs/run-a-node/test.md b/docs/run-a-node/test.md index 9fbc5c4..cd15520 100644 --- a/docs/run-a-node/test.md +++ b/docs/run-a-node/test.md @@ -1,4 +1,6 @@ --- sidebar_position: 7 --- -# Test \ No newline at end of file +# Test + + diff --git a/src/css/custom.css b/src/css/custom.css index aacda89..d234360 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,23 +1,4 @@ -/** - * Any CSS included here will be global. The classic template - * bundles Infima by default. Infima is a CSS framework designed to - * work well for content-centric websites. - */ - -/* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: rgb(33, 175, 144); - --ifm-color-primary-darker: rgb(31, 165, 136); - --ifm-color-primary-darkest: rgb(26, 136, 112); - --ifm-color-primary-light: rgb(70, 203, 174); - --ifm-color-primary-lighter: rgb(102, 212, 189); - --ifm-color-primary-lightest: rgb(146, 224, 208); - --ifm-code-font-size: 95%; -} - -/* For readability concerns, you should choose a lighter palette in dark mode. */ -[data-theme='dark'] { --ifm-color-primary: #25c2a0; --ifm-color-primary-dark: #21af90; --ifm-color-primary-darker: #1fa588; @@ -25,50 +6,25 @@ --ifm-color-primary-light: #29d5b0; --ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lightest: #4fddbf; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); -} -:root { + --ifm-code-font-size: 95%; --ifm-font-size-base: 15px; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } +/* Global Styles */ body { font-family: 'Verdana', sans-serif; font-size: var(--ifm-font-size-base); line-height: 1.5; } +/* Typography */ +h1 { font-size: 2.5rem; } +h2 { font-size: 2rem; } +h3 { font-size: 1.5rem; } +h4 { font-size: 1.25rem; } -/* Adjust heading sizes */ -h1 { - font-size: 2.5rem; -} - -h2 { - font-size: 2rem; -} - -h3 { - font-size: 1.5rem; -} - -h4 { - font-size: 1.25rem; -} - -/* Styling for tabs */ - - -.tabs__item:hover { - background-color: var(--ifm-color-emphasis-200); -} - -.tabs__item--active { - color: var(--ifm-color-black); - border-color: var(--ifm-color-primary); - font-weight: 600; -} - -/* Improve readability of main content */ +/* Markdown Content */ .markdown { font-size: 1rem; line-height: 1.7; @@ -78,127 +34,48 @@ h4 { margin-bottom: 1.5rem; } -/* Improve code block readability */ -pre[class*="language-"] { - font-size: 0.9rem; - line-height: 1.5; -} - -/* Improve inline code readability */ +/* Code Styling */ code { font-size: 14px; padding: 0.2em 0.4em; border-radius: 3px; background-color: var(--ifm-code-background); } -.menu__list-item--collapsed .menu__link--sublist:after, -.menu__list-item--active .menu__link--sublist:after { - font-size: 0.7em; - margin-left: 0.5em; -} - -.menu__list-item--collapsed .menu__link--sublist:after { - transform: rotate(90deg); -} -.nodeLinksContainer { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 20px; - margin: 2rem 0; -} - -.nodeLink { - flex-basis: calc(50% - 10px); - max-width: 250px; - text-decoration: none; - color: #333; -} - -.nodeLinkInner { - border: 1px solid #e0e0e0; - border-radius: 8px; - padding: 20px; - text-align: center; - transition: all 0.3s ease; - background-color: #f5f5f5; - color: #333; -} - -.nodeLinkInner:hover { - background-color: #e6f7ff; - border-color: #91d5ff; - transform: translateY(-2px); - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); -} - -.nodeLink:nth-child(n+3) { - flex: 1 1 calc(33.333% - 14px); - max-width: calc(33.333% - 14px); -} -.nodeLink:nth-child(1), - .nodeLink:nth-child(2) { - flex-basis: calc(50% - 10px); - max-width: calc(50% - 10px); - } - @media (max-width: 768px) { - .nodeLink, - .nodeLink:nth-child(n+3), - .nodeLink:nth-child(1), - .nodeLink:nth-child(2) { - flex-basis: 100%; - max-width: 100%; - } - } -.theme-code-block { - background-color: #f0f8ff; /* Light blue background */ +pre[class*="language-"] { + font-size: 0.9rem; + line-height: 1.5; } -/* Faucet Page Styles */ -.faucet-box { - background-color: #f0f8ff; - border: 2px solid #4a90e2; - border-radius: 10px; - padding: 20px; - margin-bottom: 20px; - transition: all 0.3s ease; +/* Sidebar Styles */ +.menu { + padding-top: 0 !important; } -.faucet-box:hover { - box-shadow: 0 5px 15px rgba(0,0,0,0.1); - transform: translateY(-5px); +.menu__list { + margin-top: 0 !important; + padding-top: 0 !important; } -.faucet-box.discord { - background-color: #f5efff; - border-color: #7289da; +.theme-doc-sidebar-menu > li:first-child { + margin-top: 0 !important; + padding-top: 0 !important; } -.faucet-button { - display: inline-block; - background-color: #4a90e2; - color: white; - padding: 10px 20px; - border-radius: 5px; - text-decoration: none; +.theme-doc-sidebar-menu > li:first-child > a { + padding-top: 0.5rem !important; font-weight: bold; - transition: background-color 0.3s ease; -} - -.faucet-button:hover { - background-color: #3a7bc8; -} - -.faucet-button.discord { - background-color: #7289da; -} - -.faucet-button.discord:hover { - background-color: #5b6eae; + text-transform: uppercase; + letter-spacing: 0.5px; + display: flex; + align-items: center; + padding-left: 30px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234A90E2' d='M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: left center; + background-size: 20px 20px; } -/* Sidebar Styles */ .sidebar-category > .menu__list-item-collapsible > .menu__link { font-weight: bold; text-transform: uppercase; @@ -216,7 +93,6 @@ code { background-size: contain; background-repeat: no-repeat; vertical-align: middle; - } .sidebar-category.intro > .menu__list-item-collapsible > .menu__link::before { @@ -227,6 +103,10 @@ code { background-image: url('data:image/svg+xml,'); } +.sidebar-category.build-with-0g > .menu__list-item-collapsible > .menu__link::before { + background-image: url('data:image/svg+xml,'); +} + .sidebar-category.dev-tools > .menu__list-item-collapsible > .menu__link::before { background-image: url('data:image/svg+xml,'); } @@ -235,109 +115,67 @@ code { background-image: url('data:image/svg+xml,'); } -.external-link::after { - display: inline-none; - margin-left: 4px; -} - .menu__link:hover { background-color: var(--ifm-menu-color-background-active); color: var(--ifm-menu-color-active); } -/* Whitepaper styles */ -.whitepaper-page { - display: flex; - flex-direction: column; - height: calc(100vh - var(--ifm-navbar-height)); - background-color: #f5f5f5; -} - -.whitepaper-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 1rem; - background-color: var(--ifm-color-primary); - color: white; +/* Tab Styles */ +.tabs__item:hover { + background-color: var(--ifm-color-emphasis-200); } -.whitepaper-header h1 { - font-size: 1.5rem; - color: white; +.tabs__item--active { + color: var(--ifm-color-black); + border-color: var(--ifm-color-primary); + font-weight: 600; } -.whitepaper-button { - display: inline-block; - padding: 0.5rem 1rem; - background-color: white; - color: var(--ifm-color-primary); - text-decoration: none; - border-radius: 5px; - - transition: background-color 0.3s ease, color 0.3s ease; +/* Node Links Styles */ +.nodeLinksContainer { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 20px; + margin: 2rem 0; } -.whitepaper-button:hover { - background-color: var(--ifm-color-primary-darker); - color: white; +.nodeLink { + flex-basis: calc(50% - 10px); + max-width: 250px; text-decoration: none; + color: #333; } -.whitepaper-container { - flex-grow: 1; - overflow: hidden; -} - -.whitepaper-iframe { - width: 100%; - height: 100%; - border: none; -} - -/* Adjust main content area to accommodate the whitepaper */ -.main-wrapper { - overflow-y: hidden; -} - -[class^='docPage_'] { - overflow-y: hidden; -} - -[class^='docMainContainer_'] { - overflow-y: hidden; +.nodeLinkInner { + border: 1px solid #e0e0e0; + border-radius: 8px; + padding: 20px; + text-align: center; + transition: all 0.3s ease; + background-color: #f5f5f5; + color: #333; } -/* Specific styling for the Preface item */ -.theme-doc-sidebar-menu > li:first-child > a { - font-weight: bold; - text-transform: uppercase; - letter-spacing: 0.5px; - display: flex; - align-items: center; - padding-left: 30px; /* Make room for the icon */ - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234A90E2' d='M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: left center; - background-size: 20px 20px; /* Adjust size as needed */ - margin-top: 0; - padding-top: 0; +.nodeLinkInner:hover { + background-color: #e6f7ff; + border-color: #91d5ff; + transform: translateY(-2px); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } -/* Existing styles */ - -.sidebar-category.build-with-0g > .menu__list-item-collapsible > .menu__link::before { - display: inline-block; - width: 20px; - height: 20px; - margin-right: 8px; - background-size: contain; - background-repeat: no-repeat; - vertical-align: middle; - background-image: url('data:image/svg+xml,'); +/* Responsive adjustments for node links */ +@media (max-width: 768px) { + .nodeLink, + .nodeLink:nth-child(n+3), + .nodeLink:nth-child(1), + .nodeLink:nth-child(2) { + flex-basis: 100%; + max-width: 100%; + } } -/*code blocks */ +/* Code Block Styles */ .theme-code-block { background-color: #1e1e1e !important; border-radius: 8px; @@ -355,14 +193,12 @@ code { line-height: 1.5; } -/* Code block header */ .theme-code-block-highlighted { background-color: #2a2a2a !important; border-top-left-radius: 8px; border-top-right-radius: 8px; } -/* Line numbers */ .theme-code-block .line-numbers { border-right: 1px solid #3a3a3a; padding-right: 10px; @@ -372,72 +208,38 @@ code { .token.comment, .token.prolog, .token.doctype, -.token.cdata { - color: #608b4e; -} - -.token.punctuation { - color: #d4d4d4; -} - +.token.cdata { color: #608b4e; } +.token.punctuation { color: #d4d4d4; } .token.property, .token.tag, .token.constant, .token.symbol, -.token.deleted { - color: #569cd6; -} - +.token.deleted { color: #569cd6; } .token.boolean, -.token.number { - color: #b5cea8; -} - +.token.number { color: #b5cea8; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, -.token.inserted { - color: #ce9178; -} - +.token.inserted { color: #ce9178; } .token.operator, .token.entity, .token.url, .language-css .token.string, -.style .token.string { - color: #d4d4d4; -} - +.style .token.string { color: #d4d4d4; } .token.atrule, .token.attr-value, -.token.keyword { - color: #c586c0; -} - -.token.function { - color: #dcdcaa; -} - +.token.keyword { color: #c586c0; } +.token.function { color: #dcdcaa; } .token.regex, .token.important, -.token.variable { - color: #d16969; -} - +.token.variable { color: #d16969; } .token.important, -.token.bold { - font-weight: bold; -} +.token.bold { font-weight: bold; } +.token.italic { font-style: italic; } +.token.entity { cursor: help; } -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} /* Footer Styles */ .footer { background-color: #0a0a0a; @@ -504,38 +306,29 @@ code { margin-right: 0.5rem; } -.footer__link-item[href*="telegram.org"]::before { - content: "\f2c6"; -} - -.footer__link-item[href*="discord.gg"]::before { - content: "\f392"; -} +.footer__link-item[href*="telegram.org"]::before { content: "\f2c6"; } +.footer__link-item[href*="discord.gg"]::before { content: "\f392"; } +.footer__link-item[href*="twitter.com"]::before { content: "\f099"; } +.footer__link-item[href*="github.com"]::before { content: "\f09b"; } -.footer__link-item[href*="twitter.com"]::before { - content: "\f099"; -} - -.footer__link-item[href*="github.com"]::before { - content: "\f09b"; -} - -/* Responsive adjustments */ +/* Responsive Footer */ @media screen and (max-width: 996px) { .footer__links { flex-direction: column; } - .footer__col { margin-bottom: 2rem; } - .footer__bottom { flex-direction: column; align-items: flex-start; } - .footer__copyright { margin-top: 1rem; } +} + +/* Dark mode adjustments */ +[data-theme='dark'] { + --ifm-color-primary: #25c2a0; } \ No newline at end of file