remove tegonal specific content, made app customizable

.env.example

@@ -27,3 +27,14 @@ SMTP_HOST=localhost
 SMTP_PORT=1025
 SMTP_USER=smtpuser
 SMTP_PASS=smtppwd
+
+# Company name used in default page
+DEFAULT_PAGE_COMPANY_NAME=MyCompany
+DEFAULT_PAGE_COMPANY_ADDRESS=Homestreet 20
+DEFAULT_PAGE_COMPANY_CITY=3000 Bern
+DEFAULT_PAGE_COMPANY_URL=https://github.com/tegonal
+
+# Provide custom logo in the public folder
+DEFAULT_PAGE_COMPANY_LOGO=logo.png
+DEFAULT_PAGE_COMPANY_LOGO_WIDTH=20
+DEFAULT_PAGE_COMPANY_LOGO_HEIGHT=20

.github/workflows/publish.yml

@@ -7,6 +7,8 @@ on:
 
 jobs:
   build-and-push-image:
+    # Run only in non-forked repository
+    if: github.repository == 'tegonal/cv-manager'
     runs-on: ubuntu-latest
     permissions:
       contents: read

src/app/cv/[id]/(lib)/components/highlight.tsx

@@ -5,11 +5,22 @@ type Props = {
   title: string | undefined | null;
   subtitle: string | undefined | null;
   description: any;
+  borderLeftColor?: string;
 };
 
-export const HighlightEntry: React.FC<Props> = ({ title, subtitle, description }) => {
+export const HighlightEntry: React.FC<Props> = ({
+  title,
+  subtitle,
+  description,
+  borderLeftColor,
+}) => {
   return (
-    <div className={'no-page-break relative rounded border-l-8 border-l-lime-600 bg-gray-100 p-2'}>
+    <div
+      className={
+        'no-page-break relative rounded border-l-8 ' +
+        (borderLeftColor || 'border-l-slate-500') +
+        ' bg-gray-100 p-2'
+      }>
       <p className={'pr-8 font-bold'}>{title}</p>
       <p className={'pr-8 text-xs'}>{subtitle}</p>
       <div>

src/app/cv/[id]/default_page.scss

@@ -0,0 +1,103 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+#companyLogo {
+  position: running(companyLogo);
+}
+
+#companyLogo img {
+  display: inline-block;
+  height: auto;
+  width: auto;
+}
+
+#pageFooter {
+  position: running(pageFooter);
+}
+
+#pageNumber::before {
+  counter-increment: page;
+  content: ' ' counter(page);
+}
+
+/* typography */
+
+body {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  counter-reset: page;
+  font-size: 8pt;
+  --primary-color: #005f4b;
+  --secondary-color: #666;
+  --spacer-hr-color: #999;
+  --highlight-background-color: #f8f8f8;
+  font-family: sans-serif;
+  font-size: 10pt;
+  font-weight: 300;
+  color: black;
+}
+
+a {
+  &:link {
+    @apply underline;
+    color: black;
+  }
+  &:hover {
+    @apply no-underline;
+  }
+  &:focus {
+  }
+  &:visited {
+    color: black;
+  }
+}
+
+p {
+  line-height: 133%;
+
+  &.margin {
+    margin: 0 0 12pt 0;
+  }
+
+  &.small-margin {
+    margin: 0 0 6pt 0;
+  }
+}
+
+.lead {
+  font-size: 12pt;
+  line-height: 133%;
+}
+
+.small {
+  font-size: 7.5pt;
+}
+
+.additional {
+  font-style: italic;
+}
+
+h1 {
+  font-size: 24pt;
+  font-weight: 300;
+  margin-top: 0;
+}
+
+h2 {
+  font-size: 18pt;
+  font-weight: 300;
+  margin-top: 0;
+}
+
+h3 {
+  font-size: 7pt;
+  font-weight: 700;
+  margin-top: 0;
+}
+
+ul {
+  padding-left: 0;
+}