Merge remote-tracking branch 'origin/develop'

This commit is contained in:
Konstantinos Triantafyllou 2023-07-12 12:58:51 +03:00
commit 6677e29434
6 changed files with 249 additions and 19 deletions

22
bip-minimal.svg Normal file
View File

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 183 131" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-179.059,-154.146)">
<g transform="matrix(1,0,0,1,-66.0596,-9.93667)">
<path d="M351.285,247.602L356.273,267.276L341.707,270.97L335.782,247.602L334.591,247.602L334.591,294.847L381.836,294.847L381.836,247.602L367.924,247.602L371.256,262.683L361.698,264.796L357.898,247.602L351.285,247.602Z"/>
</g>
<g transform="matrix(0.168673,0.743215,-0.975201,0.221322,434.556,-84.0818)">
<path d="M361.217,200.43C363.531,197.393 364.749,193.947 364.749,190.44C364.749,179.413 352.937,170.46 338.387,170.46C323.837,170.46 312.024,179.413 312.024,190.44C312.024,193.947 313.242,197.393 315.556,200.43L361.217,200.43Z"/>
</g>
<path d="M219.18,203.472L273.775,156.094L299.812,272.142L256.693,260.054L256.757,259.976C258.312,258.018 259.397,255.53 260.013,252.51C260.628,249.491 260.529,246.424 259.714,243.31C258.702,239.44 256.744,236.367 253.839,234.09C250.934,231.814 247.317,230.612 242.988,230.484C245.699,228.128 247.497,225.493 248.383,222.581C249.268,219.668 249.339,216.791 248.596,213.949C247.798,210.895 246.164,208.198 243.694,205.856C241.224,203.514 238.279,202.071 234.858,201.528C231.438,200.985 227.188,201.378 222.109,202.706L219.18,203.472ZM278.36,259.026L260.974,192.543L269.772,190.242L287.158,256.725L278.36,259.026ZM216.943,248.911L247.089,257.362C247.556,256.996 247.98,256.613 248.359,256.212C249.498,255.01 250.295,253.485 250.749,251.638C251.202,249.792 251.153,247.81 250.599,245.694C249.951,243.215 248.753,241.227 247.004,239.729C245.256,238.232 243.159,237.408 240.713,237.256C238.267,237.105 234.928,237.582 230.695,238.689L215.321,242.709L216.943,248.911ZM200.011,220.108L206.8,246.067L179.059,238.29L200.011,220.108ZM213.27,234.864L227.646,231.104C231.546,230.085 234.275,229.096 235.834,228.14C237.897,226.889 239.294,225.345 240.025,223.507C240.755,221.668 240.816,219.585 240.207,217.257C239.63,215.05 238.593,213.246 237.096,211.845C235.599,210.444 233.787,209.69 231.66,209.584C229.532,209.478 226.08,210.05 221.304,211.299L208.016,214.774L213.27,234.864Z" style="fill:rgb(68,157,68);"/>
<g transform="matrix(-0.427227,-0.904145,0.553379,-0.261483,417.632,570.854)">
<path d="M382.711,181.446L365.824,181.446L370.045,131.407L378.489,131.407L382.711,181.446Z" style="fill:rgb(191,191,191);"/>
</g>
<g transform="matrix(-0.813991,-0.580877,0.382756,-0.536361,573.704,473.775)">
<path d="M382.711,181.446L365.824,181.446L370.045,131.407L378.489,131.407L382.711,181.446Z" style="fill:rgb(191,191,191);"/>
</g>
<g transform="matrix(-0.162117,0.986772,0.520937,0.0855849,325.195,-166.277)">
<path d="M382.711,181.446L365.824,181.446L370.045,131.407L378.489,131.407L382.711,181.446Z" style="fill:rgb(191,191,191);"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -18,12 +18,18 @@
@general-search-form-background-image: none;
@general-search-form-background-position: center bottom;
@general-download-from-border-radius: @global-border-radius;
@general-download-from-background-color-hover: @ciel-color;
@general-tab-featured-tab: @global-primary-background;
@general-number-card-border-width: 6px;
@general-number-card-border: @global-primary-gradient;
@general-number-card-height: 100px;
@usage-counts-icon-gradient: linear-gradient(127deg, @usage-counts-orange-color 0%, @usage-counts-blue-color 100%);
@usage-counts-number-gradient: linear-gradient(122deg, @primary-light-color 0%, @primary-dark-color 100%);
main {
min-height: calc(100vh - var(--header-height));
}
@ -39,6 +45,19 @@ main {
max-width: 500px;
}
/* Special characters */
.bullet:before {
content: '\2022';
}
.space:before {
content: '\00A0';
}
.truncated:after {
content: '...';
}
/* Visually hidden (for icons) */
.visually-hidden {
border: 0 !important;
@ -53,6 +72,10 @@ main {
white-space: nowrap !important;
}
.metrics-number:extend(.uk-text-background) {
background-image: @usage-counts-number-gradient;
}
/* Number */
.number {
line-height: 1.25;
@ -125,7 +148,7 @@ canvas, dl, dd, dt, fieldset, figcaption, figure, footer,
form, h1, h2, h3, h4, h5, h6, header, hr, li, main, nav,
noscript, ol, section, table, tfoot, ul, video;
@lines: 1, 2, 3, 10;
@lines: 1, 2, 3, 5, 10;
.multi-line-ellipsis {
& > * {
@ -147,7 +170,7 @@ noscript, ol, section, table, tfoot, ul, video;
}
each(@lines, {
&.lines-@{value} > *{
&.lines-@{value} > * {
-webkit-line-clamp: @value;
}
});
@ -179,7 +202,7 @@ noscript, ol, section, table, tfoot, ul, video;
/* Search Form */
.search-form, .generalSearchForm {
background-color: @general-search-form-background;
background-image: @general-search-form-background-image;
background-image: @general-search-form-background-image;
background-position: @general-search-form-background-position;
}
@ -195,6 +218,22 @@ noscript, ol, section, table, tfoot, ul, video;
}
}
/* Download drop */
.download-drop {
.download-drop-item {
padding: 10px 20px;
margin: 0 4px;
border-radius: @general-download-from-border-radius;
&:hover {
background: @general-download-from-background-color-hover;
}
}
}
/* Feature tab */
.uk-tab {
& > li.uk-active > a.featuredTab, & > * > a.featuredTab {
color: @general-tab-featured-tab !important;
@ -235,6 +274,25 @@ noscript, ol, section, table, tfoot, ul, video;
}
}
/* General Icons */
.open-access {
color: @open-access-color;
}
.closed-access {
color: @close-access-color;
}
.text-usage-counts:extend(.uk-text-background),
a:hover .text-usage-counts-hover:extend(.uk-text-background) {
background-image: @usage-counts-icon-gradient;
}
.bip-icon, a:hover .bip-icon-hover {
color: @bip-color;
}
/* Social buttons */
.twitter {
&, &:hover {
@ -271,6 +329,15 @@ noscript, ol, section, table, tfoot, ul, video;
}
}
.filters-toggle-button {
position: fixed;
bottom: 5vh;
right: 5vw;
z-index: @global-z-index - 20;
}
.fully_rounded .a2a_svg { border-radius: 50% !important; }
@inverse-general-custom-external-color: @global-inverse-color;
.hook-inverse() {

View File

@ -32,17 +32,33 @@
@landing-section-min-height: 60vh;
@landing-section-border-width: 3px;
@landing-section-gutter-vertical: @global-large-gutter;
@landing-section-gutter-horizontal: @global-small-margin;
@landing-section-separator: fade(@landing-portal-color, @global-opacity);
@landing-download-from-background: @global-background;
@landing-download-from-border-width: @global-border-width;
@landing-download-from-border: @global-border;
@landing-download-from-border-radius: @global-border-radius;
@landing-tab-background: @global-muted-background;
@landing-tab-border-horizontal-width: @global-border-width;
@landing-tab-border-horizontal: @global-border;
@landing-tab-border-top-width: 4px;
@landing-tab-border-radius: @global-small-border-radius;
@landing-tab-background-active: @global-background;
@landing-tab-color-active: @landing-portal-color;
@landing-tab-border-active: @landing-portal-color;
@landing-card-tab-border-radius: @global-border-radius;
@landing-card-tab-border-width: 5px;
@landing-action-bar-padding: 10px 30px;
@landing-action-bar-grid-gap: 20px;
@landing-action-bar-border-width: @global-border-width;
@landing-action-bar-border-radius: @global-small-border-radius;
@landing-metrics-grip-gap: 80px;
.landing {
#landing-center-content {
min-height: @landing-sidebar-height;
}
#landing-left-sidebar {
width: @landing-left-sidebar-width;
@ -77,10 +93,10 @@
#landing-sections {
.landing-section {
padding-bottom: 80px;
padding: (@landing-section-gutter-vertical/2) @landing-section-gutter-horizontal @landing-section-gutter-vertical @landing-section-gutter-horizontal;
&:not(:first-child) {
margin-top: 80px;
margin-top: @landing-section-gutter-vertical;
}
&:not(.landing-section-height-auto) {
@ -126,18 +142,92 @@
}
}
.uk-dropdown {
z-index: @landing-z-index + 1;
.landing-tab:extend(.uk-text-small) {
background: @landing-tab-background;
border-radius: @landing-tab-border-radius;
border-left: @border-width;
& .uk-tab {
& > * > a {
border-bottom: none;
border-left: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal;
border-right: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal;
border-top: @landing-tab-border-top-width solid transparent;
}
& > .uk-active > a {
border-radius: @landing-tab-border-radius 0 0 0;
border-top: @landing-tab-border-top-width solid @landing-tab-border-active;
background: @landing-tab-background-active;
color: @landing-tab-color-active;
position: relative;
}
}
}
.download-from > * {
background-color: @landing-download-from-background;
border: @landing-download-from-border-width solid @landing-download-from-border;
border-radius: @landing-download-from-border-radius;
.uk-dropdown {
z-index: @landing-z-index + 1;
}
.card-tab {
border-radius: @landing-card-tab-border-radius;
border-left: @landing-card-tab-border-width solid @landing-section-separator;
}
.landing-action-bar {
padding: @landing-action-bar-padding;
border-radius: @landing-action-bar-border-radius;
border: @landing-portal-color solid @landing-action-bar-border-width;
& .uk-grid-divider > :not(.uk-first-column)::before {
border-color: @disable-color;
top: 4px;
bottom: 4px;
}
}
// TODO: when we get there
.landing-action-bar-mobile {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: @global-z-index - 20;
& > div {
padding: 10px 20px;
border-top: @landing-action-bar-border-width solid lightgrey;
}
}
.landing-metrics-overview {
grid-gap: @landing-metrics-grip-gap;
}
.landing-metrics-card {
background-image: url("../metrics-bg.svg");
background-repeat: no-repeat;
background-size: cover;
}
// rules for overriding styles of altmetrics embedded library
.altmetric-embed {
position: relative !important;
z-index: 1 !important;
}
.altmetric-normal-legend {
margin: 0 40px 0 0 !important;
.altmetric-see-more-details {
display: none !important;
}
}
.altmetric-popover-content {
background-color: unset !important;
font-size: unset !important;
font-family: unset !important;
}
}

34
metrics-badge.svg Normal file
View File

@ -0,0 +1,34 @@
<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>
<linearGradient id="linear-gradient" y1="0.129" x2="1" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#e96439"/>
<stop offset="1" stop-color="#ff7a4e"/>
</linearGradient>
<filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse">
<feOffset dx="-3" dy="-3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur"/>
<feFlood flood-color="#fff" flood-opacity="0.102"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="Union_1-2" x="6" y="6" width="56.004" height="61" filterUnits="userSpaceOnUse">
<feOffset dx="3" dy="3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-2"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-2"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Group_15050" data-name="Group 15050" transform="translate(-1255.998 -177)" style="mix-blend-mode: hue;isolation: isolate">
<g id="Group_15012" data-name="Group 15012" transform="translate(38.584 4.836)">
<g transform="matrix(1, 0, 0, 1, 1217.41, 172.16)" filter="url(#Union_1)">
<path id="Union_1-3" data-name="Union 1" d="M31.092,39.545V19.725a3.455,3.455,0,0,1,6.91,0v19.82a3.455,3.455,0,1,1-6.91,0Zm-10.364,0V25.536a3.455,3.455,0,0,1,6.909,0V39.545a3.455,3.455,0,1,1-6.909,0Zm-10.365,0v-9.36a3.455,3.455,0,0,1,6.91,0v9.36a3.455,3.455,0,1,1-6.91,0ZM0,39.545V19.725a3.455,3.455,0,1,1,6.909,0v19.82a3.455,3.455,0,1,1-6.909,0ZM10.363,20.95V6.942a3.455,3.455,0,0,1,6.91,0V20.95a3.455,3.455,0,0,1-6.91,0ZM20.728,16.3V10.428a3.455,3.455,0,1,1,6.909,0V16.3a3.455,3.455,0,1,1-6.909,0ZM0,10.491V3.455a3.455,3.455,0,1,1,6.909,0v7.036a3.455,3.455,0,0,1-6.909,0Z" transform="translate(12 12)" fill="url(#linear-gradient)"/>
</g>
</g>
<g id="Group_15010" data-name="Group 15010" transform="translate(38.584 4.836)">
<g transform="matrix(1, 0, 0, 1, 1217.41, 172.16)" filter="url(#Union_1-2)">
<path id="Union_1-4" data-name="Union 1" d="M31.092,39.545V19.725a3.455,3.455,0,0,1,6.91,0v19.82a3.455,3.455,0,1,1-6.91,0Zm-10.364,0V25.536a3.455,3.455,0,0,1,6.909,0V39.545a3.455,3.455,0,1,1-6.909,0Zm-10.365,0v-9.36a3.455,3.455,0,0,1,6.91,0v9.36a3.455,3.455,0,1,1-6.91,0ZM0,39.545V19.725a3.455,3.455,0,1,1,6.909,0v19.82a3.455,3.455,0,1,1-6.909,0ZM10.363,20.95V6.942a3.455,3.455,0,0,1,6.91,0V20.95a3.455,3.455,0,0,1-6.91,0ZM20.728,16.3V10.428a3.455,3.455,0,1,1,6.909,0V16.3a3.455,3.455,0,1,1-6.909,0ZM0,10.491V3.455a3.455,3.455,0,1,1,6.909,0v7.036a3.455,3.455,0,0,1-6.909,0Z" transform="translate(12 12)" fill="url(#linear-gradient)"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

17
metrics-bg.svg Normal file
View File

@ -0,0 +1,17 @@
<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="#4488f0"/>
<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>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -74,7 +74,7 @@
{
"code": "010303",
"id": "010303 astronomy & astrophysics",
"label": "010303 astronomy & astrophysics",
"label": "astronomy & astrophysics",
"level": 3
},
{
@ -110,7 +110,7 @@
{
"code": "010309",
"id": "010309 optics",
"label": "010309 optics",
"label": "optics",
"level": 3
}
]
@ -290,7 +290,7 @@
{
"code": "0202",
"id": "0202 electrical engineering, electronic engineering, information engineering",
"label": "0202 electrical engineering, electronic engineering, information engineering",
"label": "electrical engineering, electronic engineering, information engineering",
"level": 2,
"children": [
{
@ -1086,7 +1086,7 @@
{
"code": "0501",
"id": "0501 psychology and cognitive sciences",
"label": "0501 psychology and cognitive sciences",
"label": "psychology and cognitive sciences",
"level": 2,
"children": [
{