diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index c971ce5ad..f103b6436 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -36,6 +36,13 @@ export const routes: Routes = [ (mod) => mod.HomeComponent, ), }, + { + path: 'home-logged-out', + loadComponent: () => + import('./features/home/logged-out/home-logged-out.component').then( + (mod) => mod.HomeLoggedOutComponent, + ), + }, { path: 'support', loadComponent: () => diff --git a/src/app/core/components/root/root.component.scss b/src/app/core/components/root/root.component.scss index 156368f90..2d9da4687 100644 --- a/src/app/core/components/root/root.component.scss +++ b/src/app/core/components/root/root.component.scss @@ -9,6 +9,7 @@ display: flex; flex: 1; background-color: var.$dark-blue-1; + max-width: 100vw; .content-wrapper { flex: 1; diff --git a/src/app/features/home/data.ts b/src/app/features/home/data.ts new file mode 100644 index 000000000..ef10feb7c --- /dev/null +++ b/src/app/features/home/data.ts @@ -0,0 +1,246 @@ +import { Project } from '@osf/features/home/models/project.entity'; + +export const projects: Project[] = [ + { + id: '1', + title: 'Project name example', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Steger', + }, + { + id: '2', + unregisteredContributor: 'Oison', + }, + { + id: '2', + unregisteredContributor: 'Errington', + }, + ], + links: null, + }, + { + id: '2', + title: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Longsurname1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolosit', + }, + { + id: '2', + unregisteredContributor: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', + }, + ], + links: null, + }, + { + id: '3', + title: 'Lorem ipsum dolor sit amet', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Loremipsumdolorsitam1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', + }, + ], + links: null, + }, + { + id: '4', + title: 'Project long name example Lorem ipsum dolor/', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Steger', + }, + { + id: '2', + unregisteredContributor: 'Oison', + }, + { + id: '2', + unregisteredContributor: 'Errington', + }, + ], + links: null, + }, + { + id: '5', + title: 'Project long name example /', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Steger', + }, + { + id: '2', + unregisteredContributor: 'Oison', + }, + { + id: '2', + unregisteredContributor: 'Errington', + }, + ], + links: null, + }, + { + id: '6', + title: 'Project long name example', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Steger', + }, + { + id: '2', + unregisteredContributor: 'Oison', + }, + { + id: '2', + unregisteredContributor: 'Errington', + }, + ], + links: null, + }, + { + id: '7', + title: 'Project long name example Lorem ipsum dolor sit amet', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Longsurname1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolosit', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolorsitam', + }, + ], + links: null, + }, + { + id: '8', + title: 'Lorem ipsum dolor sit amet', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Loremipsumdolorsitam1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', + }, + ], + links: null, + }, + { + id: '9', + title: 'Project long name example Lorem ipsum dolor sit amet', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Longsurname1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolosit', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolorsitam', + }, + ], + links: null, + }, + { + id: '10', + title: 'Lorem ipsum dolor sit amet', + dateModified: new Date(), + bibliographicContributors: [ + { + id: '1', + unregisteredContributor: 'Loremipsumdolorsitam1', + }, + { + id: '2', + unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', + }, + ], + links: null, + }, +]; + +export const noteworthy = [ + { + title: + 'CLINICAL APPLICATIONS OF DIGITAL DENTISTRY IN PEDIATRIC DENTISTRY: SCOPE REVIEW', + authors: 'by Moreira, Imparato, Borges, and 1 more', + }, + { + title: + 'Transcutaneous electrical nerve stimulation enhances gait adaptation savings in multiple sclerosis', + authors: 'by Hagen, Whittier, Stephens, and 1 more', + }, + { + title: + 'New technologies of the lipid fraction of industrialized parenteral nutrition, does the incorporation bring results in the clinical results of patients? A scoping review of the literature', + authors: 'by de Oliveira and Manin', + }, + { + title: + 'Corticospinal Excitability in Response to Mediolateral Gait Instability', + authors: 'by Raven, Davies, and Bruijn', + }, + { + title: 'Topic Modeling - Mississippi River Basin Literature', + authors: 'by Wimhurst, Koch, and McPherson', + }, +]; + +export const mostPopular = [ + { + title: 'PsiChiR', + authors: 'by Wagge, Staples, Edlund, and 3 more', + }, + { + title: + 'Data and Code for "Evaluating large language models in theory of mind tasks"', + authors: 'by Kosinski', + }, + { + title: + 'The Data Detectives! A Game of Persistent Identifiers (PIDfest 2024)', + authors: 'by Olson', + }, + { + title: 'Working Group on NIH DMSP Guidance', + authors: 'by Ye, Hertz, Badger, and 26 more', + }, + { + title: 'Better Scientific Poster', + authors: 'by Morrison', + }, +]; diff --git a/src/app/features/home/home.component.html b/src/app/features/home/home.component.html index 253b6e8a1..cbafbe0db 100644 --- a/src/app/features/home/home.component.html +++ b/src/app/features/home/home.component.html @@ -27,12 +27,11 @@ search OSF

-
+
diff --git a/src/app/features/home/home.component.scss b/src/app/features/home/home.component.scss index 6d518ae28..b5b32b82f 100644 --- a/src/app/features/home/home.component.scss +++ b/src/app/features/home/home.component.scss @@ -1,19 +1,32 @@ @use "assets/styles/variables" as var; -@mixin flex-container($direction: row, $justify: flex-start, $align: center) { - display: flex; - flex-direction: $direction; - justify-content: $justify; - align-items: $align; -} - :host { - @include flex-container(column); + display: flex; + flex-direction: column; .home-container { margin-top: 4.5rem; } + .dashboard-header { + display: flex; + justify-content: start; + width: 100%; + padding: 7.14rem 1.71rem 3.43rem 1.71rem; + background: var.$gradient-1; + + .dashboard-title { + font-size: 1.71rem; + color: var.$dark-blue-1; + font-weight: 700; + margin-left: 0.86rem; + } + + p-button { + margin-left: auto; + } + } + .quick-search-container { background: white; padding: 1.71rem; @@ -30,30 +43,6 @@ color: var.$pr-blue-1; } } - - .search-container { - @include flex-container(row, flex-start, center); - position: relative; - - i { - position: absolute; - left: 0.86rem; - color: var.$dark-blue-1; - font-size: 1.1rem; - } - - .search-input { - width: 100%; - background: white; - border: 1px solid var.$grey-2; - border-radius: 0.57rem; - font-size: 1.1rem; - font-weight: 400; - padding-left: 2.86rem; - color: var.$dark-blue-1; - height: 3.29rem; - } - } } .public-projects-container { diff --git a/src/app/features/home/home.component.ts b/src/app/features/home/home.component.ts index 1062e7df4..4e08e7538 100644 --- a/src/app/features/home/home.component.ts +++ b/src/app/features/home/home.component.ts @@ -3,12 +3,14 @@ import { InputTextModule } from 'primeng/inputtext'; import { FormsModule } from '@angular/forms'; import { TableModule } from 'primeng/table'; import { Project } from '@osf/features/home/models/project.entity'; -import { DatePipe } from '@angular/common'; +import { DatePipe, NgOptimizedImage } from '@angular/common'; import { RouterLink } from '@angular/router'; import { Button } from 'primeng/button'; import { SubHeaderComponent } from '@shared/components/sub-header/sub-header.component'; import { IS_PORTRAIT, IS_XSMALL } from '@shared/utils/breakpoints.tokens'; import { toSignal } from '@angular/core/rxjs-interop'; +import { Carousel } from 'primeng/carousel'; +import { noteworthy, mostPopular, projects } from '@osf/features/home/data'; @Component({ selector: 'osf-home', @@ -21,6 +23,8 @@ import { toSignal } from '@angular/core/rxjs-interop'; RouterLink, Button, SubHeaderComponent, + Carousel, + NgOptimizedImage, ], templateUrl: './home.component.html', styleUrl: './home.component.scss', @@ -30,198 +34,9 @@ export class HomeComponent { #isXSmall$ = inject(IS_XSMALL); isPortrait = toSignal(this.#isPortrait$); isXSmall = toSignal(this.#isXSmall$); - projects: Project[] = [ - { - id: '1', - title: 'Project name example', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Steger', - }, - { - id: '2', - unregisteredContributor: 'Oison', - }, - { - id: '2', - unregisteredContributor: 'Errington', - }, - ], - links: null, - }, - { - id: '2', - title: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Longsurname1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolosit', - }, - { - id: '2', - unregisteredContributor: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', - }, - ], - links: null, - }, - { - id: '3', - title: 'Lorem ipsum dolor sit amet', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Loremipsumdolorsitam1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', - }, - ], - links: null, - }, - { - id: '4', - title: 'Project long name example Lorem ipsum dolor/', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Steger', - }, - { - id: '2', - unregisteredContributor: 'Oison', - }, - { - id: '2', - unregisteredContributor: 'Errington', - }, - ], - links: null, - }, - { - id: '5', - title: 'Project long name example /', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Steger', - }, - { - id: '2', - unregisteredContributor: 'Oison', - }, - { - id: '2', - unregisteredContributor: 'Errington', - }, - ], - links: null, - }, - { - id: '6', - title: 'Project long name example', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Steger', - }, - { - id: '2', - unregisteredContributor: 'Oison', - }, - { - id: '2', - unregisteredContributor: 'Errington', - }, - ], - links: null, - }, - { - id: '7', - title: 'Project long name example Lorem ipsum dolor sit amet', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Longsurname1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolosit', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolorsitam', - }, - ], - links: null, - }, - { - id: '8', - title: 'Lorem ipsum dolor sit amet', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Loremipsumdolorsitam1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', - }, - ], - links: null, - }, - { - id: '9', - title: 'Project long name example Lorem ipsum dolor sit amet', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Longsurname1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolosit', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolorsitam', - }, - ], - links: null, - }, - { - id: '10', - title: 'Lorem ipsum dolor sit amet', - dateModified: new Date(), - bibliographicContributors: [ - { - id: '1', - unregisteredContributor: 'Loremipsumdolorsitam1', - }, - { - id: '2', - unregisteredContributor: 'Loremipsumdolorsitamipsumdol2', - }, - ], - links: null, - }, - ]; + projects: Project[] = projects; + noteworthy = noteworthy; + mostPopular = mostPopular; searchValue = signal(''); @@ -236,58 +51,6 @@ export class HomeComponent { ); }); - noteworthy = [ - { - title: - 'CLINICAL APPLICATIONS OF DIGITAL DENTISTRY IN PEDIATRIC DENTISTRY: SCOPE REVIEW', - authors: 'by Moreira, Imparato, Borges, and 1 more', - }, - { - title: - 'Transcutaneous electrical nerve stimulation enhances gait adaptation savings in multiple sclerosis', - authors: 'by Hagen, Whittier, Stephens, and 1 more', - }, - { - title: - 'New technologies of the lipid fraction of industrialized parenteral nutrition, does the incorporation bring results in the clinical results of patients? A scoping review of the literature', - authors: 'by de Oliveira and Manin', - }, - { - title: - 'Corticospinal Excitability in Response to Mediolateral Gait Instability', - authors: 'by Raven, Davies, and Bruijn', - }, - { - title: 'Topic Modeling - Mississippi River Basin Literature', - authors: 'by Wimhurst, Koch, and McPherson', - }, - ]; - - mostPopular = [ - { - title: 'PsiChiR', - authors: 'by Wagge, Staples, Edlund, and 3 more', - }, - { - title: - 'Data and Code for "Evaluating large language models in theory of mind tasks"', - authors: 'by Kosinski', - }, - { - title: - 'The Data Detectives! A Game of Persistent Identifiers (PIDfest 2024)', - authors: 'by Olson', - }, - { - title: 'Working Group on NIH DMSP Guidance', - authors: 'by Ye, Hertz, Badger, and 26 more', - }, - { - title: 'Better Scientific Poster', - authors: 'by Morrison', - }, - ]; - getContributorsList(item: Project) { return this.projects .find((i) => i.id === item.id) diff --git a/src/app/features/home/logged-out/home-logged-out.component.html b/src/app/features/home/logged-out/home-logged-out.component.html new file mode 100644 index 000000000..5b2e9fa92 --- /dev/null +++ b/src/app/features/home/logged-out/home-logged-out.component.html @@ -0,0 +1,271 @@ +
+
+

There’s a better way to manage your research

+

+ OSF is a free, open platform to support your research and enable + collaboration +

+ +
+
+ better-research +
+
+ +
+
+

Discover Public Research

+

+ Discover projects, data, materials, and collaborators on OSF that might be + helpful to your own research +

+
+ +
+ + +
+
+ +
+

How OSF Supports your research

+
+
+
+
+ search icon + search icon +
+
+

Search And Discover

+

+ Find papers, data, and materials to inspire your next research + project. Search public projects to build on the work of others and + find new collaborators +

+
+
+ +
+
+ search icon + search icon +
+
+

Design Your Study

+

+ Start a project and add collaborators, giving them access to + protocols and other research materials. Built-in version control + tracks the evolution of your study +

+
+
+ +
+
+ search icon + search icon +
+
+

Collect and Analyze Data

+

+ Store data, code, and other materials in OSF Storage, or connect + your Dropbox or other third-party account. Every file gets a unique, + persistent URL for citing and sharing +

+
+
+ +
+
+ search icon +
+
+

Publish Your Reports

+

+ Share papers in OSF Preprints or a community-based preprint + provider, so others can find and cite your work. Track impact with + metrics like downloads and view counts +

+
+
+
+
+ +
+
+ +
+ +
+
+ +
+

What others are saying

+
+ +
+ + +
+
+ search icon +
+
+

{{ slide.title }}

+
+

{{ slide.author }}

+

{{ slide.facility }}

+
+
+ +
+ + +
+ +

+ OSF integrations make your workflow more efficient +

+ +
+
+
+

Authentication

+
+
+

Discovery

+
+
+

References

+
+
+

Storage

+
+
+ +
+
+ incommon + sso +
+ +
+ google-scholar + orcid +
+ +
+ mendeley + zotero +
+ +
+ gropbox + google-drive +
+
+
diff --git a/src/app/features/home/logged-out/home-logged-out.component.scss b/src/app/features/home/logged-out/home-logged-out.component.scss new file mode 100644 index 000000000..718b6d4b8 --- /dev/null +++ b/src/app/features/home/logged-out/home-logged-out.component.scss @@ -0,0 +1,204 @@ +@use "assets/styles/variables" as var; + +:host { + display: flex; + flex-direction: column; + background: var.$white; + padding-top: 7.14rem; + + h3 { + font-weight: 400; + margin-top: 0.86rem; + } + + span { + color: var.$pr-blue-1; + } + + .better-way-container { + margin: 0.49rem 0 4.2rem 0.12rem; + display: flex; + justify-content: center; + align-items: center; + + .text-container { + display: flex; + flex-direction: column; + padding-top: 0.63rem; + width: 40.29rem; + } + + .image-container { + display: flex; + justify-content: center; + + img { + width: 42.07rem; + height: 26.86rem; + } + } + } + + .discover-research-container { + width: 100%; + background: var.$gradient-1; + display: flex; + flex-direction: column; + align-items: center; + padding: 8.57rem 1.71rem 8.57rem 1.71rem; + row-gap: 3.43rem; + + .text-container { + display: flex; + flex-direction: column; + align-items: center; + } + } + + .supports-container { + display: flex; + flex-direction: column; + align-items: center; + padding: 4.57rem 1.71rem 8.57rem 1.71rem; + row-gap: 3.43rem; + + .content-container { + display: flex; + + .left-bar { + width: 50%; + display: flex; + flex-direction: column; + row-gap: 1.71rem; + padding-right: 3.57rem; + + .info-section { + display: flex; + + .icons-wrapper { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + padding-left: 0.86rem; + padding-right: 0.86rem; + } + + .text-wrapper { + display: flex; + flex-direction: column; + row-gap: 0.43rem; + padding-top: 0.86rem; + + h3 { + margin-top: 0; + line-height: 1.71rem; + font-weight: 400; + text-transform: none; + } + } + } + } + + .right-bar { + display: flex; + justify-content: center; + align-items: center; + width: 50%; + + iframe { + width: 38.36rem; + height: 21.57rem; + border: none; + } + } + } + + .learn-more-container { + display: flex; + justify-content: center; + } + } + + .others-saying-container { + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 2.86rem; + } + + .carousel-container { + width: 100%; + padding-bottom: 8.57rem; + flex: 0; + + .slide { + position: relative; + background: var.$bg-blue-3; + height: 28.57rem; + display: flex; + justify-content: center; + align-items: center; + + .user-image { + height: 26.57rem; + align-self: end; + } + + .quote-icon { + width: 2.57rem; + } + + .content-container { + display: flex; + flex-direction: column; + .text-container { + padding-left: 3.43rem; + width: 32.79rem; + + .title-container { + margin-bottom: 3.43rem; + } + + .author { + font-weight: 600; + } + } + } + } + } + + .integrations-title { + text-align: center; + } + + .integrations-main { + display: flex; + flex-direction: column; + padding-top: 3.43rem; + padding-bottom: 8.57rem; + row-gap: 1.71rem; + + .integrations-container { + display: flex; + justify-content: space-between; + + .integrations-bundle { + display: flex; + flex-direction: column; + align-items: center; + row-gap: 1.71rem; + width: 25%; + } + + .integrations-bundle-border { + display: flex; + flex-direction: column; + align-items: center; + row-gap: 1.71rem; + width: 25%; + border-right: 1px solid var.$grey-2; + } + } + } +} diff --git a/src/app/features/home/logged-out/home-logged-out.component.spec.ts b/src/app/features/home/logged-out/home-logged-out.component.spec.ts new file mode 100644 index 000000000..7f49c93e9 --- /dev/null +++ b/src/app/features/home/logged-out/home-logged-out.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LoggedOutComponent } from './home-logged-out.component'; + +describe('LoggedOutComponent', () => { + let component: LoggedOutComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [LoggedOutComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(LoggedOutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/features/home/logged-out/home-logged-out.component.ts b/src/app/features/home/logged-out/home-logged-out.component.ts new file mode 100644 index 000000000..dc3559bbe --- /dev/null +++ b/src/app/features/home/logged-out/home-logged-out.component.ts @@ -0,0 +1,20 @@ +import { Component, signal } from '@angular/core'; +import { CarouselModule } from 'primeng/carousel'; +import { FormsModule } from '@angular/forms'; +import { Button } from 'primeng/button'; +import { InputText } from 'primeng/inputtext'; +import { NgOptimizedImage } from '@angular/common'; +import { slides } from './slides'; + +@Component({ + selector: 'osf-home-logged-out', + standalone: true, + imports: [CarouselModule, FormsModule, Button, InputText, NgOptimizedImage], + templateUrl: './home-logged-out.component.html', + styleUrl: './home-logged-out.component.scss', +}) +export class HomeLoggedOutComponent { + searchValue = signal(''); + + slides = slides; +} diff --git a/src/app/features/home/logged-out/slides.ts b/src/app/features/home/logged-out/slides.ts new file mode 100644 index 000000000..ab1e4cc7e --- /dev/null +++ b/src/app/features/home/logged-out/slides.ts @@ -0,0 +1,26 @@ +export const slides = [ + { + img: 'assets/images/carousel1.png', + name: '2-st slide', + title: + 'OSF is a game changer for those wanting to effectively share their research process in the spirit of collaboration.', + author: 'Patricia Ayala', + facility: 'Research Services Librarian | University of Toronto', + }, + { + img: 'assets/images/carousel2.png', + name: '1-st slide', + title: + 'OSF is indispensable in helping me create reproducible research pipelines from preregistration through data collection and analysis. Its versatility makes it my one-stop shop for projects. The Dropbox integration effortlessly transforms my existing local workflow to public repository.', + author: 'Maya Mathur', + facility: 'Department of Epidemiology Harvard University', + }, + { + img: 'assets/images/carousel3.png', + name: '1-st slide', + title: + 'Because SocArXiv is a not-for-profit organization, researchers can be assured that they are sharing their research in an environment where access, inclusivity, and preservation, rather than profit, will remain at the heart of the mission. A great benefit of partnering with OSF is that this application is a free public good.', + author: 'Philip Cohen', + facility: 'SocArXiv papers', + }, +]; diff --git a/src/app/shared/components/sub-header/sub-header.component.ts b/src/app/shared/components/sub-header/sub-header.component.ts index e5038415a..a6d8f802d 100644 --- a/src/app/shared/components/sub-header/sub-header.component.ts +++ b/src/app/shared/components/sub-header/sub-header.component.ts @@ -6,6 +6,7 @@ import { Button } from 'primeng/button'; imports: [Button], templateUrl: './sub-header.component.html', styleUrl: './sub-header.component.scss', + standalone: true, }) export class SubHeaderComponent { showButton = input(false); diff --git a/src/assets/icons/socials/integrations/dropbox.png b/src/assets/icons/socials/integrations/dropbox.png new file mode 100644 index 000000000..9ad2193b5 Binary files /dev/null and b/src/assets/icons/socials/integrations/dropbox.png differ diff --git a/src/assets/icons/socials/integrations/google-drive.png b/src/assets/icons/socials/integrations/google-drive.png new file mode 100644 index 000000000..f56595338 Binary files /dev/null and b/src/assets/icons/socials/integrations/google-drive.png differ diff --git a/src/assets/icons/socials/integrations/google-scholar.png b/src/assets/icons/socials/integrations/google-scholar.png new file mode 100644 index 000000000..44324ecc6 Binary files /dev/null and b/src/assets/icons/socials/integrations/google-scholar.png differ diff --git a/src/assets/icons/socials/integrations/incommon.png b/src/assets/icons/socials/integrations/incommon.png new file mode 100644 index 000000000..f7f30ff8f Binary files /dev/null and b/src/assets/icons/socials/integrations/incommon.png differ diff --git a/src/assets/icons/socials/integrations/mendeley.png b/src/assets/icons/socials/integrations/mendeley.png new file mode 100644 index 000000000..ba3f55ca0 Binary files /dev/null and b/src/assets/icons/socials/integrations/mendeley.png differ diff --git a/src/assets/icons/socials/integrations/orcid.png b/src/assets/icons/socials/integrations/orcid.png new file mode 100644 index 000000000..1aad2e6f1 Binary files /dev/null and b/src/assets/icons/socials/integrations/orcid.png differ diff --git a/src/assets/icons/socials/integrations/sso.png b/src/assets/icons/socials/integrations/sso.png new file mode 100644 index 000000000..aee4b248b Binary files /dev/null and b/src/assets/icons/socials/integrations/sso.png differ diff --git a/src/assets/icons/socials/integrations/zotero.png b/src/assets/icons/socials/integrations/zotero.png new file mode 100644 index 000000000..0f1d8f7d2 Binary files /dev/null and b/src/assets/icons/socials/integrations/zotero.png differ diff --git a/src/assets/images/better-research-background.svg b/src/assets/images/better-research-background.svg new file mode 100644 index 000000000..f75134470 --- /dev/null +++ b/src/assets/images/better-research-background.svg @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/carousel1.png b/src/assets/images/carousel1.png new file mode 100644 index 000000000..bc7ef655b Binary files /dev/null and b/src/assets/images/carousel1.png differ diff --git a/src/assets/images/carousel2.png b/src/assets/images/carousel2.png new file mode 100644 index 000000000..5ae56f9c3 Binary files /dev/null and b/src/assets/images/carousel2.png differ diff --git a/src/assets/images/carousel3.png b/src/assets/images/carousel3.png new file mode 100644 index 000000000..6e7ddf6df Binary files /dev/null and b/src/assets/images/carousel3.png differ diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss index 49b9e98ef..99866fff9 100644 --- a/src/assets/styles/overrides/button.scss +++ b/src/assets/styles/overrides/button.scss @@ -162,3 +162,17 @@ } } } + +.wide-button { + button { + margin-top: 1.7rem; + padding: 0.71rem 2.39rem 0.71rem 2.39rem; + line-height: 1.71rem; + } +} + +.learn-more { + button { + padding: 0.71rem 1.39rem; + } +} diff --git a/src/assets/styles/overrides/carousel.scss b/src/assets/styles/overrides/carousel.scss new file mode 100644 index 000000000..1cc36eb2a --- /dev/null +++ b/src/assets/styles/overrides/carousel.scss @@ -0,0 +1,18 @@ +@use "../variables" as var; + +.p-carousel { + .p-carousel-prev-button, + .p-carousel-next-button { + display: none; + } + + .p-carousel-indicator-active { + .p-carousel-indicator-button { + background: var.$pr-blue-1; + } + } + + .p-carousel-indicator-button { + background: var.$grey-2; + } +} diff --git a/src/assets/styles/overrides/input.scss b/src/assets/styles/overrides/input.scss index 36dc4e274..a55ded8d2 100644 --- a/src/assets/styles/overrides/input.scss +++ b/src/assets/styles/overrides/input.scss @@ -35,3 +35,22 @@ p-password.ng-touched.ng-invalid { .p-inputtext.ng-dirty.ng-invalid::placeholder { color: var.$grey-1; } + +.input-search { + position: relative; + width: 100%; + display: flex; + align-items: center; + + i { + position: absolute; + left: 0.86rem; + color: var.$dark-blue-1; + font-size: 1.1rem; + } + + .p-inputtext { + height: 3.2rem; + padding-left: 2.86rem; + } +} diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss index 33aa0c946..3eae3f327 100644 --- a/src/assets/styles/styles.scss +++ b/src/assets/styles/styles.scss @@ -9,6 +9,7 @@ @use "./overrides/message"; @use "./overrides/drawer"; @use "./overrides/card"; +@use "./overrides/carousel"; @layer base, primeng, reset;