diff --git a/docs/assets/FBW-A32NX-SOP.pdf b/docs/assets/FBW-A32NX-SOP.pdf
new file mode 100644
index 000000000..57ef56beb
Binary files /dev/null and b/docs/assets/FBW-A32NX-SOP.pdf differ
diff --git a/docs/pilots-corner/SOP.md b/docs/pilots-corner/SOP.md
index b59d443b6..b4e021fb8 100644
--- a/docs/pilots-corner/SOP.md
+++ b/docs/pilots-corner/SOP.md
@@ -12,12 +12,28 @@ They are available for download or preview online via the links below.
An in-flight checklist for flight crew operations. Items critical regarding flight safety are on this list.
-[Download](https://github.com/flybywiresim/manuals/raw/master/pdf/A32NX%20Documentation/FBW%20A32NX%20Checklist.pdf){ .md-button } [:fontawesome-brands-github:{: .github } Online Preview](https://github.com/flybywiresim/manuals/blob/master/pdf/A32NX%20Documentation/FBW%20A32NX%20Checklist.pdf){ target=new .md-button }
+[Download](https://github.com/flybywiresim/manuals/raw/master/pdf/A32NX%20Documentation/FBW%20A32NX%20Checklist.pdf){ .md-button }
+
+{% with pdf_file = "/assets/FBW_A32NX_CHECKLIST.pdf" %}
+
+
+
+{% endwith %}
## Normal Procedures
This document can be considered as an overview of what to do during each phase of flight, with remarks about each location and item.
-[Download](https://github.com/flybywiresim/manuals/raw/master/pdf/A32NX%20Documentation/FBW%20A32NX%20SOP.pdf){ .md-button } [:fontawesome-brands-github:{: .github } Online Preview](https://github.com/flybywiresim/manuals/blob/master/pdf/A32NX%20Documentation/FBW%20A32NX%20SOP.pdf){ target=new .md-button }
+[Download](https://github.com/flybywiresim/manuals/raw/master/pdf/A32NX%20Documentation/FBW%20A32NX%20SOP.pdf){ .md-button }
+
+{% with pdf_file = "/assets/FBW-A32NX-SOP.pdf" %}
+
+
+
+{% endwith %}
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index fc2377615..96cdf38fe 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -125,3 +125,27 @@ tbody {
background-color: #00E0FE;
}
+/*PDF Styling*/
+.pdf-embed {
+ width: 100%;
+ height: 800px;
+ border: 1px solid black;
+ background-color: white;
+}
+
+/* Responsive Styling PDF */
+
+@media screen and (max-width: 768px) {
+ .pdf-embed {
+ height: 600px;
+
+ }
+}
+
+@media screen and (max-width: 480px) {
+ .pdf-embed {
+ height: 600px;
+ }
+}
+
+
diff --git a/mkdocs.yml b/mkdocs.yml
index ba0450bd7..3fdfdfaf6 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -24,7 +24,6 @@ theme:
features:
- navigation.tabs
- navigation.tabs.sticky
- # Removed this feature again as it's breaking TOC navigation on reported-issues.md
- navigation.instant
- navigation.top
- navigation.tracking
@@ -152,3 +151,8 @@ markdown_extensions:
emoji_index: !!python/name:materialx.emoji.twemoji
emoji_generator: !!python/name:materialx.emoji.to_svg
md_in_html: {} # Allows markdown to be used in HTML
+ pymdownx.pathconverter: # Allows for absolute linking of images and other assets
+ base_path: 'docs' # repository root
+ relative_path: '' # default ''
+ absolute: true # default: false
+ tags: 'a script img link object embed'