From 5500b22a0356639660b2f6a5d80a295794abaaf7 Mon Sep 17 00:00:00 2001
From: MagicBOTAlex <zhentao2004@gmail.com>
Date: Mon, 16 Jun 2025 15:00:50 +0800
Subject: [PATCH] Link to sources, moved

---
 .../zhen/cv/CompsRev3/LeftTopDecor.svelte     | 10 +++-
 .../zhen/cv/CompsRev3/LinkToSource.svelte     | 59 +++++++++++++------
 src/routes/zhen/cv/rev3/+page.svelte          | 14 -----
 src/routes/zhen/cv/rev3/shared.css            | 19 ------
 4 files changed, 51 insertions(+), 51 deletions(-)
 delete mode 100644 src/routes/zhen/cv/rev3/shared.css

diff --git a/src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte b/src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte
index 8058053..dbf9da6 100644
--- a/src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte
+++ b/src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte
@@ -1,6 +1,9 @@
 <script>
     import RepeatedSkills from "./RepeatedSkills.svelte";
 
+    // Cedit
+    import LinkToSource from "../CompsRev3/LinkToSource.svelte";
+
     export let Style = "";
 </script>
 
@@ -9,12 +12,17 @@
         <RepeatedSkills textOverride={["Hello", "你好", "Hej"]} targetTextHeight={4} targetTextWidth={50} applyRotation={false}/>
     </div>
     <div/>
+    <div class="flex justify-center">
+      <div class="w-[6cm]">
+        <LinkToSource/>
+      </div>
+    </div>
 </div>
 
 <style lang="scss">
     .container {
         position: absolute;
-        transform: translate(-25mm, 0mm) rotate(-45deg);
+        transform: translate(-30mm, 7.5mm) rotate(-45deg);
         display: grid;
         justify-self: start;
         vertical-align: top;
diff --git a/src/routes/zhen/cv/CompsRev3/LinkToSource.svelte b/src/routes/zhen/cv/CompsRev3/LinkToSource.svelte
index 5895952..0a29a79 100644
--- a/src/routes/zhen/cv/CompsRev3/LinkToSource.svelte
+++ b/src/routes/zhen/cv/CompsRev3/LinkToSource.svelte
@@ -3,21 +3,58 @@
 </script>
 
 <div class="container">
-    <div>
-        This CV was made using html, css and <a class="grid place-content-center" href="https://kit.svelte.dev/"><img src={svelteLogo} alt="SvelteKit logo"/></a>
+    <div class="flex justify-center">
+      <div class="corner-border-container p-1 m-1">
+        <div class="flex">
+          This CV was made using html, css and <a class="grid place-content-center" href="https://kit.svelte.dev/"><img src={svelteLogo} class="w-2 h-2" alt="SvelteKit logo"/></a>
+        </div>
         Sources:
         <a href="https://gitea.deprived.dev/Sveskejuice/deprived-main-website/src/branch/dev/src/routes/zhen/cv/rev2/+page.svelte">CV source code</a>
         and
         <a href="/zhen/cv/rev2?hideOnPrint=1">My Website</a>
+      </div>
     </div>
 </div>
 
 <style lang="scss">
+.corner-border-container {
+  --length: 5px;
+  --width: 1px;
+  background-color: var(--left-grid-bg-color);
+  background-image:
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color));
+  background-size:
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length),
+    var(--length) var(--width),
+    var(--width) var(--length);
+  background-position:
+    top left,
+    top left,
+    top right,
+    top right,
+    bottom right,
+    bottom right,
+    bottom left,
+    bottom left;
+  background-repeat: no-repeat;
+}
+
     .container {
         z-index: 1;
-        padding-left: 2mm;
 
-        font-size: 0.75rem;
+        font-size: 0.5rem;
 
         //white-space: nowrap;
 
@@ -31,21 +68,9 @@
             text-decoration: underline;
         }
 
-        div:first-child {
-            display: flex;
-            place-content: center;
-            justify-content: start;
-
-            a:nth-child(1) > img {
-                width: 5mm;
-
-                padding-left: 1mm;
-                padding-right: 1mm;
-            }
-        }
 
         div:nth-child(2){
             padding-bottom: 2mm;
         }
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/routes/zhen/cv/rev3/+page.svelte b/src/routes/zhen/cv/rev3/+page.svelte
index 5a61a50..dc5fefb 100644
--- a/src/routes/zhen/cv/rev3/+page.svelte
+++ b/src/routes/zhen/cv/rev3/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  // Shared CSS
-  import "./shared.css";
 
   // Left side
   import NameAndImage from "../CompsRev3/NameAndImage.svelte";
@@ -21,8 +19,6 @@
   import AlexWatermark from "../CompsRev3/AlexWatermark.svelte";
   import RepeatedSkills from "../CompsRev3/RepeatedSkills.svelte";
 
-  // Cedit
-  import LinkToSource from "../CompsRev3/LinkToSource.svelte";
 
   // Discord embed
   import preveiwImage from "$lib/zhen/cv-comps/EposCvPreveiw.png";
@@ -103,9 +99,6 @@
           targetTextWidth={75}
         />
       </div>
-      <div id="Credit">
-        <LinkToSource />
-      </div>
       <div>
         <Profile />
         <BiggestFlex />
@@ -303,13 +296,6 @@
         font-size: x-large;
       }
 
-      #Credit {
-        position: absolute;
-        z-index: 0;
-
-        display: flex;
-        align-self: flex-end;
-      }
     }
   }
 </style>
diff --git a/src/routes/zhen/cv/rev3/shared.css b/src/routes/zhen/cv/rev3/shared.css
deleted file mode 100644
index d60e11f..0000000
--- a/src/routes/zhen/cv/rev3/shared.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.corner-border-container {
-  background-color: var(--left-grid-bg-color);
-  background-image:
-    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
-    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
-    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
-    linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color));
-  background-size:
-    30px 4px,
-    4px 30px,
-    30px 4px,
-    4px 30px;
-  background-repeat: no-repeat;
-  background-position:
-    top left,
-    top left,
-    bottom right,
-    bottom right;
-}