MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request 'MaDgIK/openaire-library#8' (#3) from develop into master 

Reviewed-on: #3
This commit is contained in:
Konstantinos Triantafyllou 2023-08-30 12:48:43 +02:00
parent 6677e29434 d18e0a7e43
commit 031329d5ca
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
less/landing.less
View File

@ -54,6 +54,10 @@
@landing-action-bar-border-radius: @global-small-border-radius; @landing-action-bar-border-radius: @global-small-border-radius;
@landing-metrics-grip-gap: 80px; @landing-metrics-grip-gap: 80px;
@landing-metrics-background-color: @global-secondary-background;
@landing-metrics-background-svg: '<svg id="Layer_1-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="326" height="155.391" viewBox="0 0 326 155.391"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_17830" data-name="Rectangle 17830" width="326" height="155.39" fill="none"/> </clipPath> </defs> <g id="Group_15222" data-name="Group 15222"> <rect id="Rectangle_17829" data-name="Rectangle 17829" width="326" height="155.39" rx="15" fill="@landing-metrics-background-color"/> <g id="Group_15221" data-name="Group 15221" clip-path="url(#clip-path)"> <circle id="Ellipse_868" data-name="Ellipse 868" cx="181.05" cy="181.05" r="181.05" transform="translate(-129.306 -88.381)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/> <circle id="Ellipse_869" data-name="Ellipse 869" cx="204.367" cy="204.367" r="204.367" transform="translate(-153.59 -135.71)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/> <circle id="Ellipse_870" data-name="Ellipse 870" cx="181.05" cy="181.05" r="181.05" transform="translate(-82.804 -115.955)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.75" opacity="0.72"/> <circle id="Ellipse_871" data-name="Ellipse 871" cx="181.05" cy="181.05" r="181.05" transform="translate(-56.26 -128.15)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.5" opacity="0.72"/> <path id="Path_119069" data-name="Path 119069" d="M-38.064-5.565a180.54,180.54,0,0,1,.745-69.415C-17.165-172.917,78.573-235.972,176.51-215.819S337.5-99.927,317.348-1.99,201.456,159,103.52,138.848A180.614,180.614,0,0,1-17.462,50.859" transform="translate(15.132 80.898)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.25" opacity="0.72"/> </g> </g></svg>';
@landing-action-bar-mobile-border: @global-border;
.landing { .landing {
#landing-center-content { #landing-center-content {
@ -196,8 +200,8 @@
z-index: @global-z-index - 20; z-index: @global-z-index - 20;
& > div { & > div {
padding: 10px 20px; padding: 8px 20px;
border-top: @landing-action-bar-border-width solid lightgrey; border-top: @landing-action-bar-border-width solid @landing-action-bar-mobile-border;
} }
} }
@ -205,10 +209,14 @@
grid-gap: @landing-metrics-grip-gap; grid-gap: @landing-metrics-grip-gap;
} }
.landing-metrics-card { .landing-metrics-card:extend(.uk-card):extend(.uk-card-secondary all) {
background-image: url("../metrics-bg.svg"); background-repeat: no-repeat, no-repeat;
background-repeat: no-repeat; @svg: escape(replace(@landing-metrics-background-svg, "@landing-metrics-background-color", @landing-metrics-background-color));
background-size: cover; background-image: url("../metrics-badge.svg"), url("data: image/svg+xml, @{svg}");
background-position: calc(100% - @card-body-padding-vertical) calc(100% - @card-body-padding-horizontal), center;
background-blend-mode: color-dodge;
background-size: auto, cover;
background-color: unset;
} }
// rules for overriding styles of altmetrics embedded library // rules for overriding styles of altmetrics embedded library

4
metrics-badge.svg
View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62.004" height="67" viewBox="0 0 62.004 67"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62.004" height="67" viewBox="0 0 62.004 67">
<defs> <defs>
<linearGradient id="linear-gradient" y1="0.129" x2="1" y2="1" gradientUnits="objectBoundingBox"> <linearGradient id="linear-gradient" y1="0.129" x2="1" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#e96439"/> <stop offset="0" stop-color="#fff"/>
<stop offset="1" stop-color="#ff7a4e"/> <stop offset="1" stop-color="#fff"/>
</linearGradient> </linearGradient>
<filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse"> <filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse">
<feOffset dx="-3" dy="-3" input="SourceAlpha"/> <feOffset dx="-3" dy="-3" input="SourceAlpha"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB