cvless 2.1.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d8e8d3731cc6689ef6884550715c917c185ea4c5be0381dc62ebe1ed54e4dd13
-  data.tar.gz: 7edcb4fc6e76f05f20df8d0eac310f56880c959225d6b7314286efbc74fd4277
+  metadata.gz: 5e61ee9a2e43eac4cb4d5403c76a42da9a8c5ac776021e03a21e851a240c6ae7
+  data.tar.gz: 6c4880484f60182d985dcf3567b41d00430c85bfcde0ca301ff588c3f605ff75
 SHA512:
-  metadata.gz: a28fba538fd51e17f61cf1c983f6ba630563b4fbb8413947386baaa489fd0a3a6ba5581ecaa7707e1219d3e9eeec9405845934ffe024ea51a4696867b5f425f9
-  data.tar.gz: 36d4b778a1b1054a0480e8929d8ef8b64166fe7208853181e4a25890724383688b531c2f7705f72fcffed0f38ee696c53243f7266e421021dd49452ad2dd8b86
+  metadata.gz: cd2f64b18e0c0b5ae1ab4ca8b9a29812c2eb49b2643384f1f52c15b0801d4ac47436a47f26d072b0de762ae2f2f7ec513441496b50c80d41d23b776d8b442d47
+  data.tar.gz: 9236025b031b65daff1c6dee8b0a5269057c4d4d5046205d10009c6971d9942455c875a92c9aec142323a28743fc4be6f11e850e244b962be68f3e0bf25a795a

data/README.md

@@ -6,7 +6,7 @@ The main aesthetic feature of the theme is the use of [particles.js](https://vin
 
 Light and dark modes are available. The theme initializes based on system preferences and stores the user's preference for the duration of the session.
 
-See the [demo](https://cvless.netlify.app) to get a better sense of what the theme looks like.
+See the [demo](https://piazzai.github.io/cvless) to get a better sense of what the theme looks like.
 
 ![](https://github.com/piazzai/cvless/blob/master/screenshot.png)
 
@@ -37,7 +37,7 @@ And this line to `_config.yml`:
 theme: cvless
 ```
 
-The easiest way to set up a new website in this way is to clone the contents of the `demo` folder. This provides a working set of files to get you started.
+The easiest way to set up a new website in this way is to clone the contents of the `demo` folder. This provides a working set of files to get you started. You can remove what you will not use, such as the contents of the `_posts` folder.
 
 After you are done creating the basic files, run bundler:
 
@@ -51,15 +51,13 @@ To customize hidden files, you can create new files with the same names and path
 
 ## Usage
 
-Configuration primarily occurs in four files. First, `_config.yml`, which contains site variables such as title, tagline, url, and repository address, as well as the author's name and email address for inclusion in blog posts. You can also specify the path to an avatar for inclusion in the home (optional).
+Basic configuration occurs in `_config.yml`. This contains site variables such as title, tagline, url, and repository address, as well as the author's name and email address for inclusion in blog posts. You can specify the path to an avatar for inclusion in the home (optional).
 
-Second, you should update icon links in `_includes/particles-home.html` and add/remove icons as needed. You might want to add icons that are not included in the theme by default. For more information on how to do this, see [this post](https://cvless.netlify.app/2022/08/01/on-the-use-of-icons/).
+More advanced configuration requires altering some files that are not included in the `demo` template and are hidden in the original theme. There are three files you might want to customize. First, you could change icon links in `_includes/particles-home.html` and add/remove icons as needed. You may add icons that are not included in the theme by default. For more information on how to do this, see [this post](https://piazzai.github.io/cvless/2022/08/01/on-the-use-of-icons/).
 
-Third, you should customize the file `_includes/contact.html` by inputting your contact details and adding/removing lines as needed. This information is prepended to your CV.
+Second, you might want to edit the style variables specified in `_sass/_variables.scss`. These allow you to customize the theme's color scheme and typefaces. There are many resources on the web to learn the principles of good web design. I personally recommend Matthew Butterick's [Practical Typography](https://practicaltypography.com/websites.html).
 
-Fourth, you might want to edit the style variables specified in `_sass/_variables.scss`. These allow you to customize the theme's color scheme and typefaces. There are many resources on the web to learn the principles of good web design. I personally recommend Matthew Butterick's [Practical Typography](https://practicaltypography.com/websites.html).
-
-In addition to these files, you can customize favicons in the `assets` folder. For that, [favicon.io](https://favicon.io/) is an excellent tool. You can also change the particles.js configurations in `assets/json`. The [library homepage](https://vincentgarreau.com/particles.js/) features an interactive tool from which you can export a new configuration.
+In addition to these files, you can customize favicons in the `assets` folder. For that, [favicon.io](https://favicon.io/) is an excellent tool. You can also change the particles.js configurations in `assets/js/particles.json`. The [library homepage](https://vincentgarreau.com/particles.js/) features an interactive tool from which you can export a new configuration.
 
 ## Local development
 

data/_includes/archive.html

@@ -5,7 +5,7 @@
   <h2>{{ yearMonth.name }}</h2>
   <ul>
     {% for post in yearMonth.items %}
-    <li><a href="{{ post.url }}">{{ post.title }}.</a> <span class="lead">{{ post.lead }}</span></li>
+    <li><a href="{{ post.url | prepend: site.url }}">{{ post.title }}.</a> <span class="lead">{{ post.lead }}</span></li>
     {% endfor %}
   </ul>
   {% endfor %}

data/_includes/contact.html

@@ -4,9 +4,9 @@
     <li>University of Jekyll</li>
     <li>Department of Themes</li>
     <li>123 Main St, Anytown, USA</li>
-    <li><span class="li-icon">{% include svg/pin-alt.svg %}</span><span>Foobar Hall 1.23</span></li>
-    <li><span class="li-icon">{% include svg/phone.svg %}</span><span>+1 234 567 890</span></li>
-    <li><span class="li-icon">{% include svg/mail.svg %}</span><a href="mailto:username@domain.com">username@domain.com</a></li>
-    <li><span class="li-icon">{% include svg/internet.svg %}</span><a href="https://cvless.netlify.app">https://cvless.netlify.app</a></li>
+    <li><span class="li-icon">{% include svg/pin-alt.svg %}</span><span>{{ site.address }}</span></li>
+    <li><span class="li-icon">{% include svg/phone.svg %}</span><span>{{ site.phone }}</span></li>
+    <li><span class="li-icon">{% include svg/mail.svg %}</span><a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
+    <li><span class="li-icon">{% include svg/internet.svg %}</span><a href="{{ site.url }}">{{ site.url }}</a></li>
   </ul>
 </div>

data/_includes/head.html

@@ -10,15 +10,15 @@
     {% endif %}
   </title>
 
-  <link rel="stylesheet" href="{{ '/assets/css/bootstrap.min.css' | relative_url }}">
-  <link rel="stylesheet" href="{{ '/assets/css/open-color.min.css' | relative_url }}">
-  <link rel="stylesheet" href="{{ '/assets/css/syntax.css' | relative_url }}">
-  <link rel="stylesheet" href="{{ '/assets/css/styles.min.css' | relative_url }}">
-  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/apple-touch-icon.png' | relative_url }}">
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon-32x32.png' | relative_url }}">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon-16x16.png' | relative_url }}">
-  <link rel="manifest" href="{{ '/assets/site.webmanifest' | relative_url }}">
-  <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ 'atom.xml' | relative_url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/bootstrap.min.css' | prepend: site.url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/open-color.min.css' | prepend: site.url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/syntax.css' | prepend: site.url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/styles.min.css' | prepend: site.url }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/apple-touch-icon.png' | prepend: site.url }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon-32x32.png' | prepend: site.url }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon-16x16.png' | prepend: site.url }}">
+  <link rel="manifest" href="{{ '/assets/site.webmanifest' | prepend: site.url }}">
+  <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ '/atom.xml' | prepend: site.url }}">
 
   {% seo title=false %}
 </head>

data/_includes/header.html

@@ -1,6 +1,6 @@
 <header>
   <div>
-    <a class="site-title" href="/">{{ site.title }}</a>
+    <a class="site-title" href="{{ site.url }}">{{ site.title }}</a>
     <small>
       {% if site.tagshort %}
       {{ site.tagshort }}

data/_includes/pagination.html

@@ -1,11 +1,11 @@
 <div class="pagination">
   {% if paginator.next_page %}
-  <a class="pagination-item older" href="{{ paginator.next_page_path | relative_url }}">{% include svg/nav-arrow-left.svg %} Older</a>
+  <a class="pagination-item older" href="{{ paginator.next_page_path | prepend: site.url }}">{% include svg/nav-arrow-left.svg %} Older</a>
   {% else %}
   <span class="pagination-item older">{% include svg/nav-arrow-left.svg %} Older</span>
   {% endif %}
   {% if paginator.previous_page %}
-  <a class="pagination-item newer" href="{{ paginator.previous_page_path | prepend: relative_url }}">Newer {% include svg/nav-arrow-right.svg %}</a>
+  <a class="pagination-item newer" href="{{ paginator.previous_page_path | prepend: site.url }}">Newer {% include svg/nav-arrow-right.svg %}</a>
   {% else %}
   <span class="pagination-item newer">Newer {% include svg/nav-arrow-right.svg %}</span>
   {% endif %}

data/_includes/particles-404.html

@@ -2,6 +2,6 @@
   <div class="jumbotron text-center">
     <h1 class="particles-title">404</h1>
     <h1 class="particles-subtitle">Page not found</h1>
-    <a class="particles-icon" href="/">{% include svg/arrow-left-circled.svg %}</a>
+    <a class="particles-icon" href="{{ site.url }}">{% include svg/arrow-left-circled.svg %}</a>
   </div>
 </div>

data/_includes/particles-home.html

@@ -9,8 +9,8 @@
       {% if site.social.facebook %}
       <a class="particles-icon" href="https://www.facebook.com/{{ site.social.facebook }}">{% include svg/facebook.svg %}</a>
       {% endif %}
-      {% if site.social.twitter %}
-      <a class="particles-icon" href="https://twitter.com/{{ site.social.twitter }}">{% include svg/twitter.svg %}</a>
+      {% if site.social.x %}
+      <a class="particles-icon" href="https://twitter.com/{{ site.social.x }}">{% include svg/x.svg %}</a>
       {% endif %}
       {% if site.social.instagram %}      
       <a class="particles-icon" href="https://www.instagram.com/{{ site.social.instagram }}">{% include svg/instagram.svg %}</a>

data/_includes/postlist.html

@@ -1,6 +1,6 @@
 <div>
   {% for post in paginator.posts %}
-  <h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
+  <h1><a href="{{ post.url | prepend: site.url }}">{{ post.title }}</a></h1>
   <time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date: "%B %e, %Y" }}</time>
   <p class="lead">{{ post.lead }}</p>
   {{ post.content }}

data/_includes/svg/x.svg

@@ -0,0 +1 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M16.8198 20.7684L3.75317 3.96836C3.44664 3.57425 3.72749 3 4.22678 3H6.70655C6.8917 3 7.06649 3.08548 7.18016 3.23164L20.2468 20.0316C20.5534 20.4258 20.2725 21 19.7732 21H17.2935C17.1083 21 16.9335 20.9145 16.8198 20.7684Z" stroke="#000000" stroke-width="1.5"></path><path d="M20 3L4 21" stroke="#000000" stroke-width="1.5" stroke-linecap="round"></path></svg>

data/_layouts/default.html

@@ -15,14 +15,14 @@
       </div>
     </div>
   </div>
-  <script src="{{ '/assets/js/bootstrap.min.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/bootstrap.min.js' | prepend: site.url }}"></script>
   {% if page.title != "404" %}
-  <script src="{{ '/assets/js/darkmode.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/darkmode.js' | prepend: site.url }}"></script>
   {% endif %}
   {% if page.title == "Home" or page.title == "404" %}
-  <script src="{{ '/assets/js/particles.min.js' | relative_url }}"></script>
-  <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
+  <script src="assets/js/particles.min.js"></script>
+  <script src="assets/js/main.js"></script>
   {% endif %}
 </body>
 
-</html>
+</html>

data/assets/js/main.js

@@ -1,7 +1,7 @@
 document.addEventListener(
   "DOMContentLoaded",
   (event) => {
-    particlesJS.load("particles-js", "/assets/json/particles.json", function () {
+    particlesJS.load("particles-js", "assets/js/particles.json", function () {
       console.log("particles.js loaded - callback");
     });
   },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cvless
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 2.2.0
 platform: ruby
 authors:
 - piazzai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-21 00:00:00.000000000 Z
+date: 2024-01-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -150,6 +150,7 @@ files:
 - _includes/svg/stackoverflow.svg
 - _includes/svg/twitter.svg
 - _includes/svg/user-circle-alt.svg
+- _includes/svg/x.svg
 - _includes/toggler.html
 - _layouts/cv.html
 - _layouts/default.html
@@ -193,8 +194,8 @@ files:
 - assets/js/bootstrap.min.js
 - assets/js/darkmode.js
 - assets/js/main.js
+- assets/js/particles.json
 - assets/js/particles.min.js
-- assets/json/particles.json
 homepage: https://github.com/piazzai/cvless
 licenses:
 - MIT