diff --git a/bip-minimal.svg b/bip-minimal.svg
new file mode 100644
index 0000000..7579d0d
--- /dev/null
+++ b/bip-minimal.svg
@@ -0,0 +1,22 @@
+
+
+
diff --git a/less/general.less b/less/general.less
index 449f797..d2723ba 100644
--- a/less/general.less
+++ b/less/general.less
@@ -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() {
diff --git a/less/landing.less b/less/landing.less
index 1282e01..4101fdf 100644
--- a/less/landing.less
+++ b/less/landing.less
@@ -34,15 +34,27 @@
@landing-section-border-width: 3px;
@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-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;
@@ -126,18 +138,88 @@
}
}
- .uk-dropdown {
- z-index: @landing-z-index + 1;
+ .landing-tab:extend(.uk-text-small) {
+ background: @landing-tab-background;
+ border-radius: @landing-tab-border-radius;
+
+ & .uk-tab {
+
+ & > * > a {
+ border-bottom: none;
+ border-top: @landing-tab-border-width solid transparent;
+ }
+
+ & > .uk-active > a {
+ border-color: @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;
+ }
}
diff --git a/metrics-badge.svg b/metrics-badge.svg
new file mode 100644
index 0000000..067b2a0
--- /dev/null
+++ b/metrics-badge.svg
@@ -0,0 +1,34 @@
+
diff --git a/metrics-bg.svg b/metrics-bg.svg
new file mode 100644
index 0000000..e1c8cfc
--- /dev/null
+++ b/metrics-bg.svg
@@ -0,0 +1,17 @@
+
diff --git a/vocabulary/fos.json b/vocabulary/fos.json
index 5170296..0a247a0 100644
--- a/vocabulary/fos.json
+++ b/vocabulary/fos.json
@@ -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": [
{