feat: Update print css for resume
All checks were successful
Build Docker / BuildImage (push) Successful in 1m57s

This commit is contained in:
Nathan Woodburn 2024-12-03 12:23:55 +11:00
parent a3a2748d15
commit 4ab0db973f
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
4 changed files with 11 additions and 9 deletions

1
.gitignore vendored
View File

@ -4,3 +4,4 @@ __pycache__/
.env .env
.vs/ .vs/
.venv/ .venv/
*.tmp

View File

@ -10,3 +10,4 @@ ansi2html
cachetools cachetools
solana == 0.34.2 solana == 0.34.2
solders == 0.21.0 solders == 0.21.0
weasyprint

View File

@ -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}}

View File

@ -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="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;"> <div class="title" style="text-align: right;background: #b54c00;">
<h1>Nathan Woodburn</h1> <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> </div>
<div class="d-lg-none d-xl-none d-xxl-none"> <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 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;"> <div style="text-align: center;">
<h1 style="margin-bottom: 0px;">Nathan Woodburn</h1> <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> </div>
<div> <div>
@ -61,7 +61,7 @@
<hr> <hr>
</div> </div>
<div class="noprintbreak"> <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> <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> <hr>
</div> </div>
@ -74,7 +74,7 @@
<div class="col edu-main"> <div class="col edu-main">
<h1>Education</h1> <h1>Education</h1>
<div class="noprintbreak"> <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> <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> <hr>
</div> </div>
@ -121,10 +121,10 @@
</div> </div>
</div> </div>
<div class="spacer"></div> <div class="spacer"></div>
<div> <div class="noprintbreak">
<h1>Conferences</h1> <h1>Conferences</h1>
<div> <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> <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> <hr>
</div> </div>