jdahlin/medical-notes
1
0
Fork 0
Code Actions Activity

vault backup: 2025-12-07 17:19:42
All checks were successful
Deploy Quartz site to GitHub Pages / build (push) Successful in 2m48s
Details

Browse Source
This commit is contained in:
Johan Dahlin
2025-12-07 17:19:42 +01:00
parent 502887ad61
commit 2e231ec64c
28 changed files with 109 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
wip/templates/base.jinja2
View File

@@ -3,7 +3,7 @@
<meta charset="utf-8">
<base href="{{base_path}}">
<link rel="stylesheet" href="style.css">
<title>{% block title %}WIP{% endblock %}</title>
<title>{% block title %}{% endblock %}</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js"></script>
</head>
<body>

20
wip/templates/image.jinja2
View File

@@ -0,0 +1,20 @@
{% extends "base.jinja2" %}
{% block title %}{{ filename }}{% endblock %}
{% block content %}
<h1>{{ title }}</h1>
<div class="image-container">
<img src="{{ filename }}" alt="{{ title }}" class="preview-image">
</div>
<style>
.image-container {
margin-top: 15px;
}
.preview-image {
max-width: 100%;
height: auto;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
</style>
{% endblock %}

2
wip/templates/note.jinja2
View File

@@ -1,4 +1,4 @@
{% extends 'base.html' %}
{% extends 'base.jinja2' %}
{% block title %}{{note.title}}{% endblock %}
{% block content %}
<h1>{{note.title}}</h1>

53
wip/templates/pdf.jinja2
View File

@@ -1,5 +1,52 @@
{% extends "base.html" %}
{% block title %}{{filename}}{% endblock %}
{% extends "base.jinja2" %}
{% block title %}{{ filename }}{% endblock %}
{% block content %}
TODO: pdf.js
<h1>{{ title }}</h1>
<a id="download-btn" href="{{ filename }}" download class="download-button">Download PDF</a>
<canvas id="pdf-render"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"></script>
<script type="text/javascript">
const url = "{{ filename }}";
const pdfjsLib = window['pdfjs-dist/build/pdf'];
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
const loadingTask = pdfjsLib
.getDocument(url)
.promise
.then(function (pdf) {
console.log('PDF loaded');
pdf.getPage(1).then(function (page) {
console.log('Page loaded');
const scale = 1.5;
const viewport = page.getViewport({scale: scale});
const canvas = document.getElementById('pdf-render');
const context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
const renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext).promise.then(function () {
console.log('Page rendered');
});
});
})
.catch(function (reason) {
console.error(reason);
});
</script>
<style>
.download-button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
margin-bottom: 15px;
}
.download-button:hover {
background-color: #0056b3;
}
</style>
{% endblock %}