improve: email signature asset

polyfen · Apr 15, 2024 · cc63383 · cc63383
1 parent dd2d4e9
commit cc63383
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 2 deletions.
diff --git a/app/styles.css b/app/styles.css
@@ -1054,4 +1054,36 @@ span.data-span {
 i {
     font-family: 'freight-text-pro', serif;
     font-style: italic;
+}
+
+.preview.light-mode-signature {
+    background: white;
+}
+
+.preview.light-mode-signature .base-text {
+    color: #000000;
+}
+
+.preview.dark-mode-signature {
+    background: black;
+}
+
+.preview.preview.light-mode-signature #light-logo {
+    display: inline-block;
+}
+
+.preview.preview.light-mode-signature #dark-logo {
+    display: none;
+}
+
+.preview.dark-mode-signature .base-text {
+    color: #ffffff;
+}
+
+.preview.preview.dark-mode-signature #light-logo {
+    display: none;
+}
+
+.preview.preview.dark-mode-signature #dark-logo {
+    display: inline-block;
 }
diff --git a/brand/assets/email-signature.html b/brand/assets/email-signature.html
@@ -11,7 +11,7 @@
     <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text">Now working from: Zagreb, Croatia</td>
   </tr>
   <tr style="height:auto;vertical-align: top;">
-    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text"><a href="https://www.linkedin.com/in/borishr/" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Connect on LinkedIn</a> &vert; <a href="https://calendly.com/borishr/meet" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;">Schedule a Call</a></td>
+    <td style="padding-left: 12px;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;" class="base-text"><a href="https://www.linkedin.com/in/borishr/" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;text-decoration: underline !important;">Connect on LinkedIn</a> <span style="opacity:0.25;">&vert;</span> <a href="https://calendly.com/borishr/meet" target="_blank" style="color: #722FFF;font-family: 'Verdana', sans-serif !important;font-size: 14px !important;text-decoration: underline !important;">Schedule a Call</a></td>
   </tr>
 </tbody>
 </table>

diff --git a/brand/content/brand-applications.php b/brand/content/brand-applications.php
@@ -8,7 +8,13 @@
 <h4 id="cover" class="heading-3">Cover</h4>
 <img src="imgs/social-media-cover.png" alt="">
 <h3 id="email-signature" class="heading-2">5.2. Email Signature</h3>
-<div class="preview">
+<div class="preview dark-mode-signature">
+
+        <!-- INCLUDE OUR-BRANDS.PHP start -->
+        <?php include 'assets/email-signature.html';?>
+        <!-- INCLUDE OUR-BRANDS.PHP  end -->
+</div>
+<div class="preview light-mode-signature">
 
         <!-- INCLUDE OUR-BRANDS.PHP start -->
         <?php include 'assets/email-signature.html';?>