Skip to content

Instantly share code, notes, and snippets.

View ng-the-engineer's full-sized avatar

Anthony Ng ng-the-engineer

2 followers · 2 following
View GitHub Profile
@ng-the-engineer
ng-the-engineer / index.html
Last active April 27, 2021 10:34
Code snippet of CV2
<!-- Modal XYZ-->
<div id="popupXYZ" class="popup">
<div class="popup-content">
<div class="container">
<div id="closePopupXYZ" class="close">&times;</div>
<div id="xyzAndroid" class="tabContent">
<img src="images/xyz_android.png" width="100%" />
</div>
@ng-the-engineer
ng-the-engineer / popup.js
Created April 27, 2021 05:43
Code snippet of cv2
// ABC Company
const popupABC = document.getElementById("popupABC");
document.getElementById("jobABC").onclick = () => popupABC.style.display = "block";
document.getElementById("closePopupABC").onclick = () => popupABC.style.display = "none";
window.onclick = (event) => {
switch (event.target) {
case popupABC:
popupABC.style.display = "none";
}
@ng-the-engineer
ng-the-engineer / modal.css
Created April 26, 2021 09:41
Code snippet of cv2
.container {
position: relative;
width: 100%;
}
.container:hover .image {
opacity: 0.7; /* opacity of the image in popup modal */
}
.container:hover .middle {
@ng-the-engineer
ng-the-engineer / index.html
Last active April 27, 2021 05:32
Code snippet of cv2
<head>
<link rel="stylesheet" type="text/css" href="css/popup.css" />
</head>
<body class="document">
<div class="page" contenteditable="false">
...
<h4>Employment History</h4>
@ng-the-engineer
ng-the-engineer / index.html
Last active April 23, 2021 19:46
Code snippet of cv2
<input id="cvUrl" class="hidden-cv-url" type="text"
value="https://ng-the-engineer.github.io/cv2/"
/>
@ng-the-engineer
ng-the-engineer / print.js
Created April 23, 2021 19:07
Code snippet of cv2
const print = function () {
window.print();
}
@ng-the-engineer
ng-the-engineer / index.html
Created April 23, 2021 19:02
Code snippet of cv2
<a href="#" class="print" onclick="print()"><i class="fa fa-print"</i></a>
@ng-the-engineer
ng-the-engineer / index.html
Last active April 24, 2021 09:24
Code snippet of CV Part 2
<head>
<!-- Existing reference ... -->
<link rel="stylesheet" type="text/css" href="css/sidebar.css" />
<link rel="stylesheet" type="text/css" href="css/copy.css" />
<link rel="stylesheet" type="text/css" href="css/snackbar.css" />
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
@ng-the-engineer
ng-the-engineer / cert.css
Created April 22, 2021 09:50
Code snippet of CV
.key-cert-column-title {
display: inline-block;
width: 400px;
}
.key-cert-column-org {
display: inline-block;
width: 100px;
}
.key-cert-column-date {
display: inline-block;
@ng-the-engineer
ng-the-engineer / career.css
Created April 22, 2021 09:47
Code snippet of CV
.skill-tag {
border-radius: 15px 15px 15px 15px;
background: #fbc531;
padding: 1px 4px;
font-size: 8px;
font-weight: 300;
font-family: "Saira Extra Condensed", sans-serif;
}