diff --git a/app/docs-styles.css b/app/docs-styles.css deleted file mode 100644 index 5164f4e..0000000 --- a/app/docs-styles.css +++ /dev/null @@ -1,181 +0,0 @@ -p strong, -li strong { - font-family: 'FreightTextProSemibold', serif; -} - -/* a::before { - content: ''; - position: absolute; - width: 100%; - height: 2px; - border-radius: 2px; - background-color: #7537f8; - bottom: -2px; - left: 0; - transform-origin: right; - transform: scaleX(0); - transition: transform .3s ease-in-out; -} */ - -nav.sub-sites { - position: fixed; - /* display: flex; */ - display: none; - flex-direction: column; - gap: 20px; - padding: 20px; - width: 240px; - height: 100vh; - top: 12px; - right: 0px; - transition: right .3s ease-in-out; - z-index: 350; -} - - - -.hamburger { - z-index: 400; - position: fixed; - padding: 0; - right: 12px; - top: 32px; - background-color: #ffffff; - border-color: transparent; - border-radius: 18px; - width: 50px; - height: 50px; - display: flex; - align-items: center; - justify-content: center; -} - -.close { - z-index: 380; - position: fixed; - padding: 0; - right: 12px; - top: 32px; - background-color: #ffffff; - border-color: transparent; - border-radius: 18px; - width: 50px; - height: 50px; - align-items: center; - justify-content: center; - display: flex; -} - -.open-nav { - display: flex; -} - -.close-nav { - display: none; -} - -nav h2 { -z-index: 11; -} - -nav ul { - list-style: none; -} - -nav ul ul { - margin-left: 20px; -} - -ul.spaced-list li { - margin-bottom: 1rem; -} - -ul.arrow-bullet { - list-style-image: url(../../imgs/arrow-right.svg); -} - -main section.cover { - display: flex; - flex-direction: column; - gap: 40px; -} - -nav ul li a { - font-family: BiotifMedium; - text-transform: none !important; - letter-spacing: 0.2px !important; -} - -/* active navbar item */ -#navbar a.active { - color: black; - border-bottom: 2px solid #7537f8; -} - - -/* media queries */ - -@media (max-width: 426px) { - .plfn-logo, .main-logo { - align-self: flex-start; - width: 77%; - } - .hamburger, .close { - top: 47px; - } -} -@media (max-widh: 768px){ - body nav { - padding-bottom: 100vh; - } -} -@media (min-width: 768px) { - nav.sub-sites { - position: sticky; - display: flex; - flex-direction: column; - gap: 0; - padding: 20px; - width: 250px; - height: 100vh; - top: 0px; - right: unset; - } - - - - main section.cover { - display: grid; - align-items: end; - grid-template-columns: auto 220px; - grid-template-rows: auto; - gap: 0px; - } - section.cover img:first-of-type { - grid-column: 2 / 3; - grid-row: 1 / 2; - } - section.cover img+img { - grid-column: 2 / 3; - grid-row: 2 / 3; - align-self: end; - } - section.cover h1 { - grid-column: 1 / 2; - grid-row: 1 / 2; - } - section.cover h2{ - grid-column: 1 / 2; - grid-row: 2 / 3; - line-height: 30px; - margin-top: 20px; - } -} - -img.plfn-logo { - left: 20px; -} - -nav h2 { - margin-top: 19px; -} \ No newline at end of file diff --git a/app/fonts/.DS_Store b/app/fonts/.DS_Store deleted file mode 100644 index 57f2648..0000000 Binary files a/app/fonts/.DS_Store and /dev/null differ diff --git a/app/fonts/Biotif.css b/app/fonts/Biotif.css deleted file mode 100644 index fa2d1ec..0000000 --- a/app/fonts/Biotif.css +++ /dev/null @@ -1,34 +0,0 @@ -/** - * @license - * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500 - * - * The fonts listed in this notice are subject to the End User License - * Agreement(s) entered into by the website owner. All other parties are - * explicitly restricted from using the Licensed Webfonts(s). - * - * You may obtain a valid license at the URLs below. - * - * Webfont: HelveticaLTWXX-Roman by Linotype - * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/ - * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved. - * - * - * - * © 2020 MyFonts Incn*/ - - - - -@font-face { - font-family: "BiotifMedium"; - src: url('webFonts/BiotifMedium/font.woff2') format('woff2'), url('webFonts/BiotifMedium/font.woff') format('woff'); -} -@font-face { - font-family: "BiotifExtraBold"; - src: url('webFonts/BiotifExtraBold/font.woff2') format('woff2'), url('webFonts/BiotifExtraBold/font.woff') format('woff'); -} -@font-face { - font-family: "BiotifBold"; - src: url('webFonts/BiotifBold/font.woff2') format('woff2'), url('webFonts/BiotifBold/font.woff') format('woff'); -} - diff --git a/app/fonts/webFonts/BiotifBold/font.woff b/app/fonts/webFonts/BiotifBold/font.woff deleted file mode 100644 index b0b9301..0000000 Binary files a/app/fonts/webFonts/BiotifBold/font.woff and /dev/null differ diff --git a/app/fonts/webFonts/BiotifBold/font.woff2 b/app/fonts/webFonts/BiotifBold/font.woff2 deleted file mode 100644 index ec7062f..0000000 Binary files a/app/fonts/webFonts/BiotifBold/font.woff2 and /dev/null differ diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff b/app/fonts/webFonts/BiotifExtraBold/font.woff deleted file mode 100644 index a9061aa..0000000 Binary files a/app/fonts/webFonts/BiotifExtraBold/font.woff and /dev/null differ diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff2 b/app/fonts/webFonts/BiotifExtraBold/font.woff2 deleted file mode 100644 index 7513497..0000000 Binary files a/app/fonts/webFonts/BiotifExtraBold/font.woff2 and /dev/null differ diff --git a/app/fonts/webFonts/BiotifMedium/font.woff b/app/fonts/webFonts/BiotifMedium/font.woff deleted file mode 100644 index 2067a9b..0000000 Binary files a/app/fonts/webFonts/BiotifMedium/font.woff and /dev/null differ diff --git a/app/fonts/webFonts/BiotifMedium/font.woff2 b/app/fonts/webFonts/BiotifMedium/font.woff2 deleted file mode 100644 index 4457cd8..0000000 Binary files a/app/fonts/webFonts/BiotifMedium/font.woff2 and /dev/null differ diff --git a/app/styles-new.css b/app/styles-new.css new file mode 100644 index 0000000..1b4adc0 --- /dev/null +++ b/app/styles-new.css @@ -0,0 +1,52 @@ +:root { + --accent-color: #722FFF; + --accent-color-900: #070924; +} + +.hellobar { + background: var(--accent-color-900); + border-bottom-color: var(--accent-color); + color: white; +} + +.hellobar a { + color: white; +} + + +header { + display: flex; + flex-direction: column; + position: relative; + grid-column: 1/2; + grid-row: 1/2; +} + +/* HOME START */ + +.home header { + position: relative; + top: 0; + display: flex; + padding: 20px; + grid-area: header; + flex-direction: column; +} + +.home header img { + width: 150px; + height: auto; +} + +.home img#tpg-wordmark { + top: 23px; + position: absolute; +} + +@media (min-width: 768px) { + .home header { + position: sticky; + } +} + +/* HOME END */ \ No newline at end of file diff --git a/brand/index.php b/brand/index.php index c95e9ae..c67a977 100644 --- a/brand/index.php +++ b/brand/index.php @@ -1,157 +1,156 @@ -
-