diff --git a/_includes/head/custom.html b/_includes/head/custom.html index a4f7738..2e183f5 100644 --- a/_includes/head/custom.html +++ b/_includes/head/custom.html @@ -6,6 +6,8 @@ + + \ No newline at end of file diff --git a/assets/css/main.scss b/assets/css/main.scss index 653df04..1f6549f 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -95,6 +95,47 @@ p, div { margin: 2px 2px !important; } } + + + + +.grid { + display: grid; + padding: 20px; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsive wrapping */ + gap: 20px; + +} +.pdf-box { + border: 1px solid #ddd; + padding: 10px; + text-align: center; +} +canvas { + width: 100%; + height: auto; +} + + + + + + + + + + + + + + + + + + + + + @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin diff --git a/assets/js/custom_requirments.js b/assets/js/custom_requirments.js index adb6134..ea8277d 100644 --- a/assets/js/custom_requirments.js +++ b/assets/js/custom_requirments.js @@ -100,7 +100,7 @@ if (form){ - +// Requirement: To make calendar events clickable and navigate to the corresponding event details on detailed_program_schedule page. const fullCalendarElement = document.querySelector('full-calendar'); if (fullCalendarElement) { @@ -122,5 +122,48 @@ if (s.get('event_id')){ +const pdfFiles = [ + // { url: "/assets/posters/test.pdf", name: "Document 1" }, +]; +function renderPDF(url, canvasElement) { + const loadingTask = pdfjsLib.getDocument(url); + loadingTask.promise.then(pdf => { + pdf.getPage(1).then(page => { + const scale = 1.5; + const viewport = page.getViewport({ scale }); + const context = canvasElement.getContext('2d'); + canvasElement.height = viewport.height; + canvasElement.width = viewport.width; + const renderContext = { + canvasContext: context, + viewport: viewport + }; + page.render(renderContext); + }); + }); +} + +function loadPDFs() { + const grid = document.getElementById("pdf-grid"); + + pdfFiles.forEach(file => { + const box = document.createElement("div"); + box.classList.add("pdf-box"); + + const canvas = document.createElement("canvas"); + renderPDF(file.url, canvas); + + const button = document.createElement("button"); + button.textContent = "Download"; + button.onclick = () => window.open(file.url, "_blank"); + button.classList.add("btn","btn-primary"); + + box.appendChild(canvas); + box.appendChild(button); + grid.appendChild(box); + }); +} + +loadPDFs(); diff --git a/google9f748088153c412c.html b/google9f748088153c412c.html deleted file mode 100644 index be53ced..0000000 --- a/google9f748088153c412c.html +++ /dev/null @@ -1 +0,0 @@ -google-site-verification: google9f748088153c412c.html \ No newline at end of file diff --git a/spring_school_2025/posters.md b/spring_school_2025/posters.md index 2ed2660..7c96f8f 100644 --- a/spring_school_2025/posters.md +++ b/spring_school_2025/posters.md @@ -22,4 +22,8 @@ The posters will be printed in DIN A0 (84,1 x 118,9 cm). Please make sure that you poster is adjusted to this size ## Posters -After the spring school all posters will be posted here. \ No newline at end of file +After the spring school all posters will be posted here. + + +
+