Add files via upload

404.qmd

@@ -0,0 +1,5 @@
+---
+title: "404"
+---
+
+Page not found, sorry! Try the search or navigate back to the base website.

README.md

@@ -1,2 +1,13 @@
-# unpilbaek.github.io
-Personal website built with Quarto.
+# Quarto Template for the Tutorial
+
+This repository contains the template for the website tutorial at <https://www.marvinschmitt.com/blog/website-tutorial-quarto/>.
+
+<p align="center">
+  <img src="img/website_template_screenshot_1.png" width="45%">
+&nbsp; &nbsp; &nbsp; &nbsp;
+  <img src="img/website_template_screenshot_2.png" width="45%">
+<br/><br/>
+  <img src="img/website_template_screenshot_3.png" width="45%">
+&nbsp; &nbsp; &nbsp; &nbsp;
+  <img src="img/website_template_screenshot_4.png" width="45%">
+</p>

_freeze/cv/index/execute-results/html.json

@@ -0,0 +1,14 @@
+{
+  "hash": "c1396f1f9307a539f1597a232ceb2381",
+  "result": {
+    "markdown": "---\nlayout: page\ntitle: Curriculum vitae\nexcerpt: My current CV\nexecute:\n  freeze: true  # never re-render during project render\nengine: knitr \nresources:\n  - \"cv.pdf\"\ncv:\n  pdf: \"cv.pdf\"\n---\n\n::: {.cell}\n<style type=\"text/css\">\n.embed-container {\n    position: relative;\n    padding-bottom: 129%;\n    height: 0;\n    overflow: hidden;\n    max-width: 100%;\n}\n.embed-container iframe,\n.embed-container object,\n.embed-container embed {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n</style>\n:::\n\n```{=html}\n<p class=\"text-center\">\n  <a class=\"btn btn-primary btn-lg cv-download\" href=\"cv.pdf\" target=\"_blank\">\n    <i class=\"fa-solid fa-file-arrow-down\"></i>&ensp;Download current CV\n  </a>\n</p>\n<div class=\"embed-container\">\n  <iframe src=\"cv.pdf#toolbar=0\" style=\"border: 0.5px;width: 100%;\"></iframe>\n</div>\n```\n\n```{=html}\n<div  style=\"margin: 30px; text-align: center;\">\n<a class=\"btn btn-primary\" href=\"https://www.marvinschmitt.com/blog/website-tutorial-quarto/\" role=\"button\" target=\"_blank\" style=\"padding: 15px 30px;\">View the tutorial for this template (+ download link)</a>\n</div>\n```",
+    "supporting": [],
+    "filters": [
+      "rmarkdown/pagebreak.lua"
+    ],
+    "includes": {},
+    "engineDependencies": {},
+    "preserve": {},
+    "postProcess": true
+  }
+}

_quarto.yml

@@ -0,0 +1,74 @@
+# This file controls the settings for your Quarto template from www.marvinschmitt.com
+
+# website settings
+website:
+  title: "Unpil Baek"                                # Your name
+  description: "Cartographer on the Edge"   # A brief slogan (optional)
+  image: img/my_image.jpg
+
+  favicon: img/logo.png
+
+  # start of the navigation bar at the top of the website
+  navbar:
+    pinned: true
+    logo: /img/logo.png
+
+    left:
+      - text: "Projects"
+        href: projects/index.qmd
+      - text: "Photography"
+        href: photography/index.qmd
+      - text: "CV"
+        href: cv/index.qmd
+
+    # your social media handles
+    right:
+      #- icon: folder-symlink
+      #  href: https://www.marvinschmitt.com/blog/website-tutorial-quarto/
+      #- icon: twitter
+      #  href: https://twitter.com/MarvinSchmittML
+      - icon: linkedin
+        href: https://www.linkedin.com/in/unpilbaek/
+      #- icon: envelope
+      #  aria-label: email
+      #  href: "mailto:[email protected]"  
+
+
+
+# Don't touch unless you know what you are doing :) ------------
+  search: 
+    location: navbar
+    type: textbox
+  page-footer: 
+    center: |
+      <span class="faux-block">&#169; 2024 Unpil Baek</span>
+    #left: |
+    #  <span class="faux-block"><a href="https://www.marvinschmitt.com/blog/website-tutorial-quarto/">View the tutorial for this template!</a></span>
+    #right: |
+    #  <span class="faux-block"><a href="https://github.com/marvinschmitt/quarto-website-template/">View source on GitHub</a></span>
+
+project:
+  type: website
+  output-dir: docs
+
+  preview: 
+    port: 22222
+    browser: true
+    watch-inputs: true
+    navigate: true
+
+execute:
+  freeze: true
+
+format:
+  html:
+    fontsize: 1.1em
+    theme: 
+      - pulse
+      - html/styles.scss
+    toc: false
+    code-link: true
+    anchor-sections: true
+    fig-cap-location: margin
+    reference-location: margin
+    footnotes-hover: true

cv/index.qmd

@@ -0,0 +1,50 @@
+---
+layout: page
+title: Curriculum vitae
+excerpt: My current CV
+execute:
+  freeze: true  # never re-render during project render
+engine: knitr 
+resources:
+  - "cv.pdf"
+cv:
+  pdf: "cv.pdf"
+---
+
+```{css echo=FALSE}
+.embed-container {
+    position: relative;
+    padding-bottom: 129%;
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+}
+.embed-container iframe,
+.embed-container object,
+.embed-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+```
+
+```{=html}
+<p class="text-center">
+  <a class="btn btn-primary btn-lg cv-download" href="`r rmarkdown::metadata$cv$pdf`" target="_blank">
+    <i class="fa-solid fa-file-arrow-down"></i>&ensp;Download current CV
+  </a>
+</p>
+<div class="embed-container">
+  <iframe src="`r rmarkdown::metadata$cv$pdf`#toolbar=0" style="border: 0.5px;width: 100%;"></iframe>
+</div>
+```
+
+
+
+```{=html}
+<div  style="margin: 30px; text-align: center;">
+<a class="btn btn-primary" href="https://www.marvinschmitt.com/blog/website-tutorial-quarto/" role="button" target="_blank" style="padding: 15px 30px;">View the tutorial for this template (+ download link)</a>
+</div>
+```