Skip to content

Commit

Permalink
Add CIROH research section on homepage (#249)
Browse files Browse the repository at this point in the history
  • Loading branch information
@arpita0911patel
arpita0911patel authored Jan 6, 2025
2 parents 1a8390d + a4da3ad commit f869910
Show file tree
Hide file tree
Showing 11 changed files with 8,901 additions and 44 deletions.
8,316 changes: 8,316 additions & 0 deletions src/components/HomepageFeatures/bootstrap.min.css
View file

Large diffs are not rendered by default.

79 changes: 79 additions & 0 deletions src/components/HomepageFeatures/cta-1.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
.bsb-btn-xl {
--bs-btn-padding-y: 0.625rem;
--bs-btn-padding-x: 1.25rem;
--bs-btn-font-size: calc(1.26rem + 0.12vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-xl {
--bs-btn-font-size: 1.35rem;
}
}
.bsb-btn-2xl {
--bs-btn-padding-y: 0.75rem;
--bs-btn-padding-x: 1.5rem;
--bs-btn-font-size: calc(1.27rem + 0.24vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-2xl {
--bs-btn-font-size: 1.45rem;
}
}
.bsb-btn-3xl {
--bs-btn-padding-y: 0.875rem;
--bs-btn-padding-x: 1.75rem;
--bs-btn-font-size: calc(1.28rem + 0.36vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-3xl {
--bs-btn-font-size: 1.55rem;
}
}
.bsb-btn-4xl {
--bs-btn-padding-y: 1rem;
--bs-btn-padding-x: 2rem;
--bs-btn-font-size: calc(1.29rem + 0.48vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-4xl {
--bs-btn-font-size: 1.65rem;
}
}
.bsb-btn-5xl {
--bs-btn-padding-y: 1.125rem;
--bs-btn-padding-x: 2.25rem;
--bs-btn-font-size: calc(1.3rem + 0.6vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-5xl {
--bs-btn-font-size: 1.75rem;
}
}
.bsb-hero-2 {
padding-bottom: 2rem;
padding-top: 2rem;
}
@media (min-width: 768px) {
.bsb-hero-2 {
padding-bottom: 3rem;
padding-top: 3rem;
}
}
@media (min-width: 1200px) {
.bsb-hero-2 {
padding-bottom: 9rem;
padding-top: 9rem;
}
}
.bsb-hero-2 img {
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: auto;
mask-size: auto;
}
234 changes: 234 additions & 0 deletions src/components/HomepageFeatures/cta-2.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
.bsb-overlay {
--bsb-overlay-opacity: 0.5;
background-attachment: fixed;
--bsb-overlay-bg-color: var(--bs-black-rgb);
position: relative;
}
.bsb-overlay:after {
background-color: rgba(
var(--bsb-overlay-bg-color),
var(--bsb-overlay-opacity)
);
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.bsb-overlay > * {
position: relative;
z-index: 1;
}
.bsb-overlay-figure {
--bsb-overlay-figure-opacity: 0.5;
--bsb-overlay-figure-bg-color: var(--bs-black-rgb);
position: relative;
}
.bsb-overlay-figure:after {
background-color: rgba(
var(--bsb-overlay-figure-bg-color),
var(--bsb-overlay-figure-opacity)
);
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bsb-overlay-hover {
--bsb-overlay-hover-opacity: 0.5;
--bsb-overlay-hover-bg-color: var(--bs-black-rgb);
position: relative;
}
.bsb-overlay-hover > a {
bottom: 0;
display: block;
left: 0;
position: relative;
right: 0;
top: 0;
}
.bsb-overlay-hover > a > img.bsb-scale {
--bsb-scale: 1;
}
.bsb-overlay-hover > a > img.bsb-scale,
.bsb-overlay-hover > a > img.bsb-scale-up {
transform: scale3d(var(--bsb-scale), var(--bsb-scale), var(--bsb-scale));
transform-style: preserve-3d;
transition: transform 0.5s;
}
.bsb-overlay-hover > a > img.bsb-scale-up {
--bsb-scale: 1.2;
}
.bsb-overlay-hover > a:after {
background-color: rgba(
var(--bsb-overlay-hover-bg-color),
var(--bsb-overlay-hover-opacity)
);
content: "";
cursor: pointer !important;
display: block;
z-index: 0;
}
.bsb-overlay-hover > a:after,
.bsb-overlay-hover > figcaption {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
}
.bsb-overlay-hover > figcaption {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
pointer-events: none;
z-index: 1;
}
.bsb-overlay-hover > figcaption > * {
opacity: 0;
}
.bsb-overlay-hover:hover > a > img.bsb-hover-scale {
--bsb-scale-hover: 1;
transform: scale3d(
var(--bsb-scale-hover),
var(--bsb-scale-hover),
var(--bsb-scale-hover)
);
}
.bsb-overlay-hover:hover > a > img.bsb-hover-scale-up {
--bsb-scale-hover: 1.2;
transform: scale3d(
var(--bsb-scale-hover),
var(--bsb-scale-hover),
var(--bsb-scale-hover)
);
}
.bsb-overlay-hover:hover > a:after {
opacity: 1;
transition: opacity 0.15s linear;
}
.bsb-overlay-hover:hover > figcaption {
opacity: 1;
transition: opacity 0.15s linear 0.1s;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeIn {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-fadeIn;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInUp {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-fadeInUp;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInDown {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-fadeInDown;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInLeft {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-fadeInLeft;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-fadeInRight {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-fadeInRight;
}
.bsb-overlay-hover:hover > figcaption > .bsb-hover-zoomIn {
--bsb-animation-duration: 500ms;
animation-duration: var(--bsb-animation-duration);
animation-fill-mode: both;
animation-name: bsb-zoomIn;
}
.bsb-btn-xl {
--bs-btn-padding-y: 0.625rem;
--bs-btn-padding-x: 1.25rem;
--bs-btn-font-size: calc(1.26rem + 0.12vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-xl {
--bs-btn-font-size: 1.35rem;
}
}
.bsb-btn-2xl {
--bs-btn-padding-y: 0.75rem;
--bs-btn-padding-x: 1.5rem;
--bs-btn-font-size: calc(1.27rem + 0.24vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-2xl {
--bs-btn-font-size: 1.45rem;
}
}
.bsb-btn-3xl {
--bs-btn-padding-y: 0.875rem;
--bs-btn-padding-x: 1.75rem;
--bs-btn-font-size: calc(1.28rem + 0.36vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-3xl {
--bs-btn-font-size: 1.55rem;
}
}
.bsb-btn-4xl {
--bs-btn-padding-y: 1rem;
--bs-btn-padding-x: 2rem;
--bs-btn-font-size: calc(1.29rem + 0.48vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-4xl {
--bs-btn-font-size: 1.65rem;
}
}
.bsb-btn-5xl {
--bs-btn-padding-y: 1.125rem;
--bs-btn-padding-x: 2.25rem;
--bs-btn-font-size: calc(1.3rem + 0.6vw);
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
@media (min-width: 1200px) {
.bsb-btn-5xl {
--bs-btn-font-size: 1.75rem;
}
}
.bsb-cta-2 .card {
background-attachment: fixed;
background-position: 50%;
background-size: cover;
}
.bsb-cta-2 .card-body {
padding-bottom: 3rem;
padding-top: 3rem;
}
@media (min-width: 768px) {
.bsb-cta-2 .card-body {
padding-bottom: 5rem;
padding-top: 5rem;
}
}
@media (min-width: 1200px) {
.bsb-cta-2 .card-body {
padding-bottom: 8rem;
padding-top: 8rem;
}
}

Loading

0 comments on commit f869910

Please sign in to comment.