0.2.1 print fixes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsonresume-theme-legacy",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "✱ Legacy handlebars jsonresume theme port to vite",
   "author": "metaory <[email protected]>",
   "bugs": "https://github.com/metaory/jsonresume-theme-legacy/issues",

src/components/basics.hbs

@@ -1,5 +1,5 @@
 {{#basics}}
-<header id="header" class="clear">
+<article id="header" class="clear">
   <h1 class="name">
     {{ name }}
     <span class="image">
@@ -107,4 +107,5 @@
     </section>
   </section>
 {{/if}}
+</article>
 {{/basics}}

src/pages/index.json

@@ -133,12 +133,12 @@
     },
     {
       "name": "Pybhq",
-      "level": "Advanced",
+      "level": "Intermediate",
       "keywords": ["NJF", "TPC", "Irepry"]
     },
     {
       "name": "Gbbypunva",
-      "level": "Master",
+      "level": "Beginner",
       "keywords": ["NepuYvahk", "Arbivz", "Gzhk", "NjrfbzrJZ", "Docker", "FZF"]
     }
   ],

src/styles/legacy.css

@@ -5,36 +5,35 @@ body::-webkit-scrollbar {
 
 body,
 html {
-  font-family: 'Monaspace Krypton', monospace, sans-serif;
-  width: 210mm;
-  max-width: 210mm;
+  font-family: KR-M, monospace, sans-serif;
   font-weight: Bold;
   font-size: 14px;
   color: var(--wk4);
-  letter-spacing: 0;
-  line-height: 1.46153846;
-  text-align: left;
-  background-image: url("/src/assets/bg.png");
-  background-color: white;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
+  margin: 0;
+  padding: 0;
 }
 
 p {
   display: block;
 }
 
-a {
-  color: var(--c04);
+a,
+a:hover,
+a:visited {
   text-decoration: none;
 }
 
-a:hover {
-  color: var(--cx4);
-  text-decoration: underline;
+a,
+a:visited {
+  color: var(--c05);
 }
 
+/* header { */
+/* width: max-content; */
+/* max-width: 210mm; */
+/* background-color: red; */
+/* } */
+
 span.icon {
   width: 20px;
   height: 20px;
@@ -73,9 +72,6 @@ strong {
   font-weight: 700;
 }
 
-#resume {
-  padding: 1.5rem;
-}
 
 .section {
   margin-bottom: 1rem;
@@ -112,7 +108,8 @@ strong {
     padding: 10px;
     justify-self: end;
     border-radius: 40%;
-    backdrop-filter: brightness(94%);
+    background-color: var(--xgg);
+    backdrop-filter: contrast(94%);
 
     >img {
       width: 80px;
@@ -136,14 +133,6 @@ strong {
       var(--zk9) 8px 7px;
   }
 
-  a {
-    color: var(--wk6);
-  }
-
-  a,
-  a:hover {
-    text-decoration: none;
-  }
 
   span.icon {
     color: var(--pk7);
@@ -489,7 +478,7 @@ span.url:hover,
 .highlights {
   margin: 1em 0 0 0;
   border-radius: var(--brl);
-  width: max-content;
+  width: auto;
   backdrop-filter: blur(var(--blur));
 }
 
@@ -518,8 +507,9 @@ span.url:hover,
 }
 
 .level .bar {
+  /* background-color: var(--zk9); */
   background-color: var(--xbg);
-  border-radius: 8px;
+  border-radius: var(--brs);
   display: block;
   margin: 0 8px;
   height: 10px;
@@ -665,10 +655,6 @@ span.fa-solid.fa-up-right-from-square {
   color: var(--wk5);
 }
 
-a,
-a:visited {
-  color: var(--cc4);
-}
 
 span.url {
   padding: 2px 10px 2px 6px;

src/styles/main.css

@@ -1,9 +1,7 @@
-/* @import "https://cdn.jsdelivr.net/npm/[email protected]/simple.min.css"; */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-
 :root {
   --cww: #FFF;
   --cbb: #000;
@@ -165,13 +163,23 @@
   font-family: RN-I;
   src: url("/src/assets/fonts/MonaspaceRadon-MediumItalic.woff") format('woff');
 }
-  /* background-image: url("/src/assets/bg.png"); */
-img {
-  opacity: 1;
-}
 
+html {
+  background: white;
+}
 body {
+  display: grid;
+  justify-content: center;
+  background-image: url("/src/assets/bg.png");
+  background-position: 75%;
+  background-size: cover;
+  background-repeat: repeat-y;
+}
+main {
   padding: 4em;
+  width: 210mm;
+  max-width: 210mm;
+  background-color: var(--xgg);
 }
 
 div.line-pattern {
@@ -246,8 +254,7 @@ section {
 }
 
 @page {
-  size: 210mm 297mm;
+  size: A4;
   margin: 0;
 }
 
-/* html { filter: invert(1); } */