rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: rankrunners-dev:16de8a93a4ab5dc7bc72807f0a2594d30db54e6c
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev
..
compare: rankrunners-dev:b44e3356dbb63ebc11ae5a9ff2a348cd3c2a955f
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev

No commits in common. "16de8a93a4ab5dc7bc72807f0a2594d30db54e6c" and "b44e3356dbb63ebc11ae5a9ff2a348cd3c2a955f" have entirely different histories.
16de8a93a4 ... b44e3356db

4 changed files with 97 additions and 43 deletions
Show Stats Expand all files Collapse all files

27
public/assets/css/demo-elegant/demo-elegant.css
View File

@ -34,10 +34,26 @@
);
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
--gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
--gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
--gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
--gradient-dark-alpha-1: linear-gradient(
90deg,
var(--color-dark-1) 40%,
transparent 87%
);
--gradient-dark-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-dark-1) 60%
);
--gradient-primary-alpha-1: linear-gradient(
90deg,
var(--color-primary-1) 40%,
transparent 87%
);
--gradient-primary-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-primary-1) 60%
);
color: var(--color-dark-1);
font-family: var(--font-global);
font-size: 16px;
@ -65,8 +81,7 @@
letter-spacing: 0;
} */
.theme-elegant .main-nav.dark-mode {
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
/* background-color: rgba(30, 30, 30, 0.905); */
background-color: rgba(30, 30, 30, 0.905);
}
.theme-elegant .form label {
margin-bottom: 15px;

91
public/assets/css/demo-slick/demo-slick.css
View File

@ -57,21 +57,39 @@
);
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
--gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
--gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
--gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
--gradient-dark-alpha-1: linear-gradient(
90deg,
var(--color-dark-1) 40%,
transparent 87%
);
--gradient-dark-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-dark-1) 60%
);
--gradient-primary-alpha-1: linear-gradient(
90deg,
var(--color-primary-1) 40%,
transparent 87%
);
--gradient-primary-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-primary-1) 60%
);
--gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%);
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%);
--border-radius-default: 10px;
--box-shadow:
0px 5px 10px 0px rgba(30, 36, 50, 0.05), 0px 1px 1px 0px rgba(30, 36, 50, 0.03),
--box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, 0.05),
0px 1px 1px 0px rgba(30, 36, 50, 0.03),
0px 3px 5px 0px rgba(30, 36, 50, 0.03);
--box-shadow-strong:
0px 5px 10px 0px rgba(30, 36, 50, 0.08), 0px 1px 1px 0px rgba(30, 36, 50, 0.06),
--box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, 0.08),
0px 1px 1px 0px rgba(30, 36, 50, 0.06),
0px 3px 5px 0px rgba(30, 36, 50, 0.06);
--box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07), 0px 0px 1px 0px rgba(30, 36, 50, 0.1);
--box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14), 0px 0px 1px 0px rgba(30, 36, 50, 0.15);
--box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07),
0px 0px 1px 0px rgba(30, 36, 50, 0.1);
--box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14),
0px 0px 1px 0px rgba(30, 36, 50, 0.15);
color: var(--color-dark-1);
font-family: var(--font-global);
font-size: 17px;
@ -114,10 +132,26 @@
var(--color-primary-2) 67%,
var(--color-primary-1) 100%
);
--gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
--gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
--gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
--gradient-dark-alpha-1: linear-gradient(
90deg,
var(--color-dark-1) 40%,
transparent 87%
);
--gradient-dark-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-dark-1) 60%
);
--gradient-primary-alpha-1: linear-gradient(
90deg,
var(--color-primary-1) 40%,
transparent 87%
);
--gradient-primary-alpha-2: linear-gradient(
90deg,
transparent 13%,
var(--color-primary-1) 60%
);
}
.theme-slick h1,
.theme-slick h2,
@ -186,12 +220,10 @@
opacity: 0.9;
}
.theme-slick .main-nav.dark {
/* background-color: rgba(16, 24, 40, 0.8777); */
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
background-color: rgba(16, 24, 40, 0.8777);
}
.theme-slick .main-nav.dark-mode {
/* background-color: rgba(55, 63, 78, 0.9); */
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
background-color: rgba(55, 63, 78, 0.9);
}
.theme-slick .inner-nav ul {
font-size: 16px;
@ -223,7 +255,12 @@
.theme-slick .inner-nav > ul > li > a.active:before {
transform: scaleX(1);
}
.theme-slick .main-nav.mobile-on .inner-nav > ul > li > a:not(.no-hover):before {
.theme-slick
.main-nav.mobile-on
.inner-nav
> ul
> li
> a:not(.no-hover):before {
display: none;
}
.theme-slick .mn-sub {
@ -436,9 +473,7 @@
.theme-slick .scroll-down-1-text {
font-weight: 500;
opacity: 0.7;
transition:
opacity 0.4s ease,
transform 0.4s var(--ease-elastic-2);
transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
}
.theme-slick .typewrite .wrap:after {
font-size: 0.9em;
@ -452,10 +487,18 @@
}
.theme-slick .light-content .section-caption-slick {
color: #fff;
background-image: linear-gradient(45deg, rgba(5, 16, 38, 0.75) 0%, transparent 100%);
background-image: linear-gradient(
45deg,
rgba(5, 16, 38, 0.75) 0%,
transparent 100%
);
}
.theme-slick .light-content .section-caption-fancy {
background-image: linear-gradient(15deg, rgba(5, 16, 38, 0.75) 0%, transparent 100%);
background-image: linear-gradient(
15deg,
rgba(5, 16, 38, 0.75) 0%,
transparent 100%
);
}
.theme-slick .section-title {
font-size: 48px !important;

20
public/assets/css/style.css
View File

@ -238,10 +238,10 @@ Primary use: Multipurpose Template
--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
--border-radius-default: 4px;
--border-radius-large: 30px;
--box-shadow:
0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
--box-shadow-strong:
0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
--box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03),
0px 3px 5px 0px rgba(0, 0, 0, 0.03);
--box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06),
0px 3px 5px 0px rgba(0, 0, 0, 0.06);
--box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05);
--box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);
--transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);
@ -3806,8 +3806,7 @@ a.logo:hover {
top: 0;
left: 0;
text-align: left;
/* background: rgba(255, 255, 255, 0.98); */
background: linear-gradient(to right, #64b3b4, #a8dcca);
background: rgba(255, 255, 255, 0.98);
box-shadow:
0px 0px 10px 0px rgba(0, 0, 0, 0.025),
0px 1px 1px 0px rgba(0, 0, 0, 0.01),
@ -4304,8 +4303,7 @@ a.logo:hover {
display: none;
}
.main-nav.dark {
/* background-color: rgba(10, 10, 10, 0.905); */
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
background-color: rgba(10, 10, 10, 0.905);
box-shadow: none;
-webkit-box-shadow: none;
@ -4313,8 +4311,7 @@ a.logo:hover {
box-shadow: none;
}
.main-nav.dark-mode {
/* background-color: rgba(27, 27, 27, 0.905); */
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
background-color: rgba(27, 27, 27, 0.905);
}
.main-nav:not(.transparent) {
-webkit-backdrop-filter: blur(10px);
@ -4373,8 +4370,7 @@ a.logo:hover {
*/
.main-nav.transparent {
/* background: transparent !important; */
background: linear-gradient(to right, #64b3b4, #a8dcca) !important;
background: transparent !important;
box-shadow: none;
}
.main-nav.js-transparent {

2
src/components/Header.tsx
View File

@ -5,7 +5,7 @@ import Link from "next/link";
export default function Header1Multipage({ links }: any) {
return (
<div className="main-nav-sub full-wrapper" style={{ background: "linear-gradient(to right, #64B3B4, #A8DCCA)" }}>
<div className="main-nav-sub full-wrapper">
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
image size for support of retina screens. See details in the template documentation. *) */}