From af1f6942a81962166667423d81ea44a98319eddb Mon Sep 17 00:00:00 2001 From: Arta Seyedian Date: Tue, 11 Jun 2024 15:02:52 -0400 Subject: [PATCH] setting land page --- .../home-news/home-news.component.html | 53 +++++++--------- .../home-news/home-news.component.scss | 62 +++++++++++-------- 2 files changed, 56 insertions(+), 59 deletions(-) diff --git a/src/themes/dspace-simple/app/home-page/home-news/home-news.component.html b/src/themes/dspace-simple/app/home-page/home-news/home-news.component.html index 29711c1b..93d02c23 100755 --- a/src/themes/dspace-simple/app/home-page/home-news/home-news.component.html +++ b/src/themes/dspace-simple/app/home-page/home-news/home-news.component.html @@ -1,39 +1,28 @@
+ + + + + +
-
-
-
-

DSpace 7

-

DSpace is the world leading open source repository platform that enables - organisations to:

+
+
+

PEDSnet Variable Dictionary

+

Explore a wealth of clinical, environmental, and health data from over 13 million children. Discover variables and codesets used in previous studies to inspire your research.

+
+ Explore Variables
-
    -
  • easily ingest documents, audio, video, datasets and their corresponding Dublin Core - metadata -
    • -
  • open up this content to local and global audiences, thanks to the OAI-PMH interface and - Google Scholar optimizations -
    • -
  • issue permanent urls and trustworthy identifiers, including optional integrations with - handle.net and DataCite DOI -
    • -
-

Join an international community of leading institutions using DSpace.

-

The test user accounts below have their password set to the name of this - software in lowercase.

-
    -
  • Demo Site Administrator = dspacedemo+admin@gmail.com
    • -
  • Demo Community Administrator = dspacedemo+commadmin@gmail.com
    • -
  • Demo Collection Administrator = dspacedemo+colladmin@gmail.com
    • -
  • Demo Submitter = dspacedemo+submit@gmail.com
    • -
+
+

Repository Information:

+
    +
  • Codeset: A collection of codes (e.g., diagnosis or procedure codes) used for a given clinical concept.
    • +
  • Variable Definition: The logic for determining (levels of) a variable, which may include one or more codesets.
    • +
  • Computable Phenotype: A complex variable definition that uses multiple other variables to assess or determine a healthcare concept.
    • +
+
- - - - - - Photo by @inspiredimages + Photo by @inspiredimages
diff --git a/src/themes/dspace-simple/app/home-page/home-news/home-news.component.scss b/src/themes/dspace-simple/app/home-page/home-news/home-news.component.scss index 3c3aa8b4..6611d74a 100755 --- a/src/themes/dspace-simple/app/home-page/home-news/home-news.component.scss +++ b/src/themes/dspace-simple/app/home-page/home-news/home-news.component.scss @@ -2,7 +2,7 @@ display: block; div.background-image-container { - color: white; + background-color: rgba(0, 0, 0, 0.6); position: relative; .background-image > img { @@ -17,33 +17,31 @@ object-position: top; } - .container { - position: relative; - text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); + // .container { + // position: relative; + // text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); - &:before, &:after { - content: ''; - display: block; - width: var(--ds-banner-background-gradient-width); - height: 100%; - top: 0; - position: absolute; - } - - &:before { - background: linear-gradient(to left, var(--ds-banner-text-background), transparent); - left: calc(-1 * var(--ds-banner-background-gradient-width)); - - } + // &:before, &:after { + // content: ''; + // display: block; + // width: var(--ds-banner-background-gradient-width); + // height: 100%; + // top: 0; + // position: absolute; + // } - &:after { - background: linear-gradient(to right, var(--ds-banner-text-background), transparent); - right: calc(-1 * var(--ds-banner-background-gradient-width)); - } + // &:before { + // background: linear-gradient(to left, var(--ds-banner-text-background), transparent); + // left: calc(-1 * var(--ds-banner-background-gradient-width)); + // } - background-color: var(--ds-banner-text-background); - } + // &:after { + // background: linear-gradient(to right, var(--ds-banner-text-background), transparent); + // right: calc(-1 * var(--ds-banner-background-gradient-width)); + // } + // background-color: rgba(0, 0, 0, 0.6); + // } small.credits { a { @@ -58,7 +56,19 @@ } .jumbotron { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 10px; + } + + .btn-subtle { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border: 1px solid rgba(255, 255, 255, 0.3); + } + + .btn-subtle:hover, .btn-subtle:focus { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.5); } a { @@ -69,5 +79,3 @@ } } } - -