Add style improvements for printed version

eddymdz · Jun 13, 2023 · c425943 · c425943
1 parent b08c7fe
commit c425943
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 9 deletions.
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -31,6 +31,10 @@ ul.padding-list {
   padding-left: 20px;
 }
 
+.personal-website {
+  display: none;
+}
+
 @import "layout";
 @import "typography";
 @import "print";
diff --git a/assets/scss/print.scss b/assets/scss/print.scss
@@ -3,9 +3,10 @@
         margin: 0%;
     }
 
-    .container .left .profileText .profileImg {
-        width: 100px!important;
-        height: 100px!important;
+
+    .container .left  {
+        background: #fff;
+        padding-bottom: 0px!important;
     }
 
     body {
@@ -18,11 +19,47 @@
     }
 
     .container {
-        grid-template-columns: 1fr 2fr!important;
+        grid-template-columns: none!important;
     }
 
+    .language {
+        display: none;
+    }
+
+    .container .left .contactInfo ul li span,
+    a.contact_links, 
+    .container .left .contactInfo .title {
+        color: #1d242a!important;
+    }
 
-    #pukara {
+
+
+    .container .left .profileText {
+        span, h2 {
+            color: #1d242a!important;
+        }
+    } 
+
+    .container .left .profileText .profileImg {
+        display: none!important;
+    }
+
+
+    .pagebreak-after, .pagebreak-before {
+        clear: both;
+    }
+
+    .pagebreak-before {
+        page-break-before: always;
+        margin-top: 40px;
+    }
+
+    .pagebreak-after {
         page-break-after: always;
     }
+
+    .personal-website {
+        display: block!important;
+    }
+
 }
diff --git a/layouts/index.html b/layouts/index.html
@@ -51,6 +51,13 @@ <h3 class="title">Contact Info</h3>
 							<span class="text"><a href="https://www.linkedin.com/in/eduardo-mendez-sysadmin/"
 									target="_blank" class="contact_links">eduardo-mendez-sysadmin</a></span>
 						</li>
+						<li class="personal-website">
+							<span class="icon">
+								<i class="fa fa-globe" aria-hidden="true"></i>
+							</span>
+							<span class="text"><a href="https://eduardomendez.info"
+									target="_blank" class="contact_links">https://eduardomendez.info</a></span>
+						</li>
 						<li>
 							<span class="icon">
 								<i class="fa fa-map-marker" aria-hidden="true"></i>
@@ -110,7 +117,7 @@ <h2 class="title2">Skills</h2>
 					<li><span class="category">Methodologies</span>: Scrum, Kanban</li>
 				</ul>
 			</div>
-			<div class="about">
+			<div class="about pagebreak">
 				<h2 class="title2">Experience</h2>
 				<div class="box" id="hiberus">
 					<div class="text">
@@ -132,7 +139,7 @@ <h5>2023 - PRESENT</h5>
 						</ul>
 					</div>
 				</div>
-				<div class="box" id="pukara">
+				<div class="box pagebreak-before" id="pukara">
 					<div class="text">
 						<h4>Cloud DevOps Engineer and Team Manager</h4>
 						<div class="year_company">
@@ -214,7 +221,7 @@ <h5>2007 - 2013</h5>
 					</div>
 				</div>
 			</div>
-			<div class="about education">
+			<div class="about education pagebreak-before">
 				<h2 class="title2">Education</h2>
 				<div class="box">
 					<div class="year_company">
@@ -292,7 +299,7 @@ <h4>ccTLD Technical Aspects</h4>
 							the principal topic was DNSSEC</p>
 					</div>
 				</div>
-				<div class="box">
+				<div class="box pagebreak-before">
 					<div class="year_company">
 						<h5>2009 - 2009</h5>
 						<h5>Santiago, Chile</h5>