-
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.
Revert "Adapting OG image path to github pages URL"
This reverts commit 90491a2.
- Loading branch information
Showing
1 changed file
with
37 additions
and
80 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 |
|---|---|---|
| @@ -1,91 +1,48 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <html> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="Hi! This is my website. I am a data and policy analyst for hire. Feel free to click around to learn more about me!"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
| <link rel="stylesheet" href="style.css"> | ||
|
|
||
| <!-- OG Meta Tags --> | ||
|
|
||
| <!-- It should be possible to inject the learner's name in these tags dynamically --> | ||
| <meta property="og:title" content="Yong Kim's Certificate"> | ||
| <meta property="og:description" content="Certificate for the IONQ Quantum Leadership Training Program"> | ||
|
|
||
| <!-- Using local PNG --> | ||
| <meta property="og:image" content="/ionq/certificate-ID.png"> | ||
| <script src="https://kit.fontawesome.com/e56523a6b4.js" crossorigin="anonymous"></script> | ||
|
|
||
| <!-- I imagine it might be something like this --> | ||
| <meta property="og:url" content="https://certificate.ionq.com/courseName/id"> | ||
| <meta property="og:type" content="website"> | ||
| <title>Nicolò Bonato</title> | ||
| </head> | ||
| <body> | ||
| <div class="w3-container"> | ||
| <h1>Nicolò Bonato</h1> | ||
| <a class="topnav-link" href="contact.html">Contacts</a> | ||
| <a class="topnav-link" href="about.html">About</a> | ||
| <a class="topnav-link" href="curriculum.html">Curriculum</a> | ||
| <a class="topnav-link" href="portfolio.html">Portfolio</a> | ||
|
|
||
|
|
||
| <!-- Twitter Meta Tags --> | ||
| <meta name="twitter:card" content="summary_large_image"> | ||
| <meta name="twitter:title" content="Yong Kim's Certificate"> | ||
| <meta name="twitter:description" content="Certificate for the IONQ Quantum Leadership Training Program"> | ||
| <meta name="twitter:image" content="/ionq/certificate-ID.png"> | ||
|
|
||
| <!-- These meta tags are mostly for Search, so probably irrelevant to your case --> | ||
| <meta name="description" content="Certificate for the IONQ Quantum Leadership Training Program"> | ||
| <meta name="keywords" content="certificate, achievement, recognition"> | ||
| <div class="w3-auto" style="max-width:700px"> | ||
|
|
||
| <!-- Favicon (picked from IONQ website) --> | ||
| <link rel="icon" href="https://ionq.com/favicon-32x32.png"> | ||
|
|
||
| <!-- This one can also be dynamically generated --> | ||
| <title>Yong Kim's Certificate</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <img src="headerDesktop.svg" id="header-image" alt="Header"> | ||
| </header> | ||
| <img src="logotype.svg" id="logo-top-left" alt="IONQ logotype"> | ||
| <img src="waveTopLeft.svg" id="wave-top-left" alt="wave decoration"> | ||
|
|
||
| <p id="certificate-info"> | ||
| Certification Date: Tuesday, September 12, 2023<br>Candidate ID: QLTP501SK | ||
| </p> | ||
| <div class="container"> | ||
| <div class="icon"> | ||
| <img src="logo.svg" id="learning-logo" alt="IONQ logo"> | ||
| <p id="learning-text">LEARNING</p> | ||
| </div> | ||
| <p> | ||
| IONQ is proud to award this certificate of Achievement | ||
| </p> | ||
| <h1> | ||
| Quantum Leadership Training Program | ||
| </h1> | ||
| <p> | ||
| to | ||
| </p> | ||
| <p id="recipient-name"> | ||
| Yong Kim | ||
| </p> | ||
| <p id="recognition"> | ||
| In recognition of successful completion of all 40 hours of technical lectures, discussions and hands-on programming exercises | ||
| </p> | ||
| <div id="certifiers"> | ||
|
|
||
| <div> | ||
| <hr> | ||
| <p>Jungsang Kim<br>Chief Technology Officer</p> | ||
| </div> | ||
| <div> | ||
| <hr> | ||
| <p>Christopher Monroe<br>Chief Scientist</p> | ||
| </div> | ||
| </div> | ||
| <div id="link-buttons"> | ||
| <a href="">Download</a> | ||
| <a href="">Copy link</a> | ||
| <p style="text-align: center">Hi! This is my website.<br> | ||
| Feel free to click around to learn more about me, but you can find me at the following links</p> | ||
| <ul> | ||
| <li> | ||
| <a class="link-button" href="https://www.linkedin.com/in/nbonato/" target="_blank"> | ||
| <i class="fa-brands fa-linkedin"></i> linkedin.com/in/nbonato</a> | ||
| </li> | ||
| <li> | ||
| <a class="link-button" href="https://github.com/nbonato/" target="_blank"> | ||
| <i class="fa-brands fa-github-square"></i> github.com/nbonato</a> | ||
| </li> | ||
| <li> | ||
| <a class="link-button" href="https://twitter.com/nbonatotw" target="_blank"> | ||
| <i class="fa-brands fa-twitter-square"></i> twitter.com/nbonatotw</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <img src="waveBottomRight.svg" id="wave-bottom-right" alt=""> | ||
| <footer> | ||
| <img src="footerDesktopLeft.svg" id="footer-image" alt="Footer"> | ||
| <img src="footerDesktopRight.svg" id="footer-right" alt="Footer"> | ||
| </footer> | ||
|
|
||
|
|
||
| <script>(function(v,i,s,a,t){v[t]=v[t]||function(){(v[t].v=v[t].v||[]).push(arguments)};if(!v._visaSettings){v._visaSettings={}}v._visaSettings[a]={v:'1.0',s:a,a:'1',t:t};var b=i.getElementsByTagName('body')[0];var p=i.createElement('script');p.defer=1;p.async=1;p.src=s+'?s='+a;b.appendChild(p)})(window,document,'//app-worker.visitor-analytics.io/main.js','9c4ec6fb-4c14-11ee-b589-901b0edac50a','va')</script> | ||
| </body> | ||
| </html> | ||
| </html> | ||
|
|
||
|
|
||
|
|