Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CORE-4730 new section (#1026) #1027

Merged
merged 1 commit into from
Nov 28, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 9 additions & 1 deletion components/testimonial/testimonial.jsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import React from 'react'
import { classNames } from '@oacore/design/lib/utils'

import { Content } from '../content'
import Markdown from '../markdown'
Expand All @@ -10,6 +11,7 @@ const Testimonial = ({
author,
organization = {},
className = '',
roleHighlite,
...restProps
}) => (
<article
Expand All @@ -29,7 +31,13 @@ const Testimonial = ({
)}
<h4 className={styles.testimonialAuthorName}>{author.name}</h4>
{author.role && (
<p className={styles.testimonialAuthorRole}>{author.role}</p>
<p
className={classNames.use(styles.testimonialAuthorRole, {
[styles.roleHighlite]: roleHighlite,
})}
>
{author.role}
</p>
)}
</header>
<Content tag="blockquote">
Expand Down
4 changes: 4 additions & 0 deletions components/testimonial/testimonial.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,10 @@ $testimonial-logo-height: 3rem !default;
color: $gray-700;
}

.role-highlite {
color: $orange-dark;
}

.testimonial-author-avatar {
position: absolute;
left: 0;
Expand Down
85 changes: 85 additions & 0 deletions data/home.yml
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,91 @@ partnerProjects:
# author: Gareth Malcolm, Content Partner Manager at Turnitin
- logo: /images/partners/ukri.png
- logo: /images/partners/ukcorr.png
users:
- title: |
**Companies** using CORE
testimonial:
id: gareth-malcolm
content: |
*Our partnership with CORE will provide Turnitin with vast amounts of metadata and full
texts that we can utilise in our plagiarism detection software.*
author:
name: Gareth Malcolm
role: Content Partner Manager at Turnitin
picture: /images/people/Gareth_Malcolm.jpeg
userList:
items:
- img: /images/logos/nvidia.svg
alt: "nvidia"
- img: /images/logos/anthropic.svg
alt: "anthropic"
- img: /images/logos/grammarly.svg
alt: "grammarly"
- img: /images/logos/lean.svg
alt: "lean"
- img: /images/logos/naver.svg
alt: "naver"
action:
caption: Show all
url: '/about/endorsements'
- title: |
**Academic** institution using CORE
testimonial:
id: kathleen-shearer
content: |
*CORE has significantly assisted the academic institutions participating in our global network with their key mission, which is their scientific content exposure. In addition, CORE has helped our content administrators to showcase the real benefits of repositories via its added value services.*
author:
name: Kathleen Shearer
role: Executive Director of the Confederation of Open Access Repositories (COAR)
picture: /images/people/kathleen.svg
userList:
items:
- img: /images/membership/cambridge.svg
alt: "cambridge"
- img: /images/membership/oxford.svg
alt: "oxford"
full: true
- img: /images/logos/chica.svg
alt: "chica"
- img: /images/logos/stAndrews.svg
alt: "andrews"
- img: /images/logos/imperial.svg
alt: "imperial"
full: true
action:
caption: Show all
url: '/about/endorsements'
- title: |
**Partner** projects
testimonial:
id: ben-johnson
content: |
*Aggregation plays an increasingly essential role in maximising the
long-term benefits of open access, helping to turn the promise of a
'research commons' into a reality. The aggregation services that CORE
provides therefore make a very valuable contribution to the evolving
open access environment in the UK.*
author:
name: Ben Johnson
role: Research Policy Adviser
picture: /images/people/johnson.jpg
userList:
items:
- img: /images/logos/coar.svg
alt: "coar"
- img: /images/logos/sparc.png
alt: "sparc"
full: true
- img: /images/logos/researchInovation.svg
alt: "researchInovation"
- img: /images/logos/losAlamos.svg
alt: "losAlamos"
- img: /images/logos/jisc.svg
alt: "jisc"
background: true
action:
caption: Show all
url: '/about/endorsements'

covid-19-notice: |
Stay up to date with the latest Open Access research
Expand Down
43 changes: 42 additions & 1 deletion pages/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import { Carousel, Button, Card } from '@oacore/design/lib'
import { classNames } from '@oacore/design/lib/utils'

import styles from './index.module.scss'
import Testimonial from '../components/testimonial'

import {
Section,
Expand All @@ -18,7 +19,7 @@ import {
Layout,
SearchForm,
} from 'design-v2/components'
import { Page } from 'components'
import { Markdown, Page } from 'components'
import page from 'data/home.yml'

const Hero = ({
Expand Down Expand Up @@ -203,6 +204,46 @@ const IndexPage = () => {
</div>
</Section>
</Layout>
<Section className={styles.partners}>
{page.users.map((item) => (
<div className={styles.mainItem}>
<div className={styles.testimonialWrapper}>
<Markdown className={styles.testimonialTitle}>
{item.title}
</Markdown>
<div className={styles.testimonialItem}>
<Testimonial
author={item.testimonial.author}
content={item.testimonial.content}
key={item.testimonial.is}
className="card card-body"
roleHighlite
/>
</div>
</div>
<section className={styles.carouselWrapper}>
<div className={styles.carouselItems}>
{item.userList.items.map((slide) => (
<img
className={classNames.use(styles.carouselItem, {
[styles.carouselItemUnset]: slide.full,
[styles.background]: slide.background,
})}
src={slide.img}
alt="logo"
key={slide.alt}
/>
))}
</div>
<div className={styles.linkWrapper}>
<a className={styles.link} href={item.userList.action.url}>
{item.userList.action.caption}
</a>
</div>
</section>
</div>
))}
</Section>
</Page>
)
}
Expand Down
58 changes: 58 additions & 0 deletions pages/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -208,3 +208,61 @@
}
}
}

.main-item {
background: #f5f5f5;
padding: var(--page-padding-y) var(--page-padding-x);
margin: 34px 0;
.testimonial-wrapper {
display: flex;
justify-content: space-between;
gap: 35px;
margin-bottom: 24px;
.testimonial-item {
width: 75%;
}
.testimonial-title {
width: 25%;
color: #212121;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 130%;
cursor: unset;
&:hover {
text-decoration: none;
}
}
}
}

.carousel-wrapper {
display: flex;
flex-direction: column;
.carousel-items {
display: flex;
justify-content: space-between;
gap: 35px;
}
.carousel-item {
border: 1px solid #b75400;
width: 212px;
height: 104px;
padding: 16px;
background: #fff;
}
.carousel-item-unset {
padding: 0;
}
.background {
background: #e85e13;
}
.link-wrapper {
display: flex;
justify-content: flex-end;
margin-top: 24px;
.link {
padding: 8px 16px;
}
}
}
7 changes: 7 additions & 0 deletions public/images/logos/chica.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 43 additions & 0 deletions public/images/logos/coar.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/logos/coarUser.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading