Riverwalk/seo (#52)

SEO changes

Author: daniel-ciocirlan

README.md

@@ -23,7 +23,7 @@ All files are Markdown, with a header that looks like this (example from one of
 title: "Akka Typed: Actor Discovery"
 date: 2022-03-22
 header:
-    image: "/images/blog cover.jpg"
+    image: "https://res.cloudinary.com/dkoypjlgr/image/upload/f_auto,q_auto:good,c_auto,w_1200,h_300,g_auto,fl_progressive/v1715952116/blog_cover_large_phe6ch.jpg"
 tags: [akka]
 excerpt: "A common pattern in Akka Typed: how to find actors that are not explicitly passed around."
 ---
@@ -52,7 +52,7 @@ In this first topic we're going to talk about the first topic.
 
 For **images**, they sit in the `images/` directory, and you can reference them in Markdown as `![Alt text](../images/myimage.png "Caption")`.
 
-To embed **YouTube videos**, include a line of this form: 
+To embed **YouTube videos**, include a line of this form:
 
 ```
 {% include video id="MY_VIDEO_ID" provider="youtube" %}

_config.yml

@@ -6,7 +6,6 @@
 # `jekyll serve`. If you change this file, please restart the server process.
 
 # Theme Settings
-#
 # Review documentation to determine if you should use `theme` or `remote_theme`
 # https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/#installing-the-theme
 
@@ -18,118 +17,148 @@ minimal_mistakes_skin    : "default" # "air", "aqua", "contrast", "dark", "dirt"
 locale                   : "en-US"
 title                    : "Rock the JVM Blog"
 title_separator          : "-"
-subtitle                 : Articles on Scala, Kotlin, software and more
+subtitle                 : "Articles on Scala, Kotlin, software and more"
 name                     : "Rock the JVM"
 description              : "Blog about Scala, functional programming, distributed systems (Akka), big data (Apache Spark) and the JVM."
 url                      : "https://blog.rockthejvm.com"
-baseurl                  : # the subpath of your site, e.g. "/blog"
-repository               : # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
-teaser                   : # path of fallback teaser image, e.g. "/assets/images/500x300.png"
-logo                     : "/assets/fiery-lava 128x128.png" # path of logo image to display in the masthead, e.g. "/assets/images/88x88.png"
-masthead_title           : # overrides the website title displayed in the masthead, use " " for no title
+baseurl                  : "" # the subpath of your site, e.g. "/blog"
+repository               : "" # GitHub username/repo-name e.g. "mmistakes/minimal-mistakes"
+teaser                   : "" # path of fallback teaser image, e.g. "/assets/images/500x300.png"
+# logo                   : "/assets/fiery-lava 128x128.png" # path of logo image to display in the masthead, e.g. "/assets/images/88x88.png"
+masthead_title           : "" # overrides the website title displayed in the masthead, use " " for no title
 # breadcrumbs            : false # true, false (default)
 words_per_minute         : 200
 comments:
-  provider               : # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "custom"
+  provider               : false # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "custom"
   disqus:
-    shortname            : # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
+    shortname            : "" # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
   discourse:
-    server               : # https://meta.discourse.org/t/embedding-discourse-comments-via-javascript/31963 , e.g.: meta.discourse.org
+    server               : "" # https://meta.discourse.org/t/embedding-discourse-comments-via-javascript/31963 , e.g.: meta.discourse.org
   facebook:
     # https://developers.facebook.com/docs/plugins/comments
-    appid                :
-    num_posts            : # 5 (default)
-    colorscheme          : # "light" (default), "dark"
+    appid                : ""
+    num_posts            : 5 # 5 (default)
+    colorscheme          : "light" # "light" (default), "dark"
   utterances:
-    theme                : # "github-light" (default), "github-dark"
-    issue_term           : # "pathname" (default)
+    theme                : "github-light" # "github-light" (default), "github-dark"
+    issue_term           : "pathname" # "pathname" (default)
   staticman:
-    branch               : # "master"
-    endpoint             : # "https://{your Staticman v3 API}/v3/entry/github/"
+    branch               : "master"
+    endpoint             : "" # "https://{your Staticman v3 API}/v3/entry/github/"
 reCaptcha:
-  siteKey                :
-  secret                 :
+  siteKey                : ""
+  secret                 : ""
 atom_feed:
-  path                   : # blank (default) uses feed.xml
-search                   : true #, false (default)
-search_full_content      : # true, false (default)
-search_provider          : # lunr (default), algolia, google
+  path                   : "/feed.xml" # blank (default) uses feed.xml
+search                   : true # true, false (default)
+search_full_content      : false # true, false (default)
+search_provider          : lunr # lunr (default), algolia, google
 algolia:
-  application_id         : # YOUR_APPLICATION_ID
-  index_name             : # YOUR_INDEX_NAME
-  search_only_api_key    : # YOUR_SEARCH_ONLY_API_KEY
-  powered_by             : # true (default), false
+  application_id         : "" # YOUR_APPLICATION_ID
+  index_name             : "" # YOUR_INDEX_NAME
+  search_only_api_key    : "" # YOUR_SEARCH_ONLY_API_KEY
+  powered_by             : true # true (default), false
 google:
-  search_engine_id       : # YOUR_SEARCH_ENGINE_ID
-  instant_search         : # false (default), true
+  search_engine_id       : "" # YOUR_SEARCH_ENGINE_ID
+  instant_search         : false # false (default), true
 # SEO Related
-google_site_verification :
-bing_site_verification   :
-yandex_site_verification :
-naver_site_verification  :
+google_site_verification : ""
+bing_site_verification   : ""
+yandex_site_verification : ""
+naver_site_verification  : ""
 
 # Social Sharing
 twitter:
   username               : "rockthejvm"
+  icon                   : "icons/twitter.svg"
 facebook:
   username               : "rockthejvm"
-  app_id                 :
-  publisher              :
+  icon                   : "icons/facebook-square.svg"
+  app_id                 : ""
+  publisher              : ""
+linkedin:
+  icon                   : "icons/linkedin.svg"
 og_image                 : "images/blog cover large.jpg"
 # For specifying social profiles
 # - https://developers.google.com/structured-data/customize/social-profiles
 social:
-  type                   : # Person or Organization (defaults to Person)
-  name                   : # If the user or organization name differs from the site's name
-  links: # An array of links to social media profiles
+  type                   : "Organization" # Person or Organization (defaults to Person)
+  name                   : "Rock the JVM" # If the user or organization name differs from the site's name
+  links: 
+    - "https://twitter.com/rockthejvm"
+    - "https://facebook.com/rockthejvm"
+    - "https://github.com/rockthejvm"
+    - "https://youtube.com/rockthejvm"
+
+global_icons:
+  tag_icon               : "icons/tag.svg"
+  calendar_icon          : "icons/calendar.svg"
+  email_icon             : "icons/email.svg"
+  read_time_icon         : "icons/clock.svg"
+  feed_icon              : "icons/rss.svg"
+  file_icon              : "icons/file-alt.svg"
+  location_icon          : "icons/location.svg"
+  link_icon              : "icons/link.svg"
+  github_icon            : "icons/github.svg"
+  youtube_icon           : "icons/youtube.svg"
+  folder_open_icon       : "icons/folder_open.svg"
+  no_icon                : "icons/no_icon.svg"
 
 # Analytics
 analytics:
   provider               : false # false (default), "google", "google-universal", "google-gtag", "custom"
   google:
-    tracking_id          :
-    anonymize_ip         : # true, false (default)
-
+    tracking_id          : ""
+    anonymize_ip         : false # true, false (default)
 
 # Site Author
 author:
   name             : "Daniel Ciocîrlan"
-  avatar           : "/images/bio-photo.jpg"
+  avatar           : "https://res.cloudinary.com/dkoypjlgr/image/upload/c_auto,g_auto,h_110,w_110/v1715951687/daniel_mugshot_mktrla.jpg"
   bio              : "I'm a software engineer and the founder of Rock the JVM. I teach Scala, Kotlin, Java, big data and a variety of tech both live and in online courses."
   location         : "Bucharest, Romania"
   email            : "[email protected]"
   links:
     - label: "Website"
       icon: "fas fa-fw fa-link"
       url: "https://rockthejvm.com"
+      iconFile: "icons/link.svg"
     - label: "Twitter"
       icon: "fab fa-fw fa-twitter-square"
       url: "https://twitter.com/rockthejvm"
+      iconFile: "icons/twitter.svg"
     - label: "Facebook"
       icon: "fab fa-fw fa-facebook-square"
       url: "https://facebook.com/rockthejvm"
+      iconFile: "icons/facebook-square.svg"
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
       url: "https://github.com/rockthejvm"
+      iconFile: "icons/github.svg"
     - label: "YouTube"
       icon: "fab fa-fw fa-youtube"
       url: "https://youtube.com/rockthejvm"
+      iconFile: "icons/youtube.svg"
 
 # Site Footer
 footer:
   links:
     - label: "Twitter"
       icon: "fab fa-fw fa-twitter-square"
       url: "https://twitter.com/rockthejvm"
+      iconFile: "icons/twitter.svg"
     - label: "Facebook"
       icon: "fab fa-fw fa-facebook-square"
       url: "https://facebook.com/rockthejvm"
+      iconFile: "icons/facebook-square.svg"
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
       url: "https://github.com/rockthejvm"
+      iconFile: "icons/github.svg"
     - label: "YouTube"
       icon: "fab fa-fw fa-youtube"
       url: "https://youtube.com/rockthejvm"
+      iconFile: "icons/youtube.svg"
 
 # Reading Files
 include:
@@ -168,15 +197,13 @@ keep_files:
 encoding: "utf-8"
 markdown_ext: "markdown,mkdown,mkdn,mkd,md"
 
-
 # Conversion
 markdown: kramdown
 #highlighter: rouge
 lsi: false
 excerpt_separator: "\n\n"
 incremental: false
 
-
 # Markdown Processing
 kramdown:
   input: GFM
@@ -188,19 +215,16 @@ kramdown:
   smart_quotes: lsquo,rsquo,ldquo,rdquo
   enable_coderay: false
 
-
 # Sass/SCSS
 sass:
   sass_dir: _sass
   style: compressed # https://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style
 
-
 # Outputting
 permalink: /:categories/:title/
 paginate: 10 # amount of posts to show
 paginate_path: /page:num/
-timezone: # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
-
+timezone: "" # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
 
 # Plugins (previously gems:)
 plugins:
@@ -221,7 +245,6 @@ whitelist:
   - jekyll-include-cache
   - jekyll-archives
 
-
 # Archives
 #  Type
 #  - GitHub Pages compatible archive pages built with Liquid ~> type: liquid (default)
@@ -250,15 +273,13 @@ jekyll-archives:
     category: /categories/:name/
     tag: /tags/:name/
 
-
 # HTML Compression
 # - https://jch.penibelst.de/
 compress_html:
   clippings: all
   ignore:
     envs: development
 
-
 # Defaults
 defaults:
   # _posts

_drafts/2021-09-14-scalac.md

@@ -2,7 +2,7 @@
 title: "Scala isn't Hard: How to Master Scala Step by Step"
 date: 2021-09-14
 header:
-    image: "/images/blog cover.jpg"
+    image: "https://res.cloudinary.com/dkoypjlgr/image/upload/f_auto,q_auto:good,c_auto,w_1200,h_300,g_auto,fl_progressive/v1715952116/blog_cover_large_phe6ch.jpg"
 tags: []
 excerpt: "Scalac article lol."
 ---
@@ -27,7 +27,7 @@ As a prerequisite, you should be familiar with programming in general — wi
 
 If you're onboard for this journey, let's warm you up. This is where most people drop Scala because it's either 1) too frustrating because they have gaps in computer science basics, or 2) too boring because most tutorials spend too much time on these topics.
 
-The absolute basics of the Scala language include a few key ideas.  
+The absolute basics of the Scala language include a few key ideas.
 
 - Defining values (`val`s) and understanding that values are the equivalent of constants in other languages.
 - Getting familiar with types in Scala: this is also where you get accustomed to the compiler and to _type inference_, the ability of the compiler to figure out the type of your values depending on what you write on the right hand side of an assignment.
@@ -52,7 +52,7 @@ This is where most people dive in too early, but in my experience, this is not t
 
 Why?
 
-Because Scala, being based on the JVM — which was built for Java, one of the canonical OO languages — has to resort to certain tricks to achieve some of the key aspects of functional programming: the ability to pass functions as arguments and to return them as results. In other words, the ability to handle functions as "first class" elements of the language, built for a platform that only supports OOP, needs some OO foundations. 
+Because Scala, being based on the JVM — which was built for Java, one of the canonical OO languages — has to resort to certain tricks to achieve some of the key aspects of functional programming: the ability to pass functions as arguments and to return them as results. In other words, the ability to handle functions as "first class" elements of the language, built for a platform that only supports OOP, needs some OO foundations.
 
 - Now you're ready to understand what a function value is in Scala. You can get familiar with the `FunctionN` family of traits in Scala. With this knowledge, I personally felt like a new section of my brain was unlocked, when I learned this.
 - Learn lambdas, i.e. anonymous functions. With the idea above, this concept will now feel trivial.
@@ -150,14 +150,3 @@ So why should you learn Scala at all? Here are a few reasons:
 - It's just plain fun. Scala can be so expressive, so compact and yet so powerful. With some of the tools above, you can write in 20 lines what other developers need 2000 lines.
 
 I hope the above ideas and tips were useful. Tens of thousands who learned from [Rock the JVM](https://rockthejvm.com) have followed them, with some amazing results for their projects and their careers.
-
-
-
-
-
-
-
-
-
-
-

_includes/analytics-providers/google-gtag.html

@@ -1,6 +1,6 @@
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.tracking_id }}"></script>
-<script>
+<script async>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());

_includes/analytics-providers/google-universal.html

@@ -1,4 +1,4 @@
-<script>
+<script async>
   window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
   ga('create','{{ site.analytics.google.tracking_id }}','auto');
   ga('set', 'anonymizeIp', {{ site.analytics.google.anonymize_ip | default: false }});

_includes/analytics-providers/google.html

@@ -1,4 +1,4 @@
-<script>
+<script async>
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{{ site.analytics.google.tracking_id }}']);
   {% if site.analytics.google.anonymize_ip == true %}

_includes/archive-single.html

@@ -19,7 +19,24 @@
     {% endif %}
     <h2 class="archive__item-title no_toc" itemprop="headline">
       {% if post.link %}
-        <a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | relative_url }}" rel="permalink"><i class="fas fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
+        <a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | relative_url }}" rel="permalink">
+          {% if site.global_icons.link_icon %}
+            <svg class="icon">
+              {% capture svg %}
+                {% include {{ site.global_icons.link_icon }} %}
+              {% endcapture %}
+              {{ svg | remove: '<?xml version="1.0" encoding="UTF-8"?>' }}
+            </svg>
+          {% else %}
+            <svg class="icon">
+              {% capture svg %}
+                {% include {{ site.global_icons.no_icon }} %}
+              {% endcapture %}
+              {{ svg | remove: '<?xml version="1.0" encoding="UTF-8"?>' }}
+            </svg>
+          {% endif %}
+          <span class="sr-only">Permalink</span>
+        </a>
       {% else %}
         <a href="{{ post.url | relative_url }}" rel="permalink">{{ title }}</a>
       {% endif %}