├── .gitignore ├── favicon.ico ├── resume.jpg ├── Osama_Soliman_Resume.pdf ├── Osama_Soliman_Resume.png ├── app.js ├── style.css └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .vscode/settings.json 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/solimanware/resume/HEAD/favicon.ico -------------------------------------------------------------------------------- /resume.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/solimanware/resume/HEAD/resume.jpg -------------------------------------------------------------------------------- /Osama_Soliman_Resume.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/solimanware/resume/HEAD/Osama_Soliman_Resume.pdf -------------------------------------------------------------------------------- /Osama_Soliman_Resume.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/solimanware/resume/HEAD/Osama_Soliman_Resume.png -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //Your Google Drive Link for Resume 2 | const docLink = 'https://docs.google.com/document/d/1d0zBLP8jK8cZZ7JJSNQUPyZcDRf2LUpbE1o9bLHm1sw' 3 | const iframe = document.querySelector("iframe"); 4 | iframe.src = `https://docs.google.com/gview?url=${docLink}/export?format=pdf&embedded=true`; 5 | document.querySelectorAll(".download-btn").forEach((el) => { 6 | el.addEventListener("click", (e) => { 7 | download(`${docLink}/export?format=pdf`); 8 | }); 9 | }); 10 | 11 | function download(url) { 12 | const a = document.createElement("a"); 13 | a.href = url; 14 | document.body.appendChild(a); 15 | a.click(); 16 | document.body.removeChild(a); 17 | } 18 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | width: 100%; 4 | height: 100%; 5 | margin: 0; 6 | padding: 0; 7 | text-align: center; 8 | background: #333639; 9 | color: white; 10 | display: flex; 11 | flex-direction: column; 12 | } 13 | iframe { 14 | width: 100%; 15 | height: 100%; 16 | margin: auto; 17 | display: block; 18 | } 19 | button { 20 | background-color: green; 21 | width:50%; 22 | align-self: center; 23 | min-width: 390px; 24 | 25 | border: none; 26 | color: white; 27 | padding: 10px; 28 | text-align: center; 29 | text-decoration: none; 30 | display: inline-block; 31 | font-size: 16px; 32 | margin: 4px 2px; 33 | cursor: pointer; 34 | border-radius: 5px; 35 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |