From f1fe584ad5de63bdd41130a4fe21d0b1ffd5fbb9 Mon Sep 17 00:00:00 2001 From: Oscar Najera Date: Sun, 22 Oct 2023 05:26:41 +0200 Subject: [PATCH] Render on html the hugo export with css style --- doc/config.toml | 8 +++++- doc/content/post/basic_config.md | 2 +- doc/content/post/hugo_export.md | 28 ++++++++++++++++-- doc/content/post/license.md | 2 +- doc/content/post/tips.md | 2 +- doc/layouts/partials/head.html | 38 +++++++++++++++++++++++++ doc/static/css/cv.css | 22 +++++++------- readme.org | 49 +++++++++++++++++++++++--------- 8 files changed, 120 insertions(+), 31 deletions(-) create mode 100644 doc/layouts/partials/head.html diff --git a/doc/config.toml b/doc/config.toml index 7da1354..bf88eb5 100644 --- a/doc/config.toml +++ b/doc/config.toml @@ -2,10 +2,16 @@ baseURL = "https://titan-c.gitlab.io/org-cv/" languageCode = "en-us" title = "Org CV" theme = "project-landing-page" +[markup.goldmark.renderer] +unsafe = true + +[markup.goldmark.parser.attribute] +title = true +block = true [params] description = "Org-mode backend exporters for Curriculum Vita" - author_url = "http://blog.oscarnajera.com" + author_url = "http://oscarnajera.com" author = "Titan-C" project_url = "https://gitlab.com/Titan-C/org-cv/" logo = "https://upload.wikimedia.org/wikipedia/commons/a/a6/Org-mode-unicorn.svg" diff --git a/doc/content/post/basic_config.md b/doc/content/post/basic_config.md index 2ffbe55..387897e 100644 --- a/doc/content/post/basic_config.md +++ b/doc/content/post/basic_config.md @@ -31,7 +31,7 @@ put your foreseen job. ```org -#+TITLE: My dream job +#+TITLE: My dream job an ORG-CV example #+AUTHOR: John Doe #+email: john@doe.lost #+options: tags:nil diff --git a/doc/content/post/hugo_export.md b/doc/content/post/hugo_export.md index 73972dc..ce50cda 100644 --- a/doc/content/post/hugo_export.md +++ b/doc/content/post/hugo_export.md @@ -20,15 +20,39 @@ You are responsible for styling your website. Use all the CSS magic you know. Each entry is inside a `div` container and each element of the properties has its own class. -Make sure that your hugo config has the markup parser attributes active +Make sure that your hugo config has the markup parser attributes active and allows +for html rendering. ```yaml markup: goldmark: + renderer: + unsafe: true parser: attribute: title: true block: true ``` - +You can also use an awards section for a different styling. Here you tag each +entry with `cvhonor`. + +```org +* Awards +** First place :cvhonor: +:PROPERTIES: +:CV_ENV: cventry +:DATE: <2014-09-01> +:LOCATION: a city, a country +:EVENT: The RACE +:END: + +** Sport Scholarship :cvhonor: +:PROPERTIES: +:DATE: <2013-09-01> +:LOCATION: my city, your country +:ORGANIZATION: The nice millionaire +:END: +``` + +Next is the rendered result for the special entries with styling. diff --git a/doc/content/post/license.md b/doc/content/post/license.md index f4929f2..cb58fb0 100644 --- a/doc/content/post/license.md +++ b/doc/content/post/license.md @@ -2,7 +2,7 @@ title = "License" author = ["Óscar Nájera"] draft = false -weight = 1006 +weight = 1007 +++ > org-cv diff --git a/doc/content/post/tips.md b/doc/content/post/tips.md index 4249a66..78b87f0 100644 --- a/doc/content/post/tips.md +++ b/doc/content/post/tips.md @@ -2,7 +2,7 @@ title = "Tips" author = ["Óscar Nájera"] draft = false -weight = 1007 +weight = 1008 +++ If you have found this project useful. Please consider giving back. You can diff --git a/doc/layouts/partials/head.html b/doc/layouts/partials/head.html new file mode 100644 index 0000000..3744deb --- /dev/null +++ b/doc/layouts/partials/head.html @@ -0,0 +1,38 @@ + + + + + + + + + + {{ .Title }} + + + + + + + + + + + + + + diff --git a/doc/static/css/cv.css b/doc/static/css/cv.css index eb20b83..45258a3 100644 --- a/doc/static/css/cv.css +++ b/doc/static/css/cv.css @@ -1,3 +1,12 @@ +.cv-entry .cv-host, +.cv-entry .cv-date, +.cv-entry .cv-location, +.cv-honor .cv-host, +.cv-honor .cv-date, +.cv-honor .cv-location { + margin: 0; +} + .cv-entry .cv-host::before, .cv-honor .cv-host::before { font-family: "Font Awesome 6 Free"; @@ -33,7 +42,7 @@ } .cv-honor .cv-role { - margin-left: 3.25rem; + margin-left: 5.5rem; } .cv-honor .cv-date { @@ -99,17 +108,6 @@ position: relative; } -.cv-honor .cv-role, -.cv-entry .cv-role, -.cv-entry .cv-host, -.cv-entry .cv-date, -.cv-entry .cv-location, -.cv-honor .cv-host, -.cv-honor .cv-date, -.cv-honor .cv-location { - margin: 0; -} - .cv-entry p, .cv-entry ul, .cv-honor p, diff --git a/readme.org b/readme.org index d232b19..fe09db9 100644 --- a/readme.org +++ b/readme.org @@ -66,7 +66,7 @@ put your foreseen job. | PHOTO | path to photo file | #+BEGIN_SRC org :tangle basic_cv.org -,#+TITLE: My dream job +,#+TITLE: My dream job an ORG-CV example ,#+AUTHOR: John Doe ,#+email: john@doe.lost ,#+options: tags:nil @@ -82,7 +82,7 @@ put your foreseen job. #+END_SRC You can use org-modes hierarchical structure to describe your CV. To make a -specific subtree an item describing an experience point (Job you have, degree +specific sub-tree an item describing an experience point (Job you have, degree you pursued, etc.) you use the org properties drawer and with the =:CV_ENV: cventry= property. You should also include the =FROM= and =TO= properties defining the span of the entry, as well as =LOCATION= and =EMPLOYER=. @@ -457,15 +457,13 @@ You are responsible for styling your website. Use all the CSS magic you know. Each entry is inside a =div= container and each element of the properties has its own class. -#+begin_src org :exports none :tangle hugocv.org -,#+HTML: -,#+HTML: -#+end_src - -Make sure that your hugo config has the markup parser attributes active +Make sure that your hugo config has the markup parser attributes active and allows +for html rendering. #+begin_src yaml markup: goldmark: + renderer: + unsafe: true parser: attribute: title: true @@ -474,15 +472,40 @@ markup: # Next block is to generate exports #+BEGIN_SRC org :exports none :tangle hugocv.org -,#+hugo_custom_front_matter: :weight +,#+hugo_custom_front_matter: :weight 1006 ,#+include: basic_cv.org -,#+include: sideactivities.org ,#+include: workcontent.org + +# (org-export-to-file 'hugocv "doc/content/post/cv.md") #+END_SRC -#+BEGIN_EXPORT md - -#+END_EXPORT +You can also use an awards section for a different styling. Here you tag each +entry with =cvhonor=. +#+BEGIN_SRC org :tangle hugocv.org +,* Awards +,** First place :cvhonor: +:PROPERTIES: +:CV_ENV: cventry +:DATE: <2014-09-01> +:LOCATION: a city, a country +:EVENT: The RACE +:END: + +,** Sport Scholarship :cvhonor: +:PROPERTIES: +:DATE: <2013-09-01> +:LOCATION: my city, your country +:ORGANIZATION: The nice millionaire +:END: + +#+END_SRC + +Next is the rendered result for the special entries with styling. +* CV + :PROPERTIES: + :EXPORT_FILE_NAME: cv + :END: + Place holder stuff * License :PROPERTIES: :EXPORT_FILE_NAME: license