modern-resume-theme 1.7.1 → 1.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad384493ab162a8c4ab3b847530912ddc63188fe5bfdbf35f49f3cc99ef36897
-  data.tar.gz: 469a77f6f453010b7591251ae01a5cbccf8045ea529c9d71d2da6acf6d14a749
+  metadata.gz: 4df9d872339f34448ba5e91c587a122a203d02e9357a32db680a8817d5d8551b
+  data.tar.gz: d28b8e5a006d77ad05fbacfd638c6880f18b90a363caeaaa5c52e3cd863d1ba9
 SHA512:
-  metadata.gz: 1ffeda211d2a6ca3beac33463ca52e5969206dfb5a074862e13d96ef2f506f14129a51ab03a1da7852161ee52214da7a1ea7a0d9f0fdd3ac40435ec04d49ca20
-  data.tar.gz: 3726d66d8b0f5542c4b51bbb2b7989687d3edb8dcea578fc3148ca42b5038d55755a9fec1fee4ab37bd91decb843e1352756056945f85035ce1b343831c538b4
+  metadata.gz: 7e0e06b595feaa1e06c99153937541ea89d514e06424b9ab162523aeec4b12b68624550acb122f40bdd7b285f4cd3458514594158125768cacbf9b59cd7d7eed
+  data.tar.gz: 1e3caac0029b7997f5ef9893b43315fa3e8778bdbb7d74a97d21e6923f7b3e4e27a63163a35988fc1140b2c3e70ec257c9e695211b4d9bc94cc00140e648adfa

data/_includes/about.html

@@ -3,7 +3,7 @@
   <div class="row clearfix">
     {%- if site.about_profile_image -%}
       <div class="col-xs-12 col-sm-4 col-md-3 no-print">
-        <span class="profile-img" style="background-image: url({{ site.about_profile_image | relative_url }})" />
+        <span class="profile-img" style="background-image: url({{ site.about_profile_image | relative_url }})"></span>
       </div>
     {%- endif -%}
     <div class="{{ 'col-xs-12 ' }}{%- if site.about_profile_image -%}col-sm-8 col-md-9 col-print-12{%- endif -%}">

data/_includes/google-analytics.html

@@ -1,3 +1,5 @@
+
+<!-- Google Analytics -->
 <script>
 if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -8,3 +10,4 @@ if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNo
   ga('send', 'pageview');
 }
 </script>
+<!-- End Google Analytics -->

data/_includes/gtag.html

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

data/_includes/gtm_body.html

@@ -0,0 +1,4 @@
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm }}"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->

data/_includes/gtm_head.html

@@ -0,0 +1,7 @@
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','{{ site.gtm }}');</script>
+<!-- End Google Tag Manager -->

data/_includes/head.html

@@ -7,9 +7,15 @@
   {%- seo title=false -%}
 
   <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
-  <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | relative_url }}">
+  <link rel="shortcut icon" type="image/x-icon" href="{{ site.favicon | default: '/assets/favicon.ico' | relative_url }}">
 
   {%- if jekyll.environment == 'production' and site.google_analytics -%}
     {%- include google-analytics.html -%}
   {%- endif -%}
+  {%- if jekyll.environment == 'production' and site.gtm -%}
+    {%- include gtm_head.html -%}
+  {%- endif -%}
+  {%- if jekyll.environment == 'production' and site.gtag -%}
+    {%- include gtag.html -%}
+  {%- endif -%}
 </head>

data/_includes/header.html

@@ -34,6 +34,13 @@
             </a>
           </li>
         {%- endif -%}
+        {%- if site.stackoverflow_username -%}
+          <li>
+            <a target="_blank" href="https://stackoverflow.com/users/{{ site.stackoverflow_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
+              <i class="fab fa-stack-overflow" title="Stackoverflow link"></i>
+            </a>
+          </li>
+        {%- endif -%}
         {%- if site.instagram_username -%}
           <li>
             <a target="_blank" href="https://www.instagram.com/{{ site.instagram_username| cgi_escape | escape }}" class="button button--sacnite button--round-l">
@@ -83,6 +90,20 @@
             </a>
           </li>
         {%- endif -%}
+        {%- if site.orcid_username -%}
+          <li>
+            <a target="_blank" href="https://orcid.org/{{ site.orcid_username | escape }}" class="button button--sacnite button--round-l">
+              <i class="fab fa-orcid" title="ORCiD link"></i>
+            </a>
+          </li>
+        {%- endif -%}
+        {% for link in site.additional_links %}
+          <li>
+            {% include a.html href=link.url class="button button--sacnite button--round-l" %}
+              <i class="fab {{ link.icon }}" title="{{ link.title | escape }}"></i>
+            </a>
+          </li>
+        {% endfor %}
       </ul>
 
       {%- if site.email -%}

data/_layouts/default.html

@@ -1,15 +1,19 @@
 <!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: " en " }}">
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
 
 {%- include head.html -%}
 
-<body>
+<body class="{% if site.darkmode %}dark{% endif %}">
 
   {%- include header.html -%}
 
   <main class="page-content" aria-label="Content">
     <div class="wrapper">
 
+      {%- if jekyll.environment == 'production' and site.gtm -%}
+        {%- include gtm_body.html -%}
+      {%- endif -%}
+
       {%- include about.html -%}
 
       {%- if site.data.projects.size > 0 -%}
@@ -32,7 +36,7 @@
   </main>
 
   {%- include footer.html -%}
-
+  <script src="{{ '/assets/js/index.js' | relative_url }}"></script>
 </body>
 
-</html>
+</html>

data/_sass/button.scss

@@ -15,12 +15,7 @@
 }
 
 .button {
-  float: left;
   min-width: 150px;
-  max-width: 250px;
-  display: block;
-  margin: 1em;
-  padding: 1em 2em;
   border: none;
   background: none;
   color: inherit;
@@ -29,13 +24,6 @@
   z-index: 1;
   -webkit-backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
-}
-
-.button--round-l {
-  border-radius: 40px;
-}
-
-.button {
   border-radius: 0;
   float: none;
   margin: 0 auto;
@@ -46,6 +34,10 @@
   max-width: 400px;
 }
 
+.button--round-l {
+  border-radius: 40px;
+}
+
 .button.button--sacnite {
   width: 60px;
   height: 60px;
@@ -64,4 +56,22 @@
   box-shadow: inset 0 0 0 2px #333;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
-}
+}
+
+.dark {
+  .button--sacnite::before {
+    box-shadow: inset 0 0 0 35px #e6e6e6;
+  }
+
+  .button.button--sacnite {
+    color: #222;
+  }
+
+  .button--sacnite:hover {
+    color: #e6e6e6;
+  }
+
+  .button--sacnite:hover::before {
+    box-shadow: inset 0 0 0 2px #e6e6e6;
+  }
+}

data/_sass/dark.scss

@@ -0,0 +1,16 @@
+.dark,
+.dark * {
+  background-color: #222;
+  color: #e6e6e6;
+}
+
+.dark {
+  mark {
+    color: #222;
+    background-color: #e6e6e6;
+  }
+
+  a {
+    color: #477dca;
+  }
+}

data/_sass/icons.scss

@@ -0,0 +1,54 @@
+ul.icons a:hover {
+  background: rgba(0, 0, 0, 0.025);
+}
+
+ul.icons li {
+  display: inline-block;
+  padding-left: 0.75em;
+}
+
+ul.icons a {
+  -moz-transition: background-color 0.25s ease-in-out;
+  -webkit-transition: background-color 0.25s ease-in-out;
+  -ms-transition: background-color 0.25s ease-in-out;
+  transition: background-color 0.25s ease-in-out;
+  display: inline-block;
+  width: 2.75em;
+  height: 2.75em;
+  line-height: 2.8em;
+  text-align: center;
+  border: 0;
+  box-shadow: none;
+  padding:0;
+  border-radius: 100%;
+  color: #aaa;
+}
+
+.icons i {
+  font-size: 30px;
+  line-height:60px;
+}
+
+.icons {
+  padding: 0;
+  font-size: 1em;
+  margin-bottom:20px;
+  text-align: right;
+}
+
+@media screen and (max-width: 768px) {
+  .icons {
+    text-align: center;
+  }
+}
+
+.dark {
+  .icons i {
+    background: none;
+    color: #222;
+  }
+
+  .icons a:hover i {
+    color: #e6e6e6;
+  }
+}

data/_sass/modern-resume-theme.scss

@@ -1,50 +1,8 @@
 @import "base";
 @import "button";
 @import "type";
-
-ul.icons a:hover {
-  background: rgba(0, 0, 0, 0.025);
-}
-
-ul.icons li {
-  display: inline-block;
-  padding-left: 0.75em;
-}
-
-ul.icons a {
-  -moz-transition: background-color 0.25s ease-in-out;
-  -webkit-transition: background-color 0.25s ease-in-out;
-  -ms-transition: background-color 0.25s ease-in-out;
-  transition: background-color 0.25s ease-in-out;
-  display: inline-block;
-  width: 2.75em;
-  height: 2.75em;
-  line-height: 2.8em;
-  text-align: center;
-  border: 0;
-  box-shadow: none;
-  padding:0;
-  border-radius: 100%;
-  color: #aaa;
-}
-
-.icons i {
-  font-size: 30px;
-  line-height:60px;
-}
-
-.icons {
-  padding: 0;
-  font-size: 1em;
-  margin-bottom:20px;
-  text-align: right;
-}
-
-@media screen and (max-width: 768px) {
-  .icons {
-    text-align: center;
-  }
-}
+@import "dark";
+@import "icons";
 
 .header-right p {
   margin-bottom: 3px;
@@ -118,10 +76,10 @@ ul.icons a {
     }
 
     @media screen and (max-width: 768px) {
-      text-align: center;
+      text-align: center!important;
 
       p {
-        text-align: center;
+        text-align: center!important;
       }
     }
 
@@ -160,6 +118,20 @@ ul.icons a {
   }
 }
 
+.layout-right {
+  @media screen and (max-width: 768px) {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+}
+
+.layout-top-right {
+  @media screen and (max-width: 768px) {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
 .layout-top-middle {
   .details {
     text-align: center;
@@ -170,13 +142,13 @@ ul.icons a {
   margin-top:100px;
 }
 
-.footer-container p{
+.footer-container p {
   text-align: center;
   font-style: italic;
   font-weight: 300;
 }
 
-.footer-container a{
+.footer-container a {
   color: inherit;
   font-style: italic;
   font-weight: 300;

data/assets/js/index.js

@@ -0,0 +1,3 @@
+if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+  document.body.classList.add("dark");
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: modern-resume-theme
 version: !ruby/object:Gem::Version
-  version: 1.7.1
+  version: 1.8.0
 platform: ruby
 authors:
 - James Grant
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-11-01 00:00:00.000000000 Z
+date: 2019-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages
@@ -67,6 +67,9 @@ files:
 - _includes/experience.html
 - _includes/footer.html
 - _includes/google-analytics.html
+- _includes/gtag.html
+- _includes/gtm_body.html
+- _includes/gtm_head.html
 - _includes/head.html
 - _includes/header.html
 - _includes/left.html
@@ -79,8 +82,12 @@ files:
 - _layouts/default.html
 - _sass/base.scss
 - _sass/button.scss
+- _sass/dark.scss
+- _sass/icons.scss
 - _sass/modern-resume-theme.scss
 - _sass/type.scss
+- assets/favicon.ico
+- assets/js/index.js
 - assets/main.scss
 homepage: https://github.com/sproogen/modern-resume-theme
 licenses: