diff --git a/assets/css/devportal.css b/assets/css/devportal.css index aebcf36b58..f04c07de2e 100644 --- a/assets/css/devportal.css +++ b/assets/css/devportal.css @@ -25,8 +25,9 @@ th { /* Top navigation ----------------------------------------------------------- */ -.navbar { +.navbar.fixed-top { font-weight: 300; + border-bottom: 1px solid #C9CDD1; } .navbar-brand { @@ -56,13 +57,13 @@ th { .navbar .navbar-nav .active a { font-weight: 700; - color: #333; - background-color: #eee; + color: #3B4147; + background-color: #E1E5E8; } .navbar .active-parent a { font-weight: 700; - background-color: #eee; + background-color: #E1E5E8; } #navbar-search { @@ -135,12 +136,14 @@ th { margin-top: 32px; line-height: 1.2; } -.content h1:first-child { +.content h1:first-child, +.landing section:first-of-type h1:first-child { margin-top: 0; line-height: 1.2; } -.content h1:first-child:before { - margin-top: -100px; +.content h1:first-child:before, +.landing section:not(.splash-head):first-of-type h1:first-child:before { + margin-top: -90px; } .content h2 { margin-top: 28px; @@ -199,7 +202,7 @@ th { z-index: 2; color: #999999; font-size: 14px; - background: #4e4e50 url(../img/ripple_footer_v2.jpg) repeat-x center center; + background: #28282a url(../img/ripple_footer_v2.jpg) repeat-x center center; background-position-y: -60px; } @@ -304,18 +307,18 @@ th { /* Button styling ----------------------------------------------------------- */ -.readmore { - display: block; - margin: 15px auto 5px; - text-align: center; -} - .readmore .btn { font-size: 18px; transition: 0.5s; } -.btn-primary code { +.readmore .btn i, +.card-header a i { + margin: 0 0.2em 0 0.8em; +} + +.btn-primary code, +.btn-secondary code { color: inherit; } @@ -365,8 +368,8 @@ pre code { .code_sample pre code { overflow: auto; max-height: 14em; - background-color: #f5f5f5; - border: 1px solid #cccccc; + background-color: #E1E4E8; + border: 1px solid #C9CDD1; border-radius: 4px; } .code_sample pre code.expanded { @@ -433,6 +436,7 @@ a.current { .curated-links ol, .children-display ul { padding-left: 0; + margin-bottom: 4px; } .level-1, @@ -453,7 +457,54 @@ a.current { .landing .curated-links li { font-weight: 400; font-size: 18px; + margin-top: 0; + position: relative; } + +.landing .card .level-1 a, +.landing .card .curated-links li a { + padding: 12px; + display: block; + margin: 0 -12px 0 -12px; + font-weight: 400; +} +.landing .card .level-1 a:hover, +.landing .card .curated-links li a:hover { + background-color: #D8EEFC; + text-decoration: none; +} +.landing .card .level-1 a:hover:after, +.landing .card .curated-links li a:hover:after { + content: "\f105"; /* fontawesome angle-right */ + font-family: FontAwesome; + position: absolute; + right: 0; + top: 12px; + color: #0D294E; +} + +.landing .card .level-2 { + position: relative; +} +.landing .card .level-2 a { + padding: 8px 12px 8px 32px; + display: block; + margin: 0 -12px 0 -12px; + font-weight: 400; +} +.landing .card .level-2 a:hover { + background-color: #D8EEFC; + text-decoration: none; +} +.landing .card .level-2 a:hover:after { + content: "\f105"; /* fontawesome angle-right */ + font-family: FontAwesome; + position: absolute; + right: 0; + top: 8px; + color: #0D294E; +} + .level-1:first-child { margin-top: 0; } @@ -485,7 +536,7 @@ a.current { position: fixed; bottom: 15px; right: 30px; - background-color: #333; + background-color: #3B4147; font-weight: 700; z-index: 1000; color: white; @@ -506,6 +557,7 @@ a.current { padding-right: 5px; } .breadcrumbs-wrap .breadcrumb { + padding: 0; margin-bottom: 0; } @@ -520,11 +572,28 @@ a.current { list-style-type: none; } -#sidenav a { +#sidenav a, +.sidenav_parent a { text-decoration: none; + color: black; } -#sidenav .card-body a:hover { +#sidenav a.active-parent { + color: #3B4147; + font-weight: 700; +} +#sidenav a:hover, +.sidenav_parent a:hover { text-decoration: underline; + color: #1db4ff; +} +#sidenav a.active, +#sidenav a.active:hover, +.sidenav_parent a.active, +.sidenav_parent a.active:hover { + color: #0F72E5; + font-weight: 700; + cursor: default; + text-decoration: none; } #sidenav .card + .card { @@ -533,7 +602,7 @@ a.current { #sidenav .card { border-width: 0; - border-color: #eee; + border-color: #E1E5E8; } #sidenav .card-body { @@ -545,10 +614,7 @@ a.current { } #sidenav .card.active { - background-color: #f8f8f8; -} -#sidenav .card:hover { - background-color: #f6f6f6; + background-color: #F1F5F8; } #sidenav .card-header { @@ -560,7 +626,7 @@ a.current { #sidenav .card { padding: 0; border-radius: 0; - border-top: 1px solid #cccccc; + border-top: 1px solid #C9CDD1; } #sidenav .card-header h5 { @@ -572,17 +638,6 @@ a.current { display: block; padding: 16px 15px 16px 55px; } -#sidenav .card-header h5 a.sidenav_cat_title { - color: #27a2db; -} -#sidenav .card-header h5 .sidenav_cat_title.active { - color: #333; - font-weight: 700; - cursor: default; -} -#sidenav .card-header h5 .sidenav_cat_title.active-parent { - color: #333; -} #sidenav .card-header .sidenav_cat_toggler { position: absolute; @@ -594,7 +649,10 @@ a.current { transition: background-color 0.5s; } #sidenav .card-header .sidenav_cat_toggler.collapsed { - background-color: #ccc; + background-color: #C9CDD1; +} +#sidenav .card-header .sidenav_cat_toggler:hover { + text-decoration: none; } #sidenav .card-header .sidenav_cat_toggler:before { @@ -608,18 +666,13 @@ a.current { content: "+"; } -.funnel-sidebar a.active { - color: #333; - cursor: default; -} - .xrp-ledger-dev-portal.sidebar-primary .sidebar { padding-right: 0; padding-left: 0; } .xrp-ledger-dev-portal.sidebar-primary .main { z-index: 5; - border-left: 1px solid #cccccc; + border-left: 1px solid #C9CDD1; padding-left: 40px; min-height: 700px; } @@ -657,7 +710,7 @@ a.current { } .card .sidebar_pagelist a:hover { - color: #333; + color: #3B4147; } .subcat-title.active-parent { @@ -676,15 +729,10 @@ a.current { padding: 15px 16px 15px 10px; } -.sidenav_parent a.active { - color: #333; - cursor: default; -} - /* Edit on GitHub link ------------------------------------------------------ */ .github-edit-wrap { background-image: linear-gradient(180deg, #fafafa 0%, #ddd 90%); - border: 1px solid #ccc; + border: 1px solid #C9CDD1; border-radius: 5px; } .github-edit-wrap:hover { @@ -709,7 +757,7 @@ a.current { /* Use Cases ---------------------------------------------------------------- */ .use-case-step-num { - border: 1px solid #333; + border: 1px solid #3B4147; border-radius: 50%; padding: 0.9rem; position: absolute; @@ -731,7 +779,7 @@ a.current { margin-bottom: -.6rem; padding-left: 2.5rem; margin-left: 2.5rem; - border-left: 1px dashed #333; + border-left: 1px dashed #3B4147; } .use-case h2 { margin-left: 5rem; @@ -740,8 +788,36 @@ a.current { /* Landing Pages ------------------------------------------------------------ */ -.landing a .card { +.landing h2 { + font-weight: bold; + line-height: 40px; + font-size: 32px; +} + +.landing h3, +#test-net-servers h3 { + font-size: 20px; + line-height: 20px; + font-weight: 700; +} + +.card-header.bg-dark h3.card-title { + margin-bottom: 0; +} + +#test-net-servers pre { + overflow-x: auto; +} + +.landing a.card, +.landing .card { color: #212529; + box-shadow: 0px 1px 3px rgba(35, 41, 47, 0.24); + border-radius: 8px; +} + +.landing a.card:hover { + box-shadow: 0px 4px 20px rgba(35, 41, 47, 0.16); } .landing .card li { @@ -754,35 +830,62 @@ a.current { border-top-width: 0; } -#home_first_shortcuts .card { - border-width: 0; - background: none; +.landing .card-body { + padding: 12px; } -#home_first_shortcuts .card-header { +.landing .card-header, +.landing .card-footer { background: none; border-bottom: none; + border-top: none; } -.landing h2, -.landing h3 { - font-weight: 300; +.landing .card-header { + padding: 16px; } -.landing section .card-header h3 { - font-size: 30px; +.landing .card-header:not(.bg-dark) + .card-body { + padding: 0 12px 12px 12px; } -#xrp_ledger_intro h3 { - font-size: 25px; +.landing .card-footer { + padding: 0 12px 12px 12px; } -.landing .card-img-top { - height: 6rem; -} - -#xrp_ledger_intro .card-img-top { +.landing .card-header a { display: block; + margin: -12px; + padding: 12px; + border-radius: inherit; + transition: 0.5s; +} + +.card-header.bg-dark { + color: white; +} + +.landing .card-header.bg-dark a:hover { + text-decoration: none; + color: #FF9900; +} + +.landing .card .blurb, +.child-blurb { + margin-top: 1rem; +} + +.landing .card > .card-img-top { + padding: 0 16px; +} + +#home_first_shortcuts .card-img-top { + height: 130px; + width: 130px; +} + +#xrp_ledger_intro a:hover { + text-decoration: none; } #xrp_ledger_intro .card-footer { @@ -795,14 +898,17 @@ a.current { padding: 1px; } -.landing .card-title > a { - text-decoration: none; -} - .landing .curated-links li:first-child { margin-top: 5px; } +.recently-updated-date { + font-style: italic; + color: #6B7075; + font-size: 13px; + padding-left: 8px; +} + .splash-head { background-color: #102b3e; background-image: url("../img/home-bg-cubes.jpg"); @@ -819,6 +925,11 @@ a.current { font-size: 18px; text-align: center; font-weight: 300; + text-shadow: 0px 1px 2px #171C21; +} + +.splash-head p .btn { + text-shadow: none; } .splash-head code { @@ -890,6 +1001,56 @@ a.current { margin-right: 0; margin-left: -1rem; } + + .btn { + white-space: normal; + } +} + +/* Test Net Faucet stuff ---------------------------------------------------- */ + +/* Progress spinner animation */ +@keyframes rotating { + from { + transform: rotate(0deg); + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + to { + transform: rotate(360deg); + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} + +@-webkit-keyframes rotating /* Safari and Chrome */ { + from { + transform: rotate(0deg); + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + } + to { + transform: rotate(360deg); + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + } +} + +.page-test-net .throbber { + -webkit-animation: rotating 1s linear infinite; + -moz-animation: rotating 1s linear infinite; + -ms-animation: rotating 1s linear infinite; + -o-animation: rotating 1s linear infinite; + animation: rotating 1s linear infinite; + width: 25px;height:25px; } /* Print styles ------------------------------------------------------------- */ diff --git a/assets/css/ripple-txt-validator.css b/assets/css/ripple-txt-validator.css index f598d95e66..8c8ca176e3 100644 --- a/assets/css/ripple-txt-validator.css +++ b/assets/css/ripple-txt-validator.css @@ -1,6 +1,7 @@ input#domain { padding: 10px 20px; - width: 255px; + margin-bottom: 16px; + width: 100%; } .result-title { diff --git a/assets/css/test-net.css b/assets/css/test-net.css deleted file mode 100644 index dd3ad2ee21..0000000000 --- a/assets/css/test-net.css +++ /dev/null @@ -1,93 +0,0 @@ -.cta_readmore { - background-color: #27a2db; - color: white; - border-radius: 5px; - padding: 10px 50px; - border: none; - outline: 0; -} -.cta_readmore:hover, -.cta_readmore:active, -.cta_readmore:focus { - background-color: #43bded; - color: white; - outline: 0; - border: none; -} - -#your-credentials { - display: none; - margin: 15px 0 30px; -} - -#loader { - display: none; -} - -#loader img { - margin: 0 10px 0 20px; - width: 25px; - height: auto; -} - -#test-net-servers { - font-size: 15px; - border-radius: 5px; - border: 1px solid #27a2db; - width: 350px; - float: right; - margin-left: 15px; -} - -#test-net-servers pre { - overflow-x: auto; -} - -.page-test-net .container { - margin-left: 15px; - margin-right: 15px; - width: auto; -} -@media (min-width: 1600px) { - .page-test-net .container { - margin-left: auto; - margin-right: auto; - width: 1500px; - } -} - -@media (max-width: 992px) { - #test-net-servers { - position: static; - float: none; - max-width: none; - width: auto; - margin: 0 0 30px 0; - } -} - -h2 { - font-size: 36px; - color: #066b98; - line-height: 1.2em; - margin-top: 0; -} - -#test-net-servers h5 { - letter-spacing: .04em; - font-family: 'open_sansbold', sans-serif; - text-transform: uppercase; - color: #344e5a; - clear: both; - margin-top: 20px !important; -} - -#test-net-servers .panel-heading { - margin-top: 0; - padding: 0; - font-size: 21px; - font-family: "open_sanslight", sans-serif; - color: #27a2db; - line-height: 1.2em; - margin-bottom: 20px; -} diff --git a/assets/img/dollar-arrow.svg b/assets/img/dollar-arrow.svg index b46f1a2a34..5b40c60646 100644 --- a/assets/img/dollar-arrow.svg +++ b/assets/img/dollar-arrow.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="115.28699" - height="133.57501" - viewBox="0 0 30.503017 35.341723" + width="180" + height="180" + viewBox="0 0 55.585995 55.585995" version="1.1" id="svg3890" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="657.6435" - inkscape:cy="-481.78389" + inkscape:zoom="1.4" + inkscape:cx="297.68418" + inkscape:cy="-12.894264" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -58,36 +58,36 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(207.26341,13.980384)"> + transform="translate(212.85839,23.662765)"> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/exchange.svg b/assets/img/exchange.svg index ccdfca21be..fceac6007b 100644 --- a/assets/img/exchange.svg +++ b/assets/img/exchange.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="133.31163" - height="84.198715" - viewBox="0 0 35.272035 22.277577" + width="180" + height="180" + viewBox="0 0 47.624999 47.625001" version="1.1" id="svg4161" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="-459.0584" - inkscape:cy="42.09898" + inkscape:zoom="1.4" + inkscape:cx="-95.357143" + inkscape:cy="55.324706" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,26 +57,26 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(-88.197298,-137.69444)"> + transform="translate(-82.020815,-115.84633)"> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/gears.svg b/assets/img/gears.svg index a2a9cdb57f..cb69c23cdd 100644 --- a/assets/img/gears.svg +++ b/assets/img/gears.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="118.59245" - height="92.943184" - viewBox="0 0 31.377586 24.591218" + width="180" + height="180" + viewBox="0 0 47.624999 47.625001" version="1.1" id="svg4114" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="830.72416" - inkscape:cy="-99.243823" + inkscape:cx="371.42811" + inkscape:cy="-76.527355" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,16 +57,16 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(253.05767,-97.983847)"> + transform="translate(261.18142,-80.960463)"> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.42937699;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.42937699;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/line-graph.svg b/assets/img/line-graph.svg index 2f50a9246f..1bf1f89d0d 100644 --- a/assets/img/line-graph.svg +++ b/assets/img/line-graph.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="114.23917" - height="89.102867" - viewBox="0 0 30.225781 23.575134" + width="180" + height="180" + viewBox="0 0 47.625003 47.625001" version="1.1" id="svg3985" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="148.54816" - inkscape:cy="-512.59139" + inkscape:cx="-308.57141" + inkscape:cy="-488.48115" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,16 +57,16 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(72.565271,10.364948)"> + transform="translate(81.264883,28.035645)"> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.4492116;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.4492116;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/lock.svg b/assets/img/lock.svg index f4bc28f3cb..523a67ac7f 100644 --- a/assets/img/lock.svg +++ b/assets/img/lock.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="95.606049" - height="118.37814" - viewBox="0 0 25.295766 31.320883" + width="180" + height="180" + viewBox="0 0 47.624998 47.624998" version="1.1" id="svg4071" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="1044.9452" - inkscape:cy="-706.52519" + inkscape:zoom="0.5" + inkscape:cx="578.62389" + inkscape:cy="-355.71433" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(309.73698,69.422345)"> + transform="translate(316.00196,77.57442)"> + style="fill:#ff5c00;fill-rule:evenodd;stroke:none;stroke-width:0.43031234;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/network.svg b/assets/img/network.svg index 868b3d31bb..e6cca2942d 100644 --- a/assets/img/network.svg +++ b/assets/img/network.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="135.95256" - height="123.5759" - viewBox="0 0 35.970781 32.696124" + width="180" + height="180" + viewBox="0 0 47.624999 47.625002" version="1.1" id="svg3942" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="133.69057" - inkscape:cy="-475.35488" + inkscape:cx="-334.28571" + inkscape:cy="-455.68198" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(68.6342,9.6337761)"> + transform="translate(74.46131,19.357531)"> + style="fill:#1db3ff;fill-rule:evenodd;stroke:none;stroke-width:0.36509183;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/scales.svg b/assets/img/scales.svg index 3601900223..4152310ead 100644 --- a/assets/img/scales.svg +++ b/assets/img/scales.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="135.94768" - height="119.38448" - viewBox="0 0 35.969489 31.587143" + width="180" + height="180" + viewBox="0 0 47.624999 47.624997" version="1.1" id="svg4029" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="87.973828" - inkscape:cy="-437.45059" + inkscape:cx="-380.00001" + inkscape:cy="-418.57089" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(56.538313,-1.5040477)"> + transform="translate(62.366069,9.5385511)"> + style="fill:#2c3e50;fill-rule:evenodd;stroke:none;stroke-width:0.36510721;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/triskellion.svg b/assets/img/triskellion.svg index 86d96c8c57..853a579a5c 100644 --- a/assets/img/triskellion.svg +++ b/assets/img/triskellion.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="99.653053" - height="106.35328" - viewBox="0 0 26.366537 28.139304" + width="180" + height="180" + viewBox="0 0 47.625 47.624998" version="1.1" id="svg3794" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.979899" - inkscape:cx="-137.23943" - inkscape:cy="173.14777" + inkscape:cx="-99.05992" + inkscape:cy="189.76808" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(-27.638157,-16.835109)"> + transform="translate(-18.651265,-7.092261)"> + style="fill:#0f71e5;fill-rule:evenodd;stroke:none;stroke-width:0.49023423;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/js/test-net.js b/assets/js/test-net.js index e05a1e70ba..c879d8046f 100644 --- a/assets/js/test-net.js +++ b/assets/js/test-net.js @@ -35,5 +35,5 @@ function rippleTestNetCredentials() { } $(document).ready(function() { - $('.cta_readmore').click(rippleTestNetCredentials); + $('#generate-creds-button').click(rippleTestNetCredentials); }); diff --git a/assets/vendor/bootstrap.css b/assets/vendor/bootstrap.css index 4d288dbb85..a999add3e2 100644 --- a/assets/vendor/bootstrap.css +++ b/assets/vendor/bootstrap.css @@ -47,12 +47,12 @@ --gray: #6c757d; --gray-dark: #343a40; --primary: #1db4ff; - --secondary: #6c757d; + --secondary: #0A93EB; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; - --light: #e6eaee; + --light: #e1e4e8; --dark: #2b3e51; --breakpoint-xs: 0; --breakpoint-sm: 576px; @@ -449,7 +449,7 @@ samp { code { font-size: 87.5%; - color: #333; + color: #3B4147; word-break: break-word; } a > code { color: inherit; } @@ -1123,13 +1123,13 @@ pre { .table-secondary, .table-secondary > th, .table-secondary > td { - background-color: #d6d8db; } + background-color: #bae1f9; } .table-hover .table-secondary:hover { - background-color: #c8cbcf; } + background-color: #a3d7f7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { - background-color: #c8cbcf; } + background-color: #a3d7f7; } .table-success, .table-success > th, @@ -1178,13 +1178,13 @@ pre { .table-light, .table-light > th, .table-light > td { - background-color: #f8f9fa; } + background-color: #f7f7f9; } .table-hover .table-light:hover { - background-color: #e9ecef; } + background-color: #e8e8ee; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { - background-color: #e9ecef; } + background-color: #e8e8ee; } .table-dark, .table-dark > th, @@ -1698,26 +1698,26 @@ fieldset:disabled a.btn { .btn-secondary { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-secondary:hover { color: #fff; - background-color: #5a6268; - border-color: #545b62; } + background-color: #087cc6; + border-color: #0874ba; } .btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; - background-color: #545b62; - border-color: #4e555b; } + background-color: #0874ba; + border-color: #076dae; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-success { color: #fff; @@ -1813,26 +1813,26 @@ fieldset:disabled a.btn { .btn-light { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-light:hover { color: #212529; - background-color: #cfd7df; - border-color: #c8d1d9; } + background-color: #cbd1d7; + border-color: #c4cad2; } .btn-light:focus, .btn-light.focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; - background-color: #c8d1d9; - border-color: #c0cad4; } + background-color: #c4cad2; + border-color: #bdc4cc; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-dark { color: #fff; @@ -1881,27 +1881,27 @@ fieldset:disabled a.btn { box-shadow: 0 0 0 0.2rem rgba(29, 180, 255, 0.5); } .btn-outline-secondary { - color: #6c757d; + color: #0A93EB; background-color: transparent; background-image: none; - border-color: #6c757d; } + border-color: #0A93EB; } .btn-outline-secondary:hover { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; + color: #0A93EB; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-outline-success { color: #28a745; @@ -1996,27 +1996,27 @@ fieldset:disabled a.btn { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { - color: #e6eaee; + color: #e1e4e8; background-color: transparent; background-image: none; - border-color: #e6eaee; } + border-color: #e1e4e8; } .btn-outline-light:hover { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #e6eaee; + color: #e1e4e8; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-outline-dark { color: #2b3e51; @@ -3377,11 +3377,11 @@ input[type="button"].btn-block { .badge-secondary { color: #fff; - background-color: #6c757d; } + background-color: #0A93EB; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; - background-color: #545b62; } + background-color: #0874ba; } .badge-success { color: #fff; @@ -3417,11 +3417,11 @@ input[type="button"].btn-block { .badge-light { color: #212529; - background-color: #e6eaee; } + background-color: #e1e4e8; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; - background-color: #c8d1d9; } + background-color: #c4cad2; } .badge-dark { color: #fff; @@ -3477,13 +3477,13 @@ input[type="button"].btn-block { color: #0a3e57; } .alert-secondary { - color: #383d41; - background-color: #e2e3e5; - border-color: #d6d8db; } + color: #054c7a; + background-color: #cee9fb; + border-color: #bae1f9; } .alert-secondary hr { - border-top-color: #c8cbcf; } + border-top-color: #a3d7f7; } .alert-secondary .alert-link { - color: #202326; } + color: #032d49; } .alert-success { color: #155724; @@ -3522,13 +3522,13 @@ input[type="button"].btn-block { color: #491217; } .alert-light { - color: #787a7c; - background-color: #fafbfc; - border-color: #f8f9fa; } + color: #757779; + background-color: #f9fafa; + border-color: #f7f7f9; } .alert-light hr { - border-top-color: #e9ecef; } + border-top-color: #e8e8ee; } .alert-light .alert-link { - color: #5f6162; } + color: #5c5e5f; } .alert-dark { color: #16202a; @@ -3647,15 +3647,15 @@ input[type="button"].btn-block { border-color: #0f5e85; } .list-group-item-secondary { - color: #383d41; - background-color: #d6d8db; } + color: #054c7a; + background-color: #bae1f9; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #383d41; - background-color: #c8cbcf; } + color: #054c7a; + background-color: #a3d7f7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; - background-color: #383d41; - border-color: #383d41; } + background-color: #054c7a; + border-color: #054c7a; } .list-group-item-success { color: #155724; @@ -3702,15 +3702,15 @@ input[type="button"].btn-block { border-color: #721c24; } .list-group-item-light { - color: #787a7c; - background-color: #f8f9fa; } + color: #757779; + background-color: #f7f7f9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #787a7c; - background-color: #e9ecef; } + color: #757779; + background-color: #e8e8ee; } .list-group-item-light.list-group-item-action.active { color: #fff; - background-color: #787a7c; - border-color: #787a7c; } + background-color: #757779; + border-color: #757779; } .list-group-item-dark { color: #16202a; @@ -4279,12 +4279,12 @@ button.bg-primary:focus { background-color: #009ce9 !important; } .bg-secondary { - background-color: #6c757d !important; } + background-color: #0A93EB !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #545b62 !important; } + background-color: #0874ba !important; } .bg-success { background-color: #28a745 !important; } @@ -4319,12 +4319,12 @@ button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { - background-color: #e6eaee !important; } + background-color: #e1e4e8 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #c8d1d9 !important; } + background-color: #c4cad2 !important; } .bg-dark { background-color: #2b3e51 !important; } @@ -4374,7 +4374,7 @@ button.bg-dark:focus { border-color: #1db4ff !important; } .border-secondary { - border-color: #6c757d !important; } + border-color: #0A93EB !important; } .border-success { border-color: #28a745 !important; } @@ -4389,7 +4389,7 @@ button.bg-dark:focus { border-color: #dc3545 !important; } .border-light { - border-color: #e6eaee !important; } + border-color: #e1e4e8 !important; } .border-dark { border-color: #2b3e51 !important; } @@ -6181,10 +6181,10 @@ a.text-primary:hover, a.text-primary:focus { color: #009ce9 !important; } .text-secondary { - color: #6c757d !important; } + color: #0A93EB !important; } a.text-secondary:hover, a.text-secondary:focus { - color: #545b62 !important; } + color: #0874ba !important; } .text-success { color: #28a745 !important; } @@ -6211,10 +6211,10 @@ a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { - color: #e6eaee !important; } + color: #e1e4e8 !important; } a.text-light:hover, a.text-light:focus { - color: #c8d1d9 !important; } + color: #c4cad2 !important; } .text-dark { color: #2b3e51 !important; } diff --git a/content/concepts/concepts.md b/content/concepts/concepts.md deleted file mode 100644 index a5b7949a4d..0000000000 --- a/content/concepts/concepts.md +++ /dev/null @@ -1,25 +0,0 @@ -# XRP Ledger Concepts - -This section covers concepts that help you learn the "what" and "why" behind fundamental aspects of the XRP Ledger. - -While XRP Ledger functionality is incredibly robust with equally vast number of possible use cases, here's a high-level view of four primary concepts that can help you understand the fundamentals of the XRP Ledger: - -[![XRP Ledger concepts](img/xrp-ledger-concepts.png)](img/xrp-ledger-concepts.png) - - -* **[XRP Ledger Basics](x)** - - - The XRP Ledger is a decentralized cryptographic ledger powered by a network of peer-to-peer `rippled` servers. The XRP Ledger is a shared, global ledger that is open to all and gives applications authoritative information about the state of its contents. Learn more about key concepts that will help you [understand the XRP Ledger](x). - -* **[Payment System](x)** - - One of the primary purposes of the XRP Ledger is payment processing. Whether based on XRP or issued currencies, the XRP Ledger payment system enables people to send and receive value. Learn more about the key concepts that will help you [understand the XRP Ledger payment system](x). - -* **[rippled Server](x)** - - A `rippled` server is the core peer-to-peer server that manages the XRP Ledger. Each `rippled` server connects to a network of peers, relays cryptographically signed transactions, and maintains a local copy of the complete shared global ledger. Anyone can run one. Learn more about key concepts that will help you [understand the `rippled` server](x). - -* **[Consensus Network](x)** - - The peer-to-peer XRP Ledger network consists of many distributed `rippled` servers that accept and process transactions. This network determines which transactions are applied to each new version of the ledger based on the consensus process. Learn about the concepts that will help you [understand the XRP Ledger consensus network](x). diff --git a/content/concepts/introduction/introduction.md b/content/concepts/introduction/introduction.md deleted file mode 100644 index 18a098aa5d..0000000000 --- a/content/concepts/introduction/introduction.md +++ /dev/null @@ -1,25 +0,0 @@ -# Introduction - -The XRP Ledger is an open-source, decentralized cryptographic ledger. This section covers basic concepts that help you learn the "what" and "why" behind fundamental aspects of the XRP Ledger. - -- **[XRP Ledger Overview](xrp-ledger-overview.html)** - - Get a quick and concise introduction to key features of the XRP Ledger. - -- **[Consensus](consensus.html)** - - Understand the role of consensus in the XRP Ledger. - -- **[XRP](xrp.html)** - - Learn about the uses and properties of XRP, the digital asset for payments. - - - - -- **Technical FAQ ** - - Get answers to common questions about the XRP Ledger. diff --git a/content/concepts/payment-system-basics/payment-system-basics.md b/content/concepts/payment-system-basics/payment-system-basics.md deleted file mode 100644 index 733ec933da..0000000000 --- a/content/concepts/payment-system-basics/payment-system-basics.md +++ /dev/null @@ -1,24 +0,0 @@ -# Payment System Basics - -The XRP Ledger is a decentralized payment system powered by a consensus network. Although the XRP Ledger has a variety of features for advanced use cases, it all begins with sending and receiving XRP. - -- **[Accounts](accounts.html)** - - Learn about accounts in the XRP Ledger. Accounts can send transactions and hold XRP. - - - - - -- **[Fees](fees.html)** - - Learn about the types of fees allowed by the XRP Ledger, including neutral fees (payable to no one) that protect the ledger against abuse, as well as fees that users can collect from each other. - -- **[Transaction Cost](transaction-cost.html)** - - The transaction cost is a small amount of XRP destroyed to send a transaction, which protects the ledger from spam. Learn how the transaction cost applies. - -- **[Source and Destination Tags](x)** - - Understand why and when to use these tags that indicate the source and destination of an XRP Ledger payment. - diff --git a/content/use-cases/listing-xrp.md b/content/use-cases/list-xrp-in-your-exchange.md similarity index 100% rename from content/use-cases/listing-xrp.md rename to content/use-cases/list-xrp-in-your-exchange.md diff --git a/dactyl-config.yml b/dactyl-config.yml index 6d749d11d2..55797dc8f0 100644 --- a/dactyl-config.yml +++ b/dactyl-config.yml @@ -45,9 +45,12 @@ targets: github_forkurl: https://github.com/mDuo13/ripple-dev-portal github_branch: 5layertest recently_updated: - - introduction.html #TODO: update the recently_updated - # - tutorial-checks-send.html - # - reference-amendments.html + - html: introduction.html + date: 2018-05-07 + # - html: capacity-planning.html + # date: 2018-05-04 + - html: reliable-transaction-submission.html + date: 2018-04-16 pages: @@ -64,7 +67,6 @@ pages: - name: Concepts funnel: Docs doc_type: Concepts - md: concepts/concepts.md html: concepts.html template: template-landing-children.html blurb: Learn the "what" and "why" behind fundamental aspects of the XRP Ledger. @@ -75,9 +77,9 @@ pages: funnel: Docs doc_type: Concepts category: Introduction - md: concepts/introduction/introduction.md html: introduction.html template: template-landing-children.html + blurb: The XRP Ledger is a decentralized cryptographic ledger powered by a network of peer-to-peer rippled servers. This section covers basic concepts that help you learn the "what" and "why" behind fundamental aspects of the XRP Ledger. targets: - local @@ -109,12 +111,13 @@ pages: targets: - local - - md: concepts/payment-system-basics/payment-system-basics.md + - name: Payment System Basics html: payment-system-basics.html funnel: Docs doc_type: Concepts category: Payment System Basics template: template-landing-children.html + blurb: One of the primary purposes of the XRP Ledger is payment processing. Learn more about key concepts that will help you understand the XRP Ledger payment system. targets: - local @@ -149,12 +152,24 @@ pages: targets: - local - - md: concepts/complex-payment-types/complex-payment-types.md + - md: concepts/payment-system-basics/transaction-cost.md + html: transaction-cost.html + funnel: Docs + doc_type: Concepts + category: Payment System Basics + blurb: The transaction cost is a small amount of XRP destroyed to send a transaction, which protects the ledger from spam. Learn how the transaction cost applies. + targets: + - local + + # TODO: "Source and Destination Tags" stand-alone document + + - name: Complex Payment Types html: complex-payment-types.html funnel: Docs doc_type: Concepts category: Complex Payment Types template: template-landing-children.html + blurb: In addition to simple point-to-point XRP Payments, the XRP Ledger supports a number of complex payment types for a variety of use cases and situations. targets: - local @@ -163,6 +178,7 @@ pages: funnel: Docs doc_type: Concepts category: Complex Payment Types + blurb: Checks let users to create deferred payments that can be canceled or cashed by the intended recipients. targets: - local @@ -171,6 +187,7 @@ pages: funnel: Docs doc_type: Concepts category: Complex Payment Types + blurb: Escrows set aside XRP and deliver it later when certain conditions are met. Escrows can depend on time limits, cryptographic conditions, or both. targets: - local @@ -179,6 +196,7 @@ pages: funnel: Docs doc_type: Concepts category: Complex Payment Types + blurb: Partial payments subtract fees from the amount sent, delivering a flexible amount. Partial payments are useful for returning unwanted payments without incurring additional costs. targets: - local @@ -190,6 +208,7 @@ pages: doc_type: Concepts category: Issued Currencies template: template-landing-children.html + blurb: All currencies other than XRP can be represented in the XRP Ledger as issued currencies. Learn more about how issued currencies function in the XRP Ledger. targets: - local @@ -211,6 +230,7 @@ pages: doc_type: Concepts category: Decentralized Exchange template: template-landing-children.html + blurb: The XRP Ledger contains a fully-functional exchange where users can trade issued currencies for XRP or each other. targets: - local @@ -222,6 +242,7 @@ pages: doc_type: Concepts category: Consensus Network template: template-landing-children.html + blurb: The XRP Ledger uses a consensus algorithm to resolve the double spend problem and choose which transactions to execute in which order. Consensus also governs rules of transaction processing. targets: - local @@ -232,6 +253,7 @@ pages: funnel: Docs doc_type: Concepts category: Consensus Network + blurb: Amendments represent new features or other changes to transaction processing. Validators coordinate through consensus to apply these upgrades to the XRP Ledger in an orderly fashion. targets: - local @@ -242,6 +264,7 @@ pages: funnel: Docs doc_type: Concepts category: The rippled Server + blurb: rippled is the core peer-to-peer server that manages the XRP Ledger. This section covers concepts that help you learn the "what" and "why" behind fundamental aspects of the rippled server. targets: - local @@ -740,8 +763,8 @@ pages: targets: - local - - md: use-cases/listing-xrp.md - html: listing-xrp.html + - md: use-cases/list-xrp-in-your-exchange.md + html: list-xrp-in-your-exchange.html funnel: Use Cases template: template-use-case.html useful_background: diff --git a/tool/ripple.scss b/tool/ripple.scss index 4f2f0a7a9e..1fa54b285f 100644 --- a/tool/ripple.scss +++ b/tool/ripple.scss @@ -1,9 +1,15 @@ -// Variable overrides here +// Bootstrap SASS styling. Use a SASS compiler (such as sassc) to parse this +// and write the output to {repo_top}/assets/vendor/bootstrap.css +// Requires node_modules/bootstrap/scss/bootstrap to contain the Bootstrap +// source files. -$primary: #1db4ff; // "Ripple Blue" -$light: #e6eaee; + +// Override some Bootstrap variables +$primary: #1db4ff; // "Ripple Blue" (aka "Blue-1") +$secondary: #0A93EB; // "Blue-2" +$light: #e1e4e8; // "Black-20" $dark: #2b3e51; // "Background Navy" -$code-color: #333; +$code-color: #3B4147; // "Black-80" $navbar-padding-y: 0; $navbar-nav-link-padding-x: 1rem; diff --git a/tool/template-base.html b/tool/template-base.html index 6381fde2c3..c3b3d7020f 100644 --- a/tool/template-base.html +++ b/tool/template-base.html @@ -31,6 +31,16 @@ + + + + + {% block head %} {% endblock %} @@ -79,7 +89,7 @@ {% endif %} -
+
{% block breadcrumbs %} {% include 'template-breadcrumbs.html' %} {% endblock %} diff --git a/tool/template-breadcrumbs.html b/tool/template-breadcrumbs.html index b5d6ad1ce8..b4b036daab 100644 --- a/tool/template-breadcrumbs.html +++ b/tool/template-breadcrumbs.html @@ -1,4 +1,4 @@ -