Merge branch 'replace-sub-brand-headings' into staging

polyfen · Jan 18, 2024 · bf51876 · bf51876
2 parents b89ce1d + c11f7f6
commit bf51876
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 43 deletions.
diff --git a/app/styles.css b/app/styles.css
@@ -184,7 +184,7 @@ section#cover p {
 .polyforum a { width:194px; height:50px;}
 .polyqwerty a { width:223px; height:50px;}
 .polykit a { width:207px; height:50px;}
-
+.polypress a { width:223px; height:50px;}
 .--sub-brand a span {
     display:block;
     position:absolute;
@@ -199,6 +199,7 @@ section#cover p {
 .polyforum a span { background:#ecf0f3 url(../imgs/sub-brands/poly-forum-logo.svg) no-repeat left top;}
 .polyqwerty a span { background:#ecf0f3 url(../imgs/sub-brands/poly-qwerty-logo.svg) no-repeat left top;}
 .polykit a span { background:#ecf0f3 url(../imgs/sub-brands/polykit-logo.svg) no-repeat left top;}
+.polypress a span { background:#ecf0f3 url(../imgs/sub-brands/polypress-logo.svg) no-repeat left top;}
 
 /* grid for sub-brands */
 .sub-brand {

diff --git a/brand/index.php b/brand/index.php
@@ -75,7 +75,7 @@
     </button>
     <main>
         <section class="cover">
-            <img src="imgs/lightbulb-illustration.svg" alt="Folder Illustration" height="250px" width="auto" class="d-none">
+            <img src="imgs/lightbulb-illustration.svg" alt="Folder Illustration" height="250px" width="auto" >
             <h1 class="title-2">Brand Guidelines</h1>
             <h2 class="caption">The Polyfen Group LLC<br>Est. 2018</h2>
         </section>

diff --git a/business/content/brands.php b/business/content/brands.php
@@ -1,63 +1,70 @@
 <section id="family-of-brands">
     <h2 class="heading-1">5. Family of Brands</h2>
+    
     <section id="polyfen">
-        <h3 class="heading-2">5.1. Polyfen</h3>
-        <section class="sub-brand">
-            <img src="imgs/sub-brands/polyfen-logo.svg" alt="Polyfen" height="60px" width="auto">
-            <p>Creative agency offering design, marketing, and software development services for new and emerging businesses.</p>
-            <a href="https://polyfen.com" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyfen.com</a>
-        </section>
+      <h3 class="--sub-brand polyfen">
+        <a href="https://polyfen.com" rel="dofollow" target="_blank" class="web-url">5.1. Polyfen<span></span></a>
+      </h3>
+      <!-- <img src="imgs/sub-brands/polyfen-logo.svg" alt="Polyfen" height="60px" width="auto"> -->
+      <p>Creative agency offering design, marketing, and software development services for new and emerging businesses.</p>
+      <a href="https://polyfen.com" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyfen.com</a>
     </section>
+    <hr>
     <section id="poly-atlas">
-    <h3 class="heading-2">5.2. Poly Atlas</h3>
-    <section class="sub-brand">
-      <img src="imgs/sub-brands/poly-atlas-logo.svg" alt="Poly Atlas" height="60px" width="auto">
-      <p>Open-source step-by-step guide to the Branding process, including practical tips, case studies, template files, and many other useful resources.</p>
-      <a href="https://polyatlas.wiki" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyatlas.wiki</a>
-    </section>
+      <h3 class="--sub-brand polyatlas">
+        <a href="https://polyatlas.wiki" rel="dofollow" target="_blank" class="web-url">5.2. Poly Atlas<span></span></a>
+      </h3>
+        <!-- <img src="imgs/sub-brands/poly-atlas-logo.svg" alt="Poly Atlas" height="60px" width="auto"> -->
+        <p>Open-source step-by-step guide to the Branding process, including practical tips, case studies, template files, and many other useful resources.</p>
+        <a href="https://polyatlas.wiki" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyatlas.wiki</a>
     </section>
+    <hr>
     <section id="poly-cookies">
-    <h3 class="heading-2">5.3. Poly Cookies</h3>
-    <section class="sub-brand">
-      <img src="imgs/sub-brands/poly-cookies-logo.svg" alt="Poly Cookies" height="60px" width="auto">
+    <h3 class="--sub-brand polycookies">
+      <a href="https://polycookies.com" rel="dofollow" target="_blank" class="web-url">5.3. Poly Cookies<span></span></a>
+    </h3>
+      <!-- <img src="imgs/sub-brands/poly-cookies-logo.svg" alt="Poly Cookies" height="60px" width="auto"> -->
       <p>Open-source solution to privacy policy implementing a cookie consent banner with Google Tag Manager.</p>
-      <a href="https://polycookies.com" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polycookies.com</a>
-    </section>
+      <a href="https://polycookies.com" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polycookies.com</a>
     </section>
+    <hr>
     <section id="poly-qwerty">
-        <h3 class="heading-2">5.4. Poly Qwerty</h3>
-        <section class="sub-brand">
-        <img src="imgs/sub-brands/poly-qwerty-logo.svg" alt="Poly Qwerty" height="60px" width="auto">
+        <h3 class="--sub-brand polyqwerty">
+        <a href="https://polyqwerty.com" rel="dofollow" target="_blank" class="web-url">5.4. Poly Qwerty<span></span></a>
+        </h3>
+        <!-- <img src="imgs/sub-brands/poly-qwerty-logo.svg" alt="Poly Qwerty" height="60px" width="auto"> -->
         <p>Your keyboard's assistant. Click on a character to copy it.</p>
-        <a href="https://polyqwerty.com" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyqwerty.com</a>
-        </section>
+        <a href="https://polyqwerty.com" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyqwerty.com</a>
     </section>
+    <hr>
     <section id="polykit">
-        <h3 class="heading-2">5.5. Polykit</h3>
-        <section class="sub-brand">
-        <img src="imgs/sub-brands/poly-kit-logo.svg" alt="Poly Kit" height="60px" width="auto">
-        <small class="caption" style="opacity: 0.6;"><br><br>// Work in Progress //</small>
-        <p>Open-source design system for User Interfaces with CSS code for developers and Figma library for designers.</p>
-      <a href="https://polykit.xyz" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polykit.xyz</a>
-        </section>
+      <h3 class="--sub-brand polykit">
+        <a href="https://polykit.xyz" rel="dofollow" target="_blank" class="web-url">5.5. Polykit<span></span></a>  
+      </h3>
+      <!-- <img src="imgs/sub-brands/poly-kit-logo.svg" alt="Poly Kit" height="60px" width="auto"> -->
+      <small class="caption" style="opacity: 0.6;"><br><br>// Work in Progress //</small>
+      <p>Open-source design system for User Interfaces with CSS code for developers and Figma library for designers.</p>
+      <a href="https://polykit.xyz" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polykit.xyz</a>
     </section>
+    <hr>
     <section id="polypress">
-    <h3 class="heading-2">5.6. Polypress</h3>
-    <section class="sub-brand">
-      <img src="imgs/sub-brands/polypress-logo.svg" alt="Poly Forum" height="60px" width="auto">
+      <h3 class="--sub-brand polypress">
+        <a href="https://polypress.xyz" rel="dofollow" target="_blank" class="web-url"> 5.6. Polypress<span></span></a>
+      </h3>
+      <!-- <img src="imgs/sub-brands/polypress-logo.svg" alt="Poly Forum" height="60px" width="auto"> -->
       <small class="caption" style="opacity: 0.6;"><br><br>// Work in Progress //</small>
       <p>Wordpress theme featuring out design system Polykit. Built for easy maintenance and scalibility with Elementor's page builder.</p>
-      <a href="https://polypress.xyz" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polypress.xyz</a>
-    </section>
+      <a href="https://polypress.xyz" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polypress.xyz</a>
     </section>
+    <hr>
     <section id="poly-forum">
-    <h3 class="heading-2">5.7. Poly Forum</h3>
-    <section class="sub-brand">
-      <img src="imgs/sub-brands/poly-forum-logo.svg" alt="Poly Forum" height="60px" width="auto">
+      <h3 class="--sub-brand polyforum">
+        <a href="https://polyforum.org" rel="dofollow" target="_blank" class="web-url">5.7. Poly Forum<span></span></a>  
+      </h3>
+      <!-- <img src="imgs/sub-brands/poly-forum-logo.svg" alt="Poly Forum" height="60px" width="auto"> -->
       <small class="caption" style="opacity: 0.6;"><br><br>// Work in Progress //</small>
       <p>Non-profit organization dedicated to promoting free and open education and professional growth in the creative industry.</p>
-      <a href="https://polyforum.org" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyforum.org</a>
-    </section>
+      <a href="https://polyforum.org" rel="dofollow" target="_blank" class="web-url"><img src="imgs/icons/globe.svg" class="web-icon">polyforum.org</a>
     </section>
 </section>
 
diff --git a/business/includes/head.php b/business/includes/head.php
@@ -7,6 +7,7 @@
 <!-- CSS General -->
 <link rel="stylesheet" href="https://polynucleus.com/polynucleus.css" type="text/css">
 <link rel="stylesheet" href="https://polynucleus.com/theme/docs-theme-v2.css" type="text/css">
+<link rel="stylesheet" href="../app/styles.css" type="text/css">
 <link rel="stylesheet" href="../app/sub-styles.css" type="text/css">
 <!-- scripts -->
 <script defer src="https://polynucleus.com/theme/docs-mobile-nav-v2.js"></script>

diff --git a/business/index.php b/business/index.php
@@ -49,6 +49,7 @@
                 <li><a href="#owner-managed" class="caption">7.2. Owner-managed</a></li>
             </ul>
             <li><a href="#target" class="caption">8. Target</a></li>
+            <br><br>
         </ul>
     </nav>
     <button aria-label="Open/Close navbar" class="hamburger">
@@ -62,7 +63,7 @@
     </button>
     <main>
         <section class="cover">
-            <img src="imgs/folder-illustration.svg" alt="Folder Illustration" height="200px" width="auto" class="d-none">
+            <img src="imgs/folder-illustration.svg" alt="Folder Illustration" height="200px" width="auto" >
             <h1 class="title-2">Business Plan</h1>
             <h2 class="caption">The Polyfen Group LLC<br>Est. 2018</h2>
         </section>

diff --git a/imgs/sub-brands/polypress-logo.svg b/imgs/sub-brands/polypress-logo.svg
diff --git a/wiki/index.php b/wiki/index.php
@@ -38,6 +38,7 @@
             <li><a href="#time-off" class="caption">9. Time off</a></li>
             <li><a href="#branding-workflow" class="caption">10. Branding workflow</a></li>
             <li><a href="#development-workflow" class="caption">11. Development workflow</a></li>
+            <br><br>
         </ul>
     </nav>
     <button aria-label="Open/Close navbar" class="hamburger">
@@ -52,7 +53,7 @@
 
     <main>
         <section class="cover">
-            <img src="imgs/videogame-illustratrion.svg" alt="Videogame Illustration" height="200px" width="auto" class="d-none">
+            <img src="imgs/videogame-illustratrion.svg" alt="Videogame Illustration" height="200px" width="auto">
             <h1 class="title-2">Team Wiki</h1>
             <h2 class="caption">The Polyfen Group LLC<br>Est. 2018</h2>
         </section>