feat: Update print css for resume

2024-12-03 12:23:55 +11:00 · 2024-12-03 12:23:55 +11:00 · 4ab0db973f
commit 4ab0db973f
parent a3a2748d15
4 changed files with 11 additions and 9 deletions
--- a/.gitignore
+++ b/.gitignore
@ -3,4 +3,5 @@ __pycache__/

 .env
 .vs/
-.venv/
+.venv/
+*.tmp
--- a/requirements.txt
+++ b/requirements.txt
@ -9,4 +9,5 @@ Pillow
 ansi2html
 cachetools
 solana == 0.34.2
-solders == 0.21.0
+solders == 0.21.0
+weasyprint
--- a/templates/assets/css/resume.min.css
+++ b/templates/assets/css/resume.min.css
@ -1 +1 @@
-.profile-container{height:170px;width:170px;z-index:2;left:10%}.title{position:absolute;margin-left:calc(100px);width:calc(100% - 100px);padding:1em;margin-top:-225px;z-index:0}.title>*{width:100%;margin-bottom:0}img.profile{left:10px;width:150px;position:absolute;aspect-ratio:1;transform:scale(1);transition:.5s;z-index:2}img.background2{left:0;width:170px!important;margin-top:-10px;pointer-events:none;z-index:1}img.foreground{border-radius:50%;pointer-events:none;z-index:3}img.background:hover,img.backgroundsml:hover{filter:blur(5px)}.spacer{height:100px}img.profilesml{width:150px;position:absolute;left:50%;margin-left:-75px;aspect-ratio:1;padding-top:calc(var(--s)/5);transform:scale(1);transition:.5s}img.foregroundsml{border-radius:50%;pointer-events:none}img.background2sml{width:170px!important;left:calc(50% - 10px);margin-top:-10px;pointer-events:none;z-index:0}@media print{div{color:#000!important}.noprintbreak{page-break-inside:avoid}.edu-main{page-break-before:always}}
+.profile-container{height:170px;width:170px;z-index:2;left:10%}.title{position:absolute;margin-left:calc(100px);width:calc(100% - 100px);padding:1em;margin-top:-225px;z-index:0}.title>*{width:100%;margin-bottom:0}img.profile{left:10px;width:150px;position:absolute;aspect-ratio:1;transform:scale(1);transition:.5s;z-index:2}img.background2{left:0;width:170px!important;margin-top:-10px;pointer-events:none;z-index:1}img.foreground{border-radius:50%;pointer-events:none;z-index:3}img.background:hover,img.backgroundsml:hover{filter:blur(5px)}.spacer{height:100px}img.profilesml{width:150px;position:absolute;left:50%;margin-left:-75px;aspect-ratio:1;padding-top:calc(var(--s)/5);transform:scale(1);transition:.5s}img.foregroundsml{border-radius:50%;pointer-events:none}img.background2sml{width:170px!important;left:calc(50% - 10px);margin-top:-10px;pointer-events:none;z-index:0}@media print{.noprintbreak{page-break-inside:avoid}*{color:#000}}
--- a/templates/resume.html
+++ b/templates/resume.html
@ -41,14 +41,14 @@
        <div class="profile-container" style="margin-top: 5em;margin-bottom: 5em;"><img class="profile background2" src="/assets/img/orange.webp" style="border-radius: 50%;" alt=""><img class="profile background" src="/assets/img/profile.jpg" style="border-radius: 50%;" alt="Profile Photo"><img class="profile foreground" src="/assets/img/pfront.webp" alt=""></div>
        <div class="title" style="text-align: right;background: #b54c00;">
            <h1>Nathan Woodburn</h1>
-            <p>IT enthusiast &amp; Student | <a href="https://nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">https://nathan.woodburn.au</span></a>&nbsp;| <a href="mailto:contact@nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">contact@nathan.woodburn.au</span></a></p>
+            <p>IT Enthusiast &amp; Student | <a href="https://nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">https://nathan.woodburn.au</span></a>&nbsp;| <a href="mailto:contact@nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">contact@nathan.woodburn.au</span></a></p>
        </div>
    </div>
    <div class="d-lg-none d-xl-none d-xxl-none">
        <div class="profile-container" style="margin-top: 5em;"><img class="profilesml background2sml" src="/assets/img/orange.webp" style="border-radius: 50%;width: 150px;" alt=""><img class="profilesml backgroundsml" src="/assets/img/profile.jpg" style="border-radius: 50%;width: 150px;" alt="Profile Photo"><img class="profilesml foregroundsml" src="/assets/img/pfront.webp" style="width: 150px;" alt=""></div>
        <div style="text-align: center;">
            <h1 style="margin-bottom: 0px;">Nathan Woodburn</h1>
-            <p>IT enthusiast &amp; Student<br><a href="https://nathan.woodburn.au" target="_blank">https://nathan.woodburn.au</a></p>
+            <p>IT Enthusiast &amp; Student<br><a href="https://nathan.woodburn.au" target="_blank">https://nathan.woodburn.au</a></p>
        </div>
    </div>
    <div>
@ -61,7 +61,7 @@
                    <hr>
                </div>
                <div class="noprintbreak">
-                    <h4 style="margin-bottom: 0.5em;">SMall BUSINESS Owner&nbsp; • Nathan 3D Printing Service<br>Feb 2020 - Dec 2023</h4>
+                    <h4 style="margin-bottom: 0.5em;">Small Business Owner&nbsp; • Nathan 3D Printing Service<br>Feb 2020 - Dec 2023</h4>
                    <p>Launched and grew a small 3D printing and CAD modeling business. Managed all aspects of operations, including customer acquisition, project management, and financial management. Developed expertise in 3D printing technology and CAD modeling software, while building a reputation for reliability, professionalism, and innovation.</p>
                    <hr>
                </div>
@ -74,7 +74,7 @@
            <div class="col edu-main">
                <h1>Education</h1>
                <div class="noprintbreak">
-                    <h4 style="margin-bottom: 0.5em;">BACHELOR of Computing&nbsp; • Australian National University<br>2022 - Present</h4>
+                    <h4 style="margin-bottom: 0.5em;">Bachelor of Computing&nbsp; • Australian National University<br>2022 - Present</h4>
                    <p>Studying for a Bachelor of Computer Science from the Australian National University, a globally recognized institution. Developing a strong foundation in computer science and problem-solving skills through engaging coursework and collaboration with peers.</p>
                    <hr>
                </div>
@ -121,10 +121,10 @@
        </div>
    </div>
    <div class="spacer"></div>
-    <div>
+    <div class="noprintbreak">
        <h1>Conferences</h1>
        <div>
-            <h4 style="margin-bottom: 0.5em;">Judge &amp; Presenter – OnChain names &amp; IDENTITY Hackathon Vietnam - April 2024</h4>
+            <h4 style="margin-bottom: 0.5em;">Judge &amp; Presenter – Onchain Names &amp; Identity Hackathon Vietnam - April 2024</h4>
            <p>Invited to serve as a judge at a blockchain-focused hackathon, evaluating applications built using Handshake or other decentralized solutions. Delivered a presentation contrasting Handshake DNS with traditional DNS, emphasizing the benefits of decentralized root systems for enhanced security and censorship resistance.</p>
            <hr>
        </div>