Tweak the print version

tyom · Aug 9, 2024 · 89b51fb · 89b51fb
1 parent 4090eab
commit 89b51fb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 13 deletions.
diff --git a/src/components/ExperienceItem.svelte b/src/components/ExperienceItem.svelte
@@ -5,14 +5,6 @@
   } from '$lib/utils';
   import List from './List';
 
-  const PRINT_TRUNCATE_NUMBER_OF_YEARS = 4;
-
-  function shouldHideFromPrint() {
-    const itemStartYear = parseInt(end.year);
-    const yearsAgo = new Date().getFullYear() - PRINT_TRUNCATE_NUMBER_OF_YEARS;
-    return itemStartYear < yearsAgo;
-  }
-
   export let name;
   export let description = null;
   export let start = {};
@@ -21,6 +13,7 @@
   export let role = '';
   export let isContractor = false;
   export let technologies = [];
+  export let includeInPrint = true;
 
   const numberOfFullMonths = getNumberOfMonthsBetweenDates(start, end);
   const duration = formatMonthsToYearsAndMonths(numberOfFullMonths);
@@ -29,7 +22,7 @@
 <div
   class="experience-item space-y-4 break-inside-avoid-page max-w-[70ch]"
   class:contractor={isContractor}
-  class:print:hidden={shouldHideFromPrint()}
+  class:print:hidden={!includeInPrint}
 >
   <header class="space-y-1">
     <div class="text-sm font-medium">

diff --git a/src/components/Section.svelte b/src/components/Section.svelte
@@ -3,6 +3,8 @@
   import ExperienceItem from './ExperienceItem.svelte';
   import Timeline from './Timeline.svelte';
 
+  const NUMBER_OF_ITEMS_TO_SHOW_IN_PRINT = 6;
+
   export let title;
   export let items = [];
   export let showTimeline = false;
@@ -35,8 +37,8 @@
       class="divided space-y-4 p-8 md:p-12 pt-0 md:pt-0 print:!p-0"
       class:!pt-8={showTimeline}
     >
-      {#each items as item}
-        <ExperienceItem {...item} />
+      {#each items as item, idx}
+        <ExperienceItem {...item} includeInPrint={idx <= NUMBER_OF_ITEMS_TO_SHOW_IN_PRINT} />
       {/each}
     </div>
   {/if}

diff --git a/src/components/Summary.svelte b/src/components/Summary.svelte
@@ -16,7 +16,7 @@
 </script>
 
 <div
-  class="summary p-8 md:p-12 print:!p-0 flex flex-1 flex-col gap-4 text-sm relative"
+  class="summary p-8 md:p-12 print:!p-0 flex flex-1 flex-col gap-4 text-sm"
 >
   <h1 class="font-bold tracking-wide leading-none text-[2.9em]">
     {name}
@@ -97,7 +97,7 @@
       {/if}
     </footer>
   {/if}
-  <div class="hidden print:block break-before-page space-y-1 mt-4">
+  <div class="hidden print:block break-before-page space-y-1 absolute bottom-0 left-0">
     <p class="flex items-center gap-2 leading-none">
       <Icon name="info" class="size-8" />
       <span class="max-w-[22ch]"

diff --git a/static/tyom-semonov-cv.pdf b/static/tyom-semonov-cv.pdf