Add transcript to site

nginx/vue/src/assets/styles.css

@@ -2,6 +2,7 @@
 
 /* PRINTING */
 @media print {
+
     .no-print,
     .no-print * {
         display: none !important;
@@ -11,6 +12,7 @@
         height: 0px;
     }
 }
+
 /* END OF PRINTING */
 
 /* FONTS */
@@ -27,6 +29,7 @@
     font-weight: normal;
     font-style: normal;
 }
+
 /* END OF FONTS */
 
 /* VARIABLES */
@@ -75,6 +78,7 @@
     --font-heading: var(--font_heading);
     --default-font-family: var(--font_default);
 }
+
 /* END OF VARIABLES */
 /* ELEMENTS */
 body {
@@ -118,9 +122,11 @@ h3,
 h4 {
     @apply text-lg;
 }
+
 h1 {
     @apply text-2xl;
 }
+
 h2 {
     @apply text-xl;
 }
@@ -130,7 +136,7 @@ p {
 }
 
 a {
-    @apply text-primary bg-link text-center font-heading text-xl tracking-wide;
+    @apply text-primary bg-link text-center font-heading tracking-wide;
 }
 
 input,
@@ -219,18 +225,24 @@ td {
 /* PHONE */
 @media (max-width: 850px) {
     .a4page-portrait {
-        width: 100%; /* fill mobile width */
+        width: 100%;
+        /* fill mobile width */
         height: fit-content;
-        margin: 0 auto; /* center horizontally */
+        margin: 0 auto;
+        /* center horizontally */
         box-sizing: border-box;
     }
+
     .a4page-landscape {
-        width: 100%; /* fill mobile width */
+        width: 100%;
+        /* fill mobile width */
         height: fit-content;
-        margin: 0 auto; /* center horizontally */
+        margin: 0 auto;
+        /* center horizontally */
         box-sizing: border-box;
     }
 }
+
 @media (max-width: 600px) {
     .a5page-portrait {
         width: 100%;
@@ -238,6 +250,7 @@ td {
         margin: 0 auto;
         box-sizing: border-box;
     }
+
     .a5page-landscape {
         width: 100%;
         height: fit-content;
@@ -249,12 +262,15 @@ td {
 .tl {
     @apply absolute top-0 left-0;
 }
+
 .tr {
     @apply absolute top-0 right-0;
 }
+
 .bl {
     @apply absolute bottom-0 left-0;
 }
+
 .br {
     @apply absolute bottom-0 right-0;
 }
@@ -270,17 +286,13 @@ td {
     --blur: 0%;
 
     background-color: var(--bg_secondary);
-    background-image: radial-gradient(
+    background-image: radial-gradient(circle at center,
-        circle at center,
+            var(--bg_primary) var(--dot_size),
-        var(--bg_primary) var(--dot_size),
+            transparent var(--blur));
-        transparent var(--blur)
-    );
     background-size: var(--bg_size) var(--bg_size);
     background-position: 0 0;
 
-    mask-image: linear-gradient(
+    mask-image: linear-gradient(-180deg,
-        -180deg,
+            rgba(1, 1, 1, 1) 0%,
-        rgba(1, 1, 1, 1) 0%,
+            rgba(1, 1, 1, 0.92) 100%);
-        rgba(1, 1, 1, 0.92) 100%
-    );
 }

nginx/vue/src/views/CV/CV.vue

@@ -6,6 +6,11 @@ import Project from "./Project.vue";
     <main>
         <div class="no-print w-full h-20">
 
+        </div>
+        <div class="no-print w-full text-center flex flex-row place-content-around">
+        </div>
+        <div class="no-print w-full h-20">
+
         </div>
         <div class="a4page">
             <div class="flex flex-row justify-between">
@@ -13,9 +18,11 @@ import Project from "./Project.vue";
                 <div class="contact-details text-right">
                     <p>+447563266931</p>
                     <p>adam.a.french@outlook.com</p>
+                    <h4>
                     <a href="https://www.adam-french.co.uk">
                         www.adam-french.co.uk
                     </a>
+                    </h4>
                 </div>
             </div>
 
@@ -41,11 +48,13 @@ import Project from "./Project.vue";
 
             <Project class="border-b border-dotted">
                 <template v-slot:left>
+                    <h4>
                     <a
                         href="https://www.adam-french.co.uk/gitea/adamf/web_server.git"
                     >
                         web_server.git
                     </a>
+                    </h4>
                 </template>
                 <template v-slot:top>
                     <small>
@@ -62,11 +71,13 @@ import Project from "./Project.vue";
             </Project>
             <Project class="border-b border-dotted">
                 <template v-slot:left>
+                    <h4>
                     <a
                         href="https://www.adam-french.co.uk/gitea/adamf/tour.git"
                     >
                         tour.git
                     </a>
+                    </h4>
                 </template>
                 <template v-slot:top>
                     <small>Rust</small>
@@ -79,11 +90,13 @@ import Project from "./Project.vue";
             </Project>
             <Project class="border-b border-dotted">
                 <template v-slot:left>
+                    <h4>
                     <a
                         href="https://www.adam-french.co.uk/gitea/adamf/rust-raytracer.git"
                     >
                         rust-raytracer.git
                     </a>
+                    </h4>
                 </template>
                 <template v-slot:top>
                     <small>Rust, Linear Algebra, Multithreading</small>
@@ -97,12 +110,14 @@ import Project from "./Project.vue";
             </Project>
             <Project>
                 <template #left>
+                    <h4>
                     <a
                         class="text-center w-full"
                         href="https://community.wolfram.com/groups/-/m/t/3210947"
                     >
                         Wolfram Summer School
                     </a>
+                    </h4>
                 </template>
                 <template #top>
                     <small>Wolfram Mathematica</small>
@@ -118,7 +133,11 @@ import Project from "./Project.vue";
             <h2>Education</h2>
             <div class="w-full h-fit flex-row flex gap-5">
                 <div class="flex-1 border-r border-dotted pr-3">
-                    <h3>University of Leeds</h3>
+                    <h3>
+                        <a  href="https://www.adam-french.co.uk/pdf/transcript.pdf">
+                            University of Leeds
+                        </a>
+                    </h3>
                     <div
                         class="flex-row flex place-content-between m-auto place-items-center"
                     >