Compare commits

...

49 Commits

Author SHA1 Message Date
Konstantina Galouni 84bf62dd5a Merge pull request 'Production release May 2024 [EXPLORE]' (#13) from develop into master
Reviewed-on: #13
2024-05-23 18:25:33 +02:00
Konstantina Galouni e48bf941bc [develop | DONE | FIXED]: fos.json: Fixed labels on level4 in fos vocabulary. 2024-04-30 13:10:00 +03:00
Konstantina Galouni 4d41ba373d [develop | DONE | ADDED]: Added level4 FoS (Fields of Science) in local vocabulary fos.json. 2024-04-15 17:20:44 +03:00
Konstantinos Triantafyllou 186e4bf732 Merge pull request 'Production release March 2024 [Monitor Dashboard]' (#12) from develop into master
Reviewed-on: #12
2024-03-28 12:39:36 +01:00
Alex Martzios 8d2f8348d8 [develop | DONE | ADDED] add new graph node assets 2024-03-19 12:54:57 +02:00
Konstantina Galouni 3baf82e861 Merge pull request 'Production release March 2024 [EXPLORE]' (#11) from develop into master
Reviewed-on: #11
2024-03-04 17:42:34 +01:00
Alex Martzios 651102a5ba [develop | DONE | CHANGED] compress all .png and .jpg images on common-assets library 2024-02-20 12:21:28 +02:00
Konstantina Galouni 2e971bd42c [develop | WIP | DELETED]: assets/common-assets: Deleted webp version of images - pngs will be compressed and remain. 2024-02-20 11:22:17 +02:00
Konstantina Galouni 29801f658b [develop | WIP | ADDED]: assets/common-assets: Added for every png or jpg image the webp version - TODO: After every image is replaced on the code, delete old unused images (png and jpg formats). 2024-02-19 13:26:31 +02:00
Konstantina Galouni 3b437aafda Merge pull request 'Production release February 2024' (#10) from develop into master
Reviewed-on: #10
2024-02-07 21:36:31 +01:00
Konstantinos Triantafyllou 6cef9ebed0 [develop]: Add tabs for sections in indicators 2024-02-02 12:04:35 +02:00
Konstantina Galouni 7d29727bb8 Merge pull request 'Production release January 2024' (#9) from develop into master
Reviewed-on: #9
2024-02-01 20:06:36 +01:00
Konstantina Galouni ee22e97b11 [develop | DONE | FIXED]: landing.less: In .landing-metrics-card added rule min-height: 78px (2 rows) to display background image correctly. 2023-12-28 16:32:01 +02:00
Konstantinos Triantafyllou 5812ba80f1 Merge pull request 'Production release December 2023' (#8) from develop into master
Reviewed-on: #8
2023-12-21 13:47:51 +01:00
Konstantinos Triantafyllou 1979f5ec89 [develop]: Revised access routes badge 2023-12-21 13:20:17 +02:00
Konstantinos Triantafyllou 2ea093d47e Merge branch 'develop' of code-repo.d4science.org:MaDgIK/openaire-assets into develop 2023-12-21 10:48:26 +02:00
Konstantinos Triantafyllou c4981ba8fe [develop]: Add indicator-overlay in indicators.less 2023-12-21 10:48:19 +02:00
Konstantina Galouni 2b5a3ffcba [develop | DONE | ADDED]: [missing from previous commits] Added open-access.svg in common-assets for background in landing OA Routes card. 2023-12-21 10:46:47 +02:00
Konstantina Galouni 5ce6f31d0e [develop | DONE | ADDED]: general.less: Added css for new type of filter (triplet) (.filter-button-toggle) - mat-button-toggle used. 2023-12-21 10:42:06 +02:00
Konstantina Galouni aaa9d3b59c [develop | DONE | ADDED]: landing.less: Added css for OA Routes card (.landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all)). 2023-12-21 10:38:13 +02:00
Konstantinos Triantafyllou 0bb68cd308 [develop | FIXED | DONE]: Fix access-route-badge dot positions. 2023-12-19 12:26:05 +02:00
Konstantina Galouni 1ec5cb00b5 Merge pull request 'Production release (for EOSC EXPLORE) December 2023' (#7) from develop into master
Reviewed-on: #7
2023-12-12 11:58:53 +01:00
Konstantinos Triantafyllou afde9cf3fa [develop]: Landing change metrics background to be standard color instead of secondary. 2023-12-12 10:13:14 +02:00
Konstantinos Triantafyllou 77039ce35b Merge branch 'develop' of code-repo.d4science.org:MaDgIK/openaire-assets into develop 2023-12-07 17:00:56 +02:00
Konstantinos Triantafyllou 6b425f3fa7 [develop]: Add classes for oa routes in general.less: 2023-12-07 17:00:48 +02:00
argirok bd106cfedc [develop | WIP] add zenodo dump icon 2023-12-07 11:36:44 +02:00
Konstantinos Triantafyllou 3bd0419fac [develop]: Add hook for search form in general 2023-12-06 12:42:05 +02:00
Konstantinos Triantafyllou e77e591bbb Merge pull request 'Production release November 2023' (#6) from develop into master
Reviewed-on: #6
2023-11-28 09:53:24 +01:00
Konstantinos Triantafyllou b68f375714 [develop]: Add logo style from sidebar. 2023-11-16 14:27:21 +02:00
Konstantinos Triantafyllou 4f534fc826 [develop | DONE]: Move indicators.less into common assets 2023-11-16 11:37:18 +02:00
Konstantinos Triantafyllou e82544c43f Merge pull request 'Angular & UIkit Upgrade' (#5) from develop into master
Reviewed-on: #5
2023-11-06 10:06:29 +01:00
Konstantinos Triantafyllou 6bb1e61b05 Merge pull request 'Update to Angular 16' (#4) from angular-16 into develop
Reviewed-on: #4
2023-10-30 10:59:43 +01:00
Konstantinos Triantafyllou d1b2d5e585 Merge branch 'angular-16' of code-repo.d4science.org:MaDgIK/openaire-assets into angular-16 2023-10-27 17:28:42 +03:00
Konstantinos Triantafyllou 8cd9a6dcdc [angular-16 | DONE | FIXED]: Fix width of page-content-pages in dashboard. 2023-10-27 17:28:08 +03:00
Konstantinos Triantafyllou 41852761e7 Fix width of page-content-pages in dashboard 2023-10-27 17:11:08 +03:00
Konstantinos Triantafyllou 0a58acbbd4 [angular-16 | DONE | CHANGED]: Make dashboard-sidebar sticky instead of fixed. 2023-10-25 15:15:52 +03:00
Konstantinos Triantafyllou 9e58421a1a Merge remote-tracking branch 'origin/develop' into angular-16 2023-08-30 16:45:28 +03:00
Konstantinos Triantafyllou 031329d5ca Merge pull request 'MaDgIK/openaire-library#8' (#3) from develop into master
Reviewed-on: #3
2023-08-30 12:48:43 +02:00
Konstantinos Triantafyllou a7e2f9882f Fix material theme, where it wasn't applied in slider-toggle component. 2023-08-29 14:34:54 +03:00
Konstantinos Triantafyllou ae7e623418 Update to Uikit 3.16.24 2023-08-22 17:09:03 +03:00
Konstantina Galouni d18e0a7e43 [Library & common-assets | develop]: Minor updates in mobile screens in icons/ paddings in landing pages.
1. resultLanding.component.html & project.component.html & dataProvider.component.html & organization.component.html: In mobile (small) screens, change ratio of icons in bottom action bar from 2 to 1.4.
2. showIdentifiers.component.ts: In mobile (small) screens, added in fs-modal classTitle="uk-tile-default uk-border-bottom".
3. landing.less: Added variable @landing-action-bar-mobile-border: @global-border; to use it in border-top of landing-action-bar-mobile > div | Changed padding of landing-action-bar-mobile > div to 8px in top and bottom.
2023-08-21 13:59:20 +03:00
Konstantinos Triantafyllou 9cb1f835a9 Update material theming with Angular 15 2023-08-01 12:12:01 +03:00
Konstantinos Triantafyllou 2fd57843f8 Landing: Update metrics box in order to have always light mode and fix position of metrics icon. 2023-07-12 18:27:41 +03:00
Konstantina Galouni fda17bc450 [Library & common-assets | develop]: [WIP] dataProvider.component.html & project.component.html & resultLanding.component.html: Removed "uk-card uk-card-secondary" classes from metrics box and commented badge icon | metrics-badge.svg: Changed badge color to white (used to be orange - Explore specific) | landing.less: Updated class ".landing-metrics-card" to use background-blend-mode: color-dodge for svgs in landing metrics box. 2023-07-12 17:22:45 +03:00
Konstantinos Triantafyllou 6677e29434 Merge remote-tracking branch 'origin/develop' 2023-07-12 12:58:51 +03:00
Konstantinos Triantafyllou 63c54c7db3 Landing tabs: Add border-left and radius-left, reduce gutter between sections and align section content with Tab name. 2023-07-06 16:30:04 +03:00
Konstantina Galouni ad6883318d Merge pull request 'Merging explore-redesign branch into develop for Explore July release' (#2) from explore-redesign into develop
Reviewed-on: #2
2023-07-05 11:14:42 +02:00
Konstantinos Triantafyllou c94a24a984 Merge remote-tracking branch 'origin/develop' 2023-06-28 11:47:59 +03:00
Konstantinos Triantafyllou d8e7e5439f Merge pull request 'Monitor release 16th May 2023.' (#1) from develop into master
Reviewed-on: #1
2023-05-16 16:25:32 +02:00
80 changed files with 4929 additions and 243 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 410 B

After

Width:  |  Height:  |  Size: 327 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 230 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 289 B

After

Width:  |  Height:  |  Size: 230 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 755 B

After

Width:  |  Height:  |  Size: 286 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 784 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

32
common/graph-nodes-1.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 128 KiB

13
common/graph-nodes-2.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
common/zenodoDump.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 369 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 735 B

After

Width:  |  Height:  |  Size: 465 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 861 B

View File

@ -33,8 +33,11 @@
@dashboard-sidebar-toggle-size: @icon-button-small-size;
@dashboard-sidebar-toggle-top: 50%;
@dashboard-logo-width: 30%;
@dashboard-menu-section-font-size: @global-small-font-size;
@dashboard-menu-section-line-height: 1.5 * @global-small-font-size;
@dashboard-menu-section-margin: 10px;
@dashboard-menu-section-item-line-height: @global-control-small-height;
@dashboard-menu-section-item-padding-vertical: 5px;
@dashboard-menu-section-item-padding-horizontal: 20px;
@dashboard-menu-section-item-padding-horizontal-s: 30px;
@ -85,7 +88,7 @@
}
.sidebar_mobile_toggle {
line-height: @dashboard-menu-section-item-line-height;
line-height: @dashboard-menu-section-line-height;
& .menu-icon {
background-color: @dashboard-primary-background;
@ -102,7 +105,7 @@
& > a {
position: relative;
padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
line-height: @dashboard-menu-section-item-line-height;
line-height: @dashboard-menu-section-line-height;
&:not(.uk-flex) {
display: block;
@ -119,7 +122,7 @@
& > a {
padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
&::after {
.uk-nav-parent-icon::after {
color: @dashboard-menu-section-item-parent-icon-color;
}
@ -128,7 +131,7 @@
right: (@dashboard-menu-section-item-padding-horizontal/2);
top: 50%;
transform: translate(-50%, -50%);
line-height: (@dashboard-menu-section-item-line-height - 10px);
line-height: (@dashboard-menu-section-line-height - 10px);
}
}
@ -203,8 +206,15 @@
}
}
&:not(.mobile) .uk-nav-default:extend(.uk-text-small) {
&:not(.mobile) .uk-nav-default {
font-size: @dashboard-menu-section-font-size;
line-height: @dashboard-menu-section-line-height;
margin-left: @dashboard-menu-section-margin;
& .uk-nav-sub > li {
font-size: @dashboard-menu-section-font-size;
line-height: @dashboard-menu-section-line-height;
}
}
}
@ -223,8 +233,11 @@
.sidebar_main_swipe {
#sidebar_main {
height: calc(100vh - @dashboard-header-height);
position: relative;
#sidebar_toggle {
position: fixed;
position: absolute;
z-index: @dashboard-z-index + 1;
top: @dashboard-sidebar-toggle-top;
left: @dashboard-sidebar-width;
@ -264,23 +277,31 @@
#sidebar_content {
width: @dashboard-sidebar-width;
position: fixed;
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding-top: @dashboard-header-height;
z-index: @dashboard-z-index;
background: @dashboard-sidebar-background;
border-right: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
border: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
border-left: none;
transition: width @dashboard-transition-delay linear;
-webkit-transition: width @dashboard-transition-delay linear;
-moz-transition: width @dashboard-transition-delay linear;
-o-transition: width @dashboard-transition-delay linear;
overflow-y: auto;
& #sidebar_logo:extend(.uk-flex):extend(.uk-flex-center) {
& > img {
width: @dashboard-logo-width;
}
}
}
}
@{dashboard-pages}, @{dashboard-elements} {
width: 100%;
box-sizing: border-box;
padding-left: @dashboard-sidebar-width;
transition: padding-left @dashboard-transition-delay linear;
-webkit-transition: padding-left @dashboard-transition-delay linear;

View File

@ -30,6 +30,24 @@
@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%);
@general-dot-size: 8px;
@general-dot-default-background: @global-inverse-color;
@general-dot-items: {
open: @open-access-color;
restricted: @restricted-access-color;
embargo: @embargo-access-color;
closed: @closed-access-color;
green: @green-oa-color;
gold: @gold-oa-color;
hybrid: @hybrid-oa-color;
bronze: @bronze-oa-color;
diamond: @diamond-oa-color;
}
@general-access-route-label-padding: @global-xsmall-margin;
@general-access-route-badge-size: 18px;
main {
min-height: calc(100vh - var(--header-height));
}
@ -204,6 +222,7 @@ noscript, ol, section, table, tfoot, ul, video;
background-color: @general-search-form-background;
background-image: @general-search-form-background-image;
background-position: @general-search-form-background-position;
.hook-general-search-form();
}
/* Filter slider */
@ -338,6 +357,101 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
.fully_rounded .a2a_svg { border-radius: 50% !important; }
/* Dot Items */
.dot:extend(.uk-margin-xsmall-right):extend(.uk-display-inline-block) {
width: @general-dot-size;
height: @general-dot-size;
background: @general-dot-default-background;
border-radius: 50%;
each(@general-dot-items, {
&.@{key} {
background: @value;
}
});
}
/* Access Routes */
.access-route-label:extend(.uk-label all):extend(.uk-background-default):extend(.uk-text-capitalize) {
padding: @general-access-route-label-padding;
}
.access-route-badge {
width: @general-access-route-badge-size;
height: @general-access-route-badge-size;
position: relative;
& > .dot {
position: absolute;
margin-right: 0 !important;
}
&.dots-1 {
& > .dot:first-child {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
&.dots-2 {
& > .dot:first-child {
top: 50%;
left: 0;
transform: translate(0, -50%);
}
& > .dot:nth-child(2) {
right: 0;
top: 50%;
transform: translate(0, -50%);
}
}
&.dots-3 {
& > .dot:first-child {
left: 0;
top: 100%;
transform: translate(0, -100%);
}
& > .dot:nth-child(2) {
right: 0;
top: 100%;
transform: translate(0, -100%);
}
& > .dot:nth-child(3) {
left: 50%;
top: 0;
transform: translate(-50%, 0);
}
}
}
.filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
--mat-standard-button-toggle-height: @global-control-small-height;
background-color: @global-inverse-color;
& > button > span {
padding:@global-xsmall-margin;
margin: @global-xsmall-margin;
&:hover {
background-color: @global-secondary-background;
color: @global-inverse-color;
border-radius: @global-small-border-radius;
}
}
}
.filter-button-toggle.mat-button-toggle-checked > button > span {
background-color: @global-secondary-background;
color: @global-inverse-color;
border-radius: @global-small-border-radius;
}
@inverse-general-custom-external-color: @global-inverse-color;
.hook-inverse() {
@ -347,3 +461,5 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
}
}
}
.hook-general-search-form() {}

122
less/indicators.less Normal file
View File

@ -0,0 +1,122 @@
@section-container-background: @global-inverse-color;
@section-container-border: @global-border-width solid @global-border;
@section-container-margin-top: @global-font-size + 2*@global-xsmall-gutter;
@section-tab-padding: @global-xsmall-gutter @global-gutter;
@section-tab-background: @muted-color;
@section-tab-border: @global-border-width solid @gray-300;
@section-tab-color: @placeholder-color;
@section-tab-active-color: @global-primary-background;
@section-tab-active-background: @section-container-background;
@section-tab-width: @width-small-width;
.number-preview {
border: @global-border-width solid @global-border;
background: transparent;
border-radius: @global-border-radius;
min-width: 100px;
min-height: 70px;
}
.refresh-indicator {
background-color: @global-overlay-background;
border-radius: @global-border-radius;
position: absolute;
color: @global-inverse-color;
z-index: 1;
}
.section {
padding: 60px 45px;
border-radius: @global-border-radius;
border: @global-border-width solid @global-border;
position: relative;
background: @global-inverse-color;
border-left: 5px @global-primary-background solid;
& > .tools {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -100%);
max-width: 50px;
padding: 5px 10px;
background-image: @global-primary-gradient;
color: @global-inverse-color;
-webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
display: none;
}
&:hover {
& > .tools {
display: block;
a {
color: currentColor;
&:hover {
text-decoration: none;
}
}
}
}
}
.indicator-overlay {
position: absolute;
top: 0;
left: 0;
background: @global-overlay-background;
width: 100%;
height: 100%;
.inner {
background: @global-background;
border-radius: @global-border-radius;
width: 75%;
max-height: 75%;
overflow: auto;
}
}
.section-container:extend(.uk-padding) {
background: @section-container-background;
border: @section-container-border;
position: relative;
margin-top: @section-container-margin-top + @global-large-margin;
ul.tabs {
position: absolute;
top: -@section-container-margin-top - @global-border-width;
left: 0;
display: flex;
list-style: none;
padding-left: 0;
font-size: @global-small-font-size;
& > li:extend(.clickable) {
padding: @section-tab-padding;
background: @section-tab-background;
color: @section-tab-color;
border: @section-tab-border;
border-bottom: none;
height: @global-font-size;
line-height: @global-font-size;
margin-left: -@global-border-width;
width: @section-tab-width;
&:first-child {
border-top-left-radius: @global-small-border-radius;
}
&:last-child {
border-top-right-radius: @global-small-border-radius;
}
&.uk-active:extend(.uk-text-bold) {
background: @section-tab-active-background;
border-bottom: @section-tab-active-background;
color: @section-tab-active-color;
}
}
}
}

View File

@ -32,10 +32,14 @@
@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-tab-background: @global-muted-background;
@landing-tab-border-width: 4px;
@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;
@ -50,6 +54,10 @@
@landing-action-bar-border-radius: @global-small-border-radius;
@landing-metrics-grip-gap: 80px;
@landing-metrics-background-color: @openaire-secondary-color;
@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-center-content {
@ -89,10 +97,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) {
@ -141,16 +149,20 @@
.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-top: @landing-tab-border-width solid transparent;
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-color: @landing-tab-border-active;
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;
@ -188,8 +200,8 @@
z-index: @global-z-index - 20;
& > div {
padding: 10px 20px;
border-top: @landing-action-bar-border-width solid lightgrey;
padding: 8px 20px;
border-top: @landing-action-bar-border-width solid @landing-action-bar-mobile-border;
}
}
@ -197,13 +209,26 @@
grid-gap: @landing-metrics-grip-gap;
}
.landing-metrics-card {
background-image: url("../metrics-bg.svg");
background-repeat: no-repeat;
background-size: cover;
.landing-metrics-card:extend(.uk-card):extend(.uk-card-secondary all) {
background-repeat: no-repeat, no-repeat;
@svg: escape(replace(@landing-metrics-background-svg, "@landing-metrics-background-color", @landing-metrics-background-color));
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;
min-height: 78px;
}
// rules for overriding styles of altmetrics embedded library
.landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all) {
background-repeat: no-repeat, no-repeat;
background-image: url("../open-access.svg");
background-position: calc(100%) calc(100%), center;
background-size: auto, contain;
height: 108px;
}
// rules for overriding styles of altmetrics embedded library
.altmetric-embed {
position: relative !important;
z-index: 1 !important;

View File

@ -1,24 +1,60 @@
@use '@angular/material' as mat;
@use '@angular/material/theming';
@include mat.core();
$primary-color: (
0: #211F7E,
100: #211F7E,
200: #211F7E,
300: #211F7E,
400: #211F7E,
500: #211F7E,
600: #211F7E,
700: #211F7E,
800: #211F7E,
900: #211F7E,
contrast: (50: #ffffff)
);
$secondary-color: (
0: #3086ED,
100: #3086ED,
200: #3086ED,
300: #3086ED,
400: #3086ED,
500: #3086ED,
600: #3086ED,
700: #3086ED,
800: #3086ED,
900: #3086ED,
contrast: (50: #ffffff)
);
$my-app-primary: mat.define-palette($primary-color, 0);
$my-app-accent: mat.define-palette($secondary-color, 0);
$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent);
$warn-color: (
0: #BD640D,
100: #BD640D,
200: #BD640D,
300: #BD640D,
400: #BD640D,
500: #BD640D,
600: #BD640D,
700: #BD640D,
800: #BD640D,
900: #BD640D,
contrast: (50: #ffffff)
);
$my-app-primary: mat.define-palette($primary-color);
$my-app-accent: mat.define-palette($secondary-color);
$my-app-warn: mat.define-palette($warn-color);
$my-app-theme: mat.define-light-theme((
color: (
primary: $my-app-primary,
accent: $my-app-accent,
warn: $my-app-warn
),
typography: mat.define-typography-config(),
density: 0,
));
@include mat.all-component-themes($my-app-theme);
.cdk-global-overlay-wrapper, .cdk-overlay-container {
z-index: 9999!important;
z-index: 9999 !important;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 993 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 980 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 735 B

After

Width:  |  Height:  |  Size: 465 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 861 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

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">
<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"/>
<stop offset="0" stop-color="#fff"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse">
<feOffset dx="-3" dy="-3" input="SourceAlpha"/>

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 649 KiB

10
open-access.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 850 B

After

Width:  |  Height:  |  Size: 439 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 763 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 933 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 890 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 871 B

After

Width:  |  Height:  |  Size: 563 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 689 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 904 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 732 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 617 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 795 B

After

Width:  |  Height:  |  Size: 548 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 998 B

After

Width:  |  Height:  |  Size: 566 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 808 B

After

Width:  |  Height:  |  Size: 535 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 769 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 821 B

After

Width:  |  Height:  |  Size: 558 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 713 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 17 KiB

File diff suppressed because it is too large Load Diff