ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-01 17:15:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changes from Ohn list

Browse Source 
Updated nav.
Home icons for Xpring updated
Sidebar colors and hover states
This commit is contained in:
Jake Bonham
2019-05-15 06:47:03 -07:00
committed by mDuo13
parent 34ec965ce9
commit db830f20f9
5 changed files with 81 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/devportal.css
View File

@@ -48,7 +48,7 @@ th {
}
.navbar .navbar-nav .nav-link {
font-size: 1.15rem;
font-size: 1rem;
line-height: 52px;
text-decoration: none;
font-family: 'Space Mono', monospace;
@@ -75,18 +75,18 @@ th {
}
#navbar-search .form-inline {
min-width: 250px; /* more room for placeholder text */
min-width: 224px; /* more room for placeholder text */
}
#topsearchbar {
padding-right: 60px;
padding-right: 40px;
width: 100%;
font-size: 0.875rem;
}
#navbar-search .btn {
position: absolute;
right: 0.375rem;
right: 0;
}
/* Top navigation Mobile ----------------------------------------------------------- */
@@ -154,7 +154,7 @@ body {
font-feature-settings: "liga", "kern";
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 18px;
font-size: 0.9375rem;
}
/* Push content below fixed header ------------------------------------------ */
@@ -352,7 +352,7 @@ body {
font-size: 1rem;
}
.xrpl-footer li {
font-size: 1rem;
font-size: 0.75rem;
}
.absolute_bottom_footer span {
@@ -785,7 +785,6 @@ a.current {
.right-sidebar .card-header h4 {
line-height: 20px;
font-weight: 700;
font-size: 1.2em;
padding: 0;
margin: 0;
@@ -809,9 +808,6 @@ a.current {
.right-sidebar .level-2 {
margin-left: 0;
}
.right-sidebar .level-3 {
margin-left: 16px;
}
/* Use Cases ---------------------------------------------------------------- */
.use-case-steps {
@@ -1022,16 +1018,15 @@ a.current {
/* "Related Projects" boxes -------------- */
.interledger-link .project-icon {
width: 120px;
width: 80px;
}
.xpring-link .project-icon {
background-color: #212529; /* Xpring color */
padding: 4px;
border-radius: 4px;
height: 24px;
height: 60px;
width: 100px;
line-height: 20px;
vertical-align: middle;
margin: 9px 0;
}
/* Interactive blocks in tutorial contents ---------------------------------- */

10
assets/img/xpring-logo.svg
View File

@@ -1,9 +1 @@
<svg width="151" height="27" viewBox="0 0 151 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M151 11.726V22.3531C151 22.7847 150.844 23.1765 150.562 23.5181L150.546 23.5371L150.529 23.5542C148.12 25.8658 144.866 27 140.818 27C138.737 27 136.862 26.6967 135.198 26.0819L135.196 26.0811C133.557 25.4667 132.155 24.577 130.998 23.4095C129.841 22.2419 128.959 20.8273 128.35 19.173L128.35 19.1712C127.74 17.492 127.44 15.5996 127.44 13.5C127.44 11.4227 127.74 9.54183 128.35 7.86317C128.958 6.18618 129.84 4.75926 130.998 3.59062C132.155 2.42313 133.557 1.53328 135.196 0.91878L135.198 0.918156C136.862 0.303242 138.737 0 140.818 0C144.288 0 147.183 0.853012 149.471 2.59067L150.103 3.0369L147.874 5.44889L147.536 5.19435C145.837 3.91332 143.609 3.2546 140.818 3.2546C137.446 3.2546 134.939 4.14851 133.229 5.87305C131.54 7.59906 130.665 10.1184 130.665 13.5C130.665 16.9055 131.541 19.4358 133.229 21.1612C134.939 22.8857 137.446 23.7797 140.818 23.7797C143.768 23.7797 146.072 23.0523 147.775 21.6401V14.9801L151 11.726Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.4949 0.240179L48.4996 0.240284C49.5726 0.264426 50.5802 0.493055 51.5178 0.92877C52.4708 1.33826 53.3078 1.90541 54.0257 2.6299C54.7464 3.357 55.3091 4.21615 55.7146 5.20247C56.1226 6.17161 56.3257 7.20028 56.3257 8.28421C56.3257 9.39301 56.1105 10.4458 55.679 11.4386C55.2723 12.4034 54.6978 13.2604 53.9576 14.0073C53.2384 14.7331 52.3892 15.3113 51.4144 15.7433L51.4098 15.7453C50.4477 16.1579 49.4163 16.3625 48.3201 16.3625H39.1532V26.7941H35.9279V0.240284L48.4949 0.240179ZM48.3201 13.1424C48.9668 13.1424 49.5788 13.0164 50.1601 12.7651C50.7467 12.5113 51.2569 12.1641 51.694 11.7231C52.1311 11.2821 52.4752 10.7671 52.7266 10.1752C52.975 9.59042 53.1005 8.96146 53.1005 8.28421C53.1005 7.63173 52.9757 7.01411 52.7266 6.42761C52.4752 5.83559 52.1311 5.32068 51.694 4.87966C51.2569 4.43864 50.7467 4.09148 50.1601 3.83767C49.5788 3.58635 48.9668 3.46044 48.3201 3.46044H39.1532V13.1424H48.3201Z" fill="white"/>
<path d="M101.74 26.7941H104.965V6.78757L118.36 25.4241C118.922 26.2064 119.84 26.6461 120.795 26.591L122.176 26.5115V0.240179H118.984V20.2475L105.375 1.32421C104.925 0.698477 104.191 0.347053 103.427 0.391072L101.74 0.488372V26.7941Z" fill="white"/>
<path d="M69.4318 16.4312C71.0481 16.4312 72.5774 17.1707 73.5916 18.4426L80.251 26.7941H84.3972L75.2855 15.2153C74.2719 13.9273 72.7325 13.1767 71.1042 13.1767H64.7913V3.52912H73.9583C74.6049 3.52912 75.2169 3.65504 75.7982 3.90635C76.3849 4.16006 76.8951 4.50732 77.3322 4.94834L77.3395 4.95563C77.7721 5.37136 78.1141 5.8717 78.3648 6.46195C78.6131 7.04679 78.7386 7.67554 78.7386 8.3529C78.7386 9.02921 78.6135 9.65713 78.3659 10.2411C78.2156 10.5819 78.0319 10.8997 77.8143 11.195L79.9128 13.7314C79.9391 13.7015 79.9652 13.6714 79.9911 13.6411C80.6116 12.9185 81.0898 12.1106 81.4247 11.2192C81.785 10.3206 81.9639 9.36388 81.9639 8.3529C81.9639 7.26886 81.7608 6.2403 81.3529 5.27115C80.9473 4.28462 80.3845 3.42568 79.6638 2.69838C78.9468 1.97492 78.1111 1.39706 77.16 0.96488C76.2212 0.52802 75.2124 0.298663 74.1377 0.274625L74.133 0.274521H63.1787C62.7363 0.274521 62.3488 0.454967 62.0299 0.776837C61.7249 1.08455 61.5661 1.4672 61.5661 1.90177V26.7941H64.7913V16.4312H69.4318Z" fill="white"/>
<path d="M89.7381 0.240179H92.9634V26.7941H89.7381V0.240179Z" fill="white"/>
<path d="M26.5071 0.173474H30.9988L21.6535 9.69803C18.2707 13.1459 12.7859 13.1459 9.40307 9.69803L0.0577162 0.173474H4.54953L11.649 7.40914C13.7915 9.59271 17.2651 9.59271 19.4076 7.40914L26.5071 0.173474Z" fill="white"/>
<path d="M0 26.6594H4.49185L11.649 19.365C13.7915 17.1815 17.2651 17.1815 19.4076 19.365L26.5647 26.6594H31.0566L21.6535 17.0759C18.2707 13.6282 12.7859 13.6282 9.40307 17.0759L0 26.6594Z" fill="white"/>
</svg>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 881.67 153.95"><defs><style>.cls-1{fill:#23292f;}</style></defs><title>logo-xpring</title><g id="Canvas"><g id="Frame"><g id="Union"><path class="cls-1" d="M881.67,66.86v60.6a10.12,10.12,0,0,1-2.56,6.64l-.09.11-.11.1C864.85,147.49,845.85,154,822.22,154q-18.22,0-32.82-5.23h0a67.28,67.28,0,0,1-24.51-15.23,66,66,0,0,1-15.46-24.16h0Q744.09,95,744.1,77a91.9,91.9,0,0,1,5.31-32.14,66,66,0,0,1,15.47-24.37A67.42,67.42,0,0,1,789.39,5.24h0Q804,0,822.22,0c20.26,0,37.16,4.86,50.52,14.77l3.69,2.55-13,13.75-2-1.45c-9.92-7.31-22.93-11.06-39.22-11.06-19.69,0-34.33,5.09-44.31,14.93s-15,24.21-15,43.49,5.12,33.84,15,43.68,24.62,14.93,44.31,14.93c17.22,0,30.67-4.15,40.62-12.2v-38Z"/><path class="cls-1" d="M283.15,1.37h0A44.57,44.57,0,0,1,300.81,5.3,45.8,45.8,0,0,1,315.45,15a44.66,44.66,0,0,1,9.86,14.66,44.86,44.86,0,0,1-.21,35.56,46,46,0,0,1-10.05,14.65,48.32,48.32,0,0,1-14.85,9.9h0a46.27,46.27,0,0,1-18,3.52H228.61v59.48H209.78V1.37Zm-1,73.57a27.4,27.4,0,0,0,10.75-2.15,28.45,28.45,0,0,0,8.95-5.94,27.88,27.88,0,0,0,6-8.83,26.74,26.74,0,0,0,2.19-10.78,26.15,26.15,0,0,0-2.19-10.59,27.77,27.77,0,0,0-6-8.83,28.45,28.45,0,0,0-8.95-5.94,27.4,27.4,0,0,0-10.75-2.15H228.61V74.94Z"/><path class="cls-1" d="M594,152.78h18.83V38.7L691.09,145a16.47,16.47,0,0,0,14.21,6.65l8.06-.45V1.37H694.73V115.45L615.27,7.55a13.2,13.2,0,0,0-11.38-5.32L594,2.78Z"/><path class="cls-1" d="M405.4,93.69a31.36,31.36,0,0,1,24.29,11.47l38.88,47.62h24.21l-53.2-66a31.34,31.34,0,0,0-24.41-11.63H378.31v-55h53.52a27.32,27.32,0,0,1,10.74,2.15,28.24,28.24,0,0,1,9,5.95l0,0a25.48,25.48,0,0,1,6,8.59,27.75,27.75,0,0,1,0,21.54,28.24,28.24,0,0,1-3.22,5.44L466.6,78.3l.46-.52A45.7,45.7,0,0,0,475.43,64a42.68,42.68,0,0,0,3.14-16.34A43.94,43.94,0,0,0,475,30.06a44.63,44.63,0,0,0-9.87-14.67A48.82,48.82,0,0,0,450.53,5.5a44.53,44.53,0,0,0-17.65-3.93h-64a9.37,9.37,0,0,0-6.71,2.86,8.77,8.77,0,0,0-2.71,6.41V152.78h18.84V93.69Z"/><path class="cls-1" d="M524,1.37H542.8V152.78H524Z"/><path class="cls-1" d="M154.77,1H181L126.43,55.3a50.75,50.75,0,0,1-71.53,0L.34,1H26.56L68,42.25a32.14,32.14,0,0,0,45.3,0Z"/><path class="cls-1" d="M0,152H26.23L68,110.42a32.14,32.14,0,0,1,45.3,0L155.11,152h26.22l-54.9-54.64a50.75,50.75,0,0,0-71.53,0Z"/></g></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

28
assets/vendor/bootstrap.css vendored
View File

@@ -5459,7 +5459,7 @@ button.bg-dark:focus {
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }
background-color: transparent; }
.m-0 {
margin: 0 !important; }
@@ -7050,7 +7050,8 @@ a.text-dark:hover, a.text-dark:focus {
h1, h2, h3, h4, h5 {
font-family: 'Space Mono', monospace;
font-weight: 700; }
font-weight: 700;
color: #1B1818; }
.landing section,
.xrpl-footer .card-grid,
@@ -7286,6 +7287,24 @@ aside a.active-parent {
font-weight: 700;
padding: 15px 16px 15px 10px; }
.right-sidebar .level-1 a {
color: #1B1818; }
.right-sidebar .level-3 {
padding-left: 16px;
border-left: 1px solid #EBE8E7;
margin-bottom: 0;
padding-bottom: 5px; }
.right-sidebar .level-3 a {
margin-top: 0;
padding-bottom: 5px; }
.right-sidebar a:hover {
text-decoration: none;
border-left: 1px solid #25A768;
padding-left: 34px; }
/* main content area ----------------------------------- */
.sidebar-primary .main {
border-left: 1px solid #EBE8E7;
@@ -7294,7 +7313,7 @@ aside a.active-parent {
.content a.button {
box-shadow: inset 0 0 0 1px #D3D0CF;
color: #676463;
border: 1px solid #676463; }
border: 1px solid #D3D0CF; }
#main_content_wrapper .btn-outline-secondary:hover,
#main_content_wrapper .btn-outline-secondary:active,
@@ -7324,4 +7343,5 @@ aside a.active-parent {
line-height: 17px;
/* Match search box height */
font-family: "Space Mono", monospace;
font-weight: 700; }
font-weight: 700;
margin-left: 10px; }

28
tool/template-home.html
View File

@@ -247,23 +247,31 @@
</div>
</div><!--/.section-hero-->
<a class="interledger-link card" href="https://interledger.org/" target="_blank">
<div class="card-body">
<div class="card interledger-link">
<div class="card-header">
<img class="project-icon" src="assets/img/ilp_logo.svg" />
<h3 class="card-title">Interledger<i class="fa fa-external-link" aria-hidden="true"></i>
</h3>
<h3 class="card-title">Interledger</h3>
</div><!--/.card-header-->
<div class="card-body">
<p class="project-summary">Interledger is an open protocol suite for sending payments across different ledgers.</p>
</div><!--/.card-body-->
</a><!--/.card-->
<div class="card-footer">
<a class="btn btn-outline-secondary external-link" href="https://interledger.org/" target="_blank">Learn More <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div><!--/.card-footer-->
</div><!--/.card-->
<a class="xpring-link card" href="https://xpring.co/" target="_blank">
<div class="card xpring-link">
<div class="card-header">
<img class="project-icon" src="assets/img/xpring-logo.svg" alt="Xpring" />
<h3 class="card-title">Xpring</h3>
</div><!--/.card-header-->
<div class="card-body">
<h3 class="card-title">
<img class="project-icon" src="assets/img/xpring-logo.svg" alt="Xpring" /><i class="fa fa-external-link" aria-hidden="true"></i>
</h3>
<p class="project-summary">Xpring (pronounced “spring”) is a Ripple initiative that builds infrastructure and helps innovative blockchain projects grow through investments and partnerships.</p>
</div><!--/.card-body-->
</a><!--/.card-->
<div class="card-footer">
<a class="btn btn-outline-secondary external-link" href="https://xpring.co/" target="_blank">Learn More <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div><!--/.card-footer-->
</div><!--/.card-->
</section><!-- / Related Projects -->
{% endblock %}

26
tool/xrpl.scss
View File

@@ -76,6 +76,7 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
h1, h2, h3, h4, h5 {
font-family: 'Space Mono', monospace;
font-weight: 700;
color: $black;
}
.landing section,
@@ -361,6 +362,28 @@ aside a.active-parent {
padding: 15px 16px 15px 10px;
}
.right-sidebar .level-1 a {
color: $black;
}
.right-sidebar .level-3 {
padding-left: 16px;
border-left: 1px solid $gray-200;
margin-bottom: 0;
padding-bottom: 5px;
}
.right-sidebar .level-3 a {
margin-top: 0;
padding-bottom: 5px;
}
.right-sidebar a:hover {
text-decoration: none;
border-left: 1px solid $primary;
padding-left: 34px;
}
/* main content area ----------------------------------- */
.sidebar-primary .main {
border-left: 1px solid $gray-200;
@@ -370,7 +393,7 @@ aside a.active-parent {
.content a.button {
box-shadow: inset 0 0 0 1px $gray-300;
color: $gray-600;
border: 1px solid $gray-600;
border: 1px solid $gray-300;
}
#main_content_wrapper .btn-outline-secondary:hover,
@@ -402,4 +425,5 @@ aside a.active-parent {
line-height: 17px; /* Match search box height */
font-family: "Space Mono", monospace;
font-weight: 700;
margin-left: 10px;
}