diff --git a/app/docs-styles.css b/app/docs-styles.css new file mode 100644 index 0000000..5164f4e --- /dev/null +++ b/app/docs-styles.css @@ -0,0 +1,181 @@ +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 new file mode 100644 index 0000000..57f2648 Binary files /dev/null and b/app/fonts/.DS_Store differ diff --git a/app/fonts/Biotif.css b/app/fonts/Biotif.css new file mode 100644 index 0000000..fa2d1ec --- /dev/null +++ b/app/fonts/Biotif.css @@ -0,0 +1,34 @@ +/** + * @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 new file mode 100644 index 0000000..b0b9301 Binary files /dev/null and b/app/fonts/webFonts/BiotifBold/font.woff differ diff --git a/app/fonts/webFonts/BiotifBold/font.woff2 b/app/fonts/webFonts/BiotifBold/font.woff2 new file mode 100644 index 0000000..ec7062f Binary files /dev/null and b/app/fonts/webFonts/BiotifBold/font.woff2 differ diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff b/app/fonts/webFonts/BiotifExtraBold/font.woff new file mode 100644 index 0000000..a9061aa Binary files /dev/null and b/app/fonts/webFonts/BiotifExtraBold/font.woff differ diff --git a/app/fonts/webFonts/BiotifExtraBold/font.woff2 b/app/fonts/webFonts/BiotifExtraBold/font.woff2 new file mode 100644 index 0000000..7513497 Binary files /dev/null and b/app/fonts/webFonts/BiotifExtraBold/font.woff2 differ diff --git a/app/fonts/webFonts/BiotifMedium/font.woff b/app/fonts/webFonts/BiotifMedium/font.woff new file mode 100644 index 0000000..2067a9b Binary files /dev/null and b/app/fonts/webFonts/BiotifMedium/font.woff differ diff --git a/app/fonts/webFonts/BiotifMedium/font.woff2 b/app/fonts/webFonts/BiotifMedium/font.woff2 new file mode 100644 index 0000000..4457cd8 Binary files /dev/null and b/app/fonts/webFonts/BiotifMedium/font.woff2 differ diff --git a/app/styles-new.css b/app/styles-new.css deleted file mode 100644 index 1b4adc0..0000000 --- a/app/styles-new.css +++ /dev/null @@ -1,52 +0,0 @@ -: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 c67a977..c95e9ae 100644 --- a/brand/index.php +++ b/brand/index.php @@ -1,156 +1,157 @@ - - Brand Guidelines | Polyfen - - - - + + Brand Guidelines | Polyfen - + + + - - - - + -
- - -
-
- Folder Illustration -

Brand Guidelines

-
-
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
-
-
+ +
  • 3. Brand strategy
    • + +
  • 4. Visual identity
    • + +
  • 5. Brand Applications
    • + +
  • 6. Web Guidelines
    • + +
  • 7. Content Generation
    • + + +

    + + +
    +
    + Folder Illustration +

    Brand Guidelines

    +
    +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    +
    +
    + + - \ No newline at end of file diff --git a/business/index.php b/business/index.php index 7d62034..52a442b 100644 --- a/business/index.php +++ b/business/index.php @@ -1,103 +1,103 @@ - - Business Plan | Polyfen - - - - + + Business Plan | Polyfen - + + + - - - - + -
    - + + + + + +
    +
    - - + + + +
    +
    + Folder Illustration +
    +

    Business Plan

    +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    +
    +
    + \ No newline at end of file diff --git a/includes/common-app-calling.php b/includes/common-app-calling.php index f3d8535..bebb038 100644 --- a/includes/common-app-calling.php +++ b/includes/common-app-calling.php @@ -1,8 +1,8 @@ - - - + + + diff --git a/includes/head.php b/includes/head.php index 3ebce44..4a8a0fc 100644 --- a/includes/head.php +++ b/includes/head.php @@ -5,8 +5,11 @@ - - + + + + + diff --git a/includes/hellobar.php b/includes/hellobar.php index 51448bb..88ba86b 100644 --- a/includes/hellobar.php +++ b/includes/hellobar.php @@ -1,5 +1,9 @@
    Follow us on ➞ - + + + + LinkedIn
    \ No newline at end of file diff --git a/includes/navbar.php b/includes/navbar.php index d84d169..56a0b80 100644 --- a/includes/navbar.php +++ b/includes/navbar.php @@ -1,4 +1,3 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/index.php b/index.php index 087f3a5..a9fc852 100644 --- a/index.php +++ b/index.php @@ -36,7 +36,7 @@ - + diff --git a/wiki/index.php b/wiki/index.php index 31aec5f..4e14a40 100644 --- a/wiki/index.php +++ b/wiki/index.php @@ -1,125 +1,124 @@ - - Team Wiki | Polyfen - - - - + + Team Wiki | Polyfen - + + + - - - - + -
    - - -
    -
    - Videogame Illustration -

    Team Wiki

    -
    -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    - - - -
    -
    -
    + + + + + - +
    + +
    +
    + Videogame Illustration +

    Team Wiki

    +
    +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    + + + +
    +
    +
    + \ No newline at end of file