From ec1ed7fb885c5bbfcdcb0420b69e59ec9e111b70 Mon Sep 17 00:00:00 2001
From: bel <bel@bel.bel>
Date: Wed, 18 Oct 2023 19:57:33 -0600
Subject: [PATCH] add Download as PDF button to website but not linked pdf
 ./BreeLaPointeResume.pdf

---
 src/homebrew/homebrew.html | 11 +++++++++--
 src/homebrew/homebrew.tmpl | 11 +++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/homebrew/homebrew.html b/src/homebrew/homebrew.html
index 3930c97..6570f64 100644
--- a/src/homebrew/homebrew.html
+++ b/src/homebrew/homebrew.html
@@ -5,6 +5,7 @@
     <link rel="preload" as="font" href="./fonts/Lato-Bold.ttf" type="font/ttf" crossorigin="anonymous">
     </link>
     <style>
+      @media print { .no-print, .no-print * { visibility: hidden !important; }
       @font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Regular.ttf");}
       @font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Lato"; src: url("./fonts/Lato-Regular.ttf");}
       @font-face {font-family: "Lato"; src: url("./fonts/Lato-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Montserrat"; src: url("./fonts/Montserrat-Regular.ttf");}
@@ -27,8 +28,14 @@
             </view>
             <view style="display: flex; flex-direction: column; padding: 0px 18pt;">
               <view style="display: flex; flex-direction: column; gap: 6pt; margin-top: 12pt;">
-                <text style="color: rgb(129, 140, 248); font-weight: bold; font-size: 20pt;">Bree LaPointe 
-                </text>
+                <view style="display: flex; flex-direction: row; justify-content: space-between;">
+                  <text style="color: rgb(129, 140, 248); font-weight: bold; font-size: 20pt;">Bree LaPointe 
+                  </text>
+                  <a href="./BreeLapointeResume.pdf" download class="no-print">
+                    <text style="color: rgb(99, 99, 99); font-weight: normal; text-decoration: none;"><u>Download as PDF</u>
+                    </text>
+                  </a>
+                </view>
                 <text style="color: rgb(23, 23, 23); font-weight: normal;">Senior Software Engineer
                 </text>
                 <view style="display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 1.5pt;">
diff --git a/src/homebrew/homebrew.tmpl b/src/homebrew/homebrew.tmpl
index 95815bf..2d4a89f 100644
--- a/src/homebrew/homebrew.tmpl
+++ b/src/homebrew/homebrew.tmpl
@@ -5,6 +5,7 @@
     <link rel="preload" as="font" href="./fonts/Lato-Bold.ttf" type="font/ttf" crossorigin="anonymous">
     </link>
     <style>
+      @media print { .no-print, .no-print * { visibility: hidden !important; }
       @font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Regular.ttf");}
       @font-face {font-family: "Roboto"; src: url("./fonts/Roboto-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Lato"; src: url("./fonts/Lato-Regular.ttf");}
       @font-face {font-family: "Lato"; src: url("./fonts/Lato-Bold.ttf"); font-weight: bold;}@font-face {font-family: "Montserrat"; src: url("./fonts/Montserrat-Regular.ttf");}
@@ -27,8 +28,14 @@
             </view>
             <view style="display: flex; flex-direction: column; padding: 0px 18pt;">
               <view style="display: flex; flex-direction: column; gap: 6pt; margin-top: 12pt;">
-                <text style="color: rgb(129, 140, 248); font-weight: bold; font-size: 20pt;">{{ range .resume.name }}{{ . }} {{ end }}
-                </text>
+                <view style="display: flex; flex-direction: row; justify-content: space-between;">
+                  <text style="color: rgb(129, 140, 248); font-weight: bold; font-size: 20pt;">{{ range .resume.name }}{{ . }} {{ end }}
+                  </text>
+                  <a href="./BreeLapointeResume.pdf" download class="no-print">
+                    <text style="color: rgb(99, 99, 99); font-weight: normal; text-decoration: none;"><u>Download as PDF</u>
+                    </text>
+                  </a>
+                </view>
                 <text style="color: rgb(23, 23, 23); font-weight: normal;">{{ .resume.title }}
                 </text>
                 <view style="display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 1.5pt;">