sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace Google Drive PDF Viewer with Link to GitHub

Browse Source 
- Google drive PDF viewer appears to be broken or
  unreliable now, so switched to a simple link
  to the GitHub repo
This commit is contained in:
Sravan Balaji
2024-04-19 11:24:48 -04:00
parent b94cfbdf76
commit ceea34cb51
2 changed files with 10 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/documentation.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en" color-mode="light">
<head>
<script
@@ -228,27 +228,6 @@
</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-12">
<h2>Display Resume PDF in Website using GitHub</h2>
<p>
I have the latest version of my
<a href="./portfolio.html#resume">resume</a> stored in a public
<a href="https://github.com/balajsra/resume" target="_blank">
GitHub repository</a
>, but I wanted an easy way to share it directly on my website.
This led me to look for ways to embed a PDF in HTML. This works
great for local files, but not so great for PDFs stored in a
repository. The trick is to get the link to the raw PDF file from
GitHub and to use Google Drive PDF Viewer. This is outlined in
<a
href="https://medium.com/@kekayan/display-your-resume-cv-pdf-in-website-using-github-73a088ac961d"
target="_blank"
>Kekayan's Medium post</a
>.
</p>
</div>
</div>
</div>
<!---------------------------------

13
src/portfolio.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en" color-mode="light">
<head>
<script
@@ -28,9 +28,14 @@
</div>
<div class="row align-items-center">
<div class="col-md-12">
<iframe
src="https://docs.google.com/gview?url=https://github.com/balajsra/resume/raw/master/sravan_balaji_resume.pdf&embedded=true"
></iframe>
<p>
The latest version of my resume is hosted on
<a
href="https://github.com/balajsra/resume/blob/master/sravan_balaji_resume.pdf"
target="_blank"
>GitHub</a
>.
</p>
</div>
</div>
</div>