-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
2,498 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,159 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Collection Authorisation - Australia Post</title> | ||
| <style> | ||
| :root { | ||
| --bg-color: #ffffff; | ||
| --text-color: #000000; | ||
| --border-color: #000000; | ||
| --input-bg: #f0f0f0; | ||
| --logo-filter: none; | ||
| } | ||
|
|
||
| [data-theme="dark"] { | ||
| --bg-color: #222222; | ||
| --text-color: #ffffff; | ||
| --border-color: #ffffff; | ||
| --input-bg: #444444; | ||
| --logo-filter: invert(1); | ||
| } | ||
|
|
||
| body { | ||
| font-family: Gill Sans, sans-serif; | ||
| line-height: 1.4; | ||
| color: var(--text-color); | ||
| background-color: var(--bg-color); | ||
| transition: all 0.3s ease; | ||
| padding: 20px; | ||
| max-width: 800px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| header { | ||
| text-align: right; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| #logo { | ||
| max-width: 200px; | ||
| filter: var(--logo-filter); | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 15px; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| p { | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| form { | ||
| border: 1px solid var(--border-color); | ||
| padding: 10px; | ||
| } | ||
|
|
||
| table { | ||
| width: 100%; | ||
| border-collapse: collapse; | ||
| } | ||
|
|
||
| th, td { | ||
| border: 1px solid var(--border-color); | ||
| padding: 10px; | ||
| text-align: left; | ||
| } | ||
|
|
||
| input[type="text"] { | ||
| width: 100%; | ||
| padding: 5px; | ||
| box-sizing: border-box; | ||
| background-color: var(--input-bg); | ||
| color: var(--text-color); | ||
| border: 1px solid var(--border-color); | ||
| } | ||
|
|
||
| #darkModeToggle { | ||
| position: fixed; | ||
| bottom: 20px; | ||
| right: 20px; | ||
| padding: 10px; | ||
| background-color: var(--input-bg); | ||
| color: var(--text-color); | ||
| border: 1px solid var(--border-color); | ||
| cursor: pointer; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <img id="logo" src="https://logos-world.net/wp-content/uploads/2021/02/Australia-Post-Logo.png" alt="Australia Post Logo"> | ||
| </header> | ||
| <main> | ||
| <h1>Collection Authorisation</h1> | ||
| <p>For items NOT requiring your personal signature, you are able to authorise collection on your behalf.</p> | ||
| <p>The person you have authorised to collect this item ('agent') must present the following:</p> | ||
| <ul> | ||
| <li>the collection notification,</li> | ||
| <li>a completed copy of this authorisation and</li> | ||
| <li>a valid photo identification.</li> | ||
| </ul> | ||
| <p>Please note that some senders may require in-person collection by the addressee only, in which instance the collection authorisation option cannot be used.</p> | ||
| <p>Print this form and complete the details below.</p> | ||
|
|
||
| <form> | ||
| <table> | ||
| <tr> | ||
| <th>Date:</th> | ||
| <td><input type="text" name="date" placeholder="DD/ MM / YYYY"></td> | ||
| </tr> | ||
| <tr> | ||
| <th>Name of Agent:<br>(BLOCK LETTERS)</th> | ||
| <td><input type="text" name="agent_name" placeholder="AGENT NAME"></td> | ||
| </tr> | ||
| <tr> | ||
| <th>Signature of Agent:</th> | ||
| <td></td> | ||
| </tr> | ||
| <tr> | ||
| <th>Name of Addressee:<br>(BLOCK LETTERS)</th> | ||
| <td><input type="text" name="addressee_name" placeholder="YOUR NAME"></td> | ||
| </tr> | ||
| <tr> | ||
| <th>Signature of Addressee:</th> | ||
| <td></td> | ||
| </tr> | ||
| </table> | ||
| </form> | ||
| </main> | ||
| <button id="darkModeToggle">Toggle Dark Mode</button> | ||
| <script> | ||
| const darkModeToggle = document.getElementById('darkModeToggle'); | ||
| const body = document.body; | ||
|
|
||
| darkModeToggle.addEventListener('click', () => { | ||
| body.dataset.theme = body.dataset.theme === 'dark' ? 'light' : 'dark'; | ||
| }); | ||
| </script> | ||
| <script>document.body.style.zoom = 0.75;</script> | ||
|
|
||
| <div class="info" <data-theme="dark" style= "-webkit-text-size-adjust: 100%; font-family: APTypeProText,-apple-system,system-ui,BlinkMacSystemFont,Segoe 2; box-shadow: inset 4px 0 0 #dc1928; transition: box-shadow .2s ease-in; border: 2px solid #e2e2e2; border-left-width: 0; margin: -2px 0"> | ||
| <label for="accordion-1" class="accordion-label" style="cursor: pointer; display: block; padding: 10px; border-bottom: 1px solid #ccc;" contenteditable="true">What ID can I use as proof of identity when I collect an item from the Post Office? | ||
|
|
||
| <label>When collecting from the Post Office, we'll ask you to show ID proving that you're either the person it's addressed to (the 'addressee'), or someone who's authorised to collect (on the addressee's behalf).</label> | ||
| <p>You’ll need to show <strong>one valid form of photo ID</strong>, such as:</p> | ||
| <ul> | ||
| <li>Australian Driver Licence, International Driving Permit (physical or digital) or Australian Learner Permit</li> | ||
| <li>Digital Driving Licence (selected states, such as NSW or SA)</li> | ||
| <li>Keypass or other Government-issued proof-of-age card (physical or digital)</li> | ||
| <li>Australian or international passport</li> | ||
| <li>Australia Post <a href="(link unavailable)" target="_blank">Digital ID</a></li> | ||
| <li>Other issued photo or digital ID, such as Working with Children Check, Proof of Age card, Firearms Licence or WorkSafe Licence</li> | ||
|
|
||
|
|
||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.