ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-21 04:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update light animation and header spacing

Browse Source
This commit is contained in:
Jake
2022-05-27 15:34:34 -07:00
parent 09193295b9
commit 4641172f12
10 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2022-v4a.css
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/Careers_Light.json
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/Network Node_Light.json
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/XRPL Grants_Light.json
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/XRPL-grants-light.json Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/careers-light.json Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/js/community/network-node-light.json Normal file
View File

File diff suppressed because one or more lines are too long

5
styles/_pages.scss
View File

@@ -738,11 +738,14 @@
padding-top: 2.5rem;
padding-bottom: 5rem;
padding-left: 1rem;
@include media-breakpoint-up(md) {
@include media-breakpoint-up(lg) {
padding-top: 5rem;
padding-bottom: 15rem;
padding-left: 0;
}
@include media-breakpoint-up(xl) {
padding-bottom: 25rem;
}
// Floating images
.parallax {
position: absolute;

11
styles/light/_light-theme.scss
View File

@@ -665,6 +665,17 @@ pre code {
#xrpl-events .text-light {
color: $black !important;
}
// #networkNode {
// filter: invert(100%) brightness(0.8);
// }
#xrplGrantsDark,
#xrplGrantsDark-small,
#careersDark,
#careersDark-small {
filter: invert(100%) brightness(0.8);
}
}
#find-us-on-platforms .card-deck {

14
template/page-community.html.jinja
View File

@@ -264,12 +264,14 @@
{% block endbody %}
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/bodymovin.min.js"></script>
<!-- contribute -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/network-node-dark.json"></script>
<!-- Light version for network node looks ok for both light/dark.-->
<!-- Dark version for other two and using filter invert and adjust brightness for light mode -->
<!-- <script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/network-node-dark.json"></script> -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/network-node-light.json"></script>
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/XRPL-grants-dark.json"></script>
<!-- <script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/XRPL-grants-light.json"></script> -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/careers-dark.json"></script>
<!-- <script type="text/javascript" src="{{currentpage.prefix}}assets/js/community/careers-light.json"></script> -->
<script type="text/javascript">
function networkNodeAnimation(){
@@ -278,7 +280,7 @@
renderer: 'svg',
loop: true,
autoplay: true,
animationData: networkNodeDark
animationData: networkNodeLight
});
};
@@ -288,7 +290,7 @@
renderer: 'svg',
loop: true,
autoplay: true,
animationData: networkNodeDark
animationData: networkNodeLight
});
};