jekyll-theme-profile 0.1.0

data/_includes/repositories.html

@@ -0,0 +1,25 @@
+<div class="d-sm-flex flex-wrap gutter-condensed mb-4">
+  {%- if site.repositories.sort_by == 'stars' %}
+    {%- assign sort_order = 'stargazers_count', 'last' %}
+  {%- else %}
+    {%- assign sort_order = 'pushed_at' %}
+  {%- endif %}
+
+  {%- if site.repositories.exclude.archived && site.repositories.exclude.forks %}
+    {%- assign filtered_repos = site.github.public_repositories | where:'archived', false | where:'fork', false | sort: sort_order | reverse %}
+  {%- elsif site.repositories.exclude.archived %}
+    {%- assign filtered_repos = site.github.public_repositories | where:'archived', false | sort: sort_order | reverse %}
+  {%- elsif site.repositories.exclude.forks %}
+    {%- assign filtered_repos = site.github.public_repositories | where:'fork', false | sort: sort_order | reverse %}
+  {%- else %}
+    {%- assign filtered_repos = site.github.public_repositories | sort: sort_order | reverse %}
+  {%- endif %}
+
+  {%- for repository in filtered_repos | limit: site.repositories.limit %}
+    {%- unless site.repositories.exclude.repositories contains repository.name %}
+      <div class="col-sm-6 col-md-12 col-lg-6 col-xl-6 mb-3">
+        {%- include repo-card.html %}
+      </div>
+    {%- endunless %}
+  {%- endfor %}
+</div>

data/_includes/social.html

@@ -0,0 +1,139 @@
+<div class="d-flex flex-wrap flex-items-start flex-justify-center mt-1">
+
+  {%- if site.social_media.behance %}
+  <div class="mr-3">
+    <a href="https://www.behance.net/{{ site.social_media.behance }}" class="tooltipped tooltipped-se" aria-label="Behance: {{ site.social_media.behance }}">
+      <img src="{{ site.baseurl}}/assets/brands/behance.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.dribbble %}
+  <div class="mr-3">
+    <a href="https://dribbble.com/{{ site.social_media.dribbble }}" class="tooltipped tooltipped-se" aria-label="Dribbble: {{ site.social_media.dribbble }}">
+      <img src="{{ site.baseurl}}/assets/brands/dribbble.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.docker %}
+  <div class="mr-3">
+    <a href="https://hub.docker.com/u/{{ site.social_media.docker }}" class="tooltipped tooltipped-se" aria-label="Docker: {{ site.social_media.docker }}">
+      <img src="{{ site.baseurl}}/assets/brands/docker.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.facebook %}
+  <div class="mr-3">
+    <a href="https://www.facebook.com/{{ site.social_media.facebook }}" class="tooltipped tooltipped-se" aria-label="Facebook: {{ site.social_media.facebook }}">
+      <img src="{{ site.baseurl}}/assets/brands/facebook.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.hackerrank %}
+  <div class="mr-3">
+    <a href="https://www.hackerrank.com/{{ site.social_media.hackerrank }}" class="tooltipped tooltipped-se" aria-label="HackerRank: {{ site.social_media.hackerrank }}">
+      <img src="{{ site.baseurl}}/assets/brands/hackerrank.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.instagram %}
+  <div class="mr-3">
+    <a href="https://www.instagram.com/{{ site.social_media.instagram }}" class="tooltipped tooltipped-se" aria-label="Instagram: {{ site.social_media.instagram }}">
+      <img src="{{ site.baseurl}}/assets/brands/instagram.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.keybase %}
+  <div class="mr-3">
+    <a href="https://keybase.io/{{ site.social_media.keybase }}" class="tooltipped tooltipped-se" aria-label="Keybase: {{ site.social_media.keybase }}">
+      <img src="{{ site.baseurl}}/assets/brands/keybase.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.linkedin %}
+  <div class="mr-3">
+    <a href="https://www.linkedin.com/in/{{ site.social_media.linkedin }}" class="tooltipped tooltipped-se" aria-label="LinkedIn: {{ site.social_media.linkedin }}">
+      <img src="{{ site.baseurl}}/assets/brands/linkedin.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.mastodon %}
+  <div class="mr-3">
+    <a href="https://mstdn.io/{{ site.social_media.mastodon }}" class="tooltipped tooltipped-se" aria-label="Mastodon: {{ site.social_media.mastodon }}">
+      <img src="{{ site.baseurl}}/assets/brands/mastodon.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.medium %}
+  <div class="mr-3">
+    <a href="https://medium.com/@{{ site.social_media.medium }}" class="tooltipped tooltipped-se" aria-label="Medium: {{ site.social_media.medium }}">
+      <img src="{{ site.baseurl}}/assets/brands/medium.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.stackoverflow %}
+  <div class="mr-3">
+    <a href="https://stackoverflow.com/u/{{ site.social_media.stackoverflow }}" class="tooltipped tooltipped-se" aria-label="Stack Overflow: {{ site.social_media.stackoverflow }}">
+      <img src="{{ site.baseurl}}/assets/brands/stackoverflow.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.telegram %}
+  <div class="mr-3">
+    <a href="https://t.me/{{ site.social_media.telegram }}" class="tooltipped tooltipped-se" aria-label="Telegram: {{ site.social_media.telegram }}">
+      <img src="{{ site.baseurl}}/assets/brands/telegram.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.twitter %}
+  <div class="mr-3">
+    <a href="https://www.twitter.com/{{ site.social_media.twitter }}" class="tooltipped tooltipped-se" aria-label="Twitter: {{ site.social_media.twitter }}">
+      <img src="{{ site.baseurl}}/assets/brands/twitter.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.unsplash %}
+  <div class="mr-3">
+    <a href="https://www.unsplash.com/{{ site.social_media.unsplash }}" class="tooltipped tooltipped-se" aria-label="Unsplash: {{ site.social_media.unsplash }}">
+      <img src="{{ site.baseurl}}/assets/brands/unsplash.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.vk %}
+  <div class="mr-3">
+    <a href="https://vk.com/{{ site.social_media.vk }}" class="tooltipped tooltipped-se" aria-label="VK: {{ site.social_media.vk }}">
+      <img src="{{ site.baseurl}}/assets/brands/vk.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.vscode %}
+  <div class="mr-3">
+    <a href="https://marketplace.visualstudio.com/publishers/{{ site.social_media.vscode }}" class="tooltipped tooltipped-se" aria-label="VS Code Marketplace: {{ site.social_media.vscode }}">
+      <img src="{{ site.baseurl}}/assets/brands/vscode.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  {%- if site.social_media.youtube %}
+  <div class="mr-3">
+    <a href="https://www.youtube.com/{{ site.social_media.youtube }}" class="tooltipped tooltipped-se" aria-label="YouTube: {{ site.social_media.youtube }}">
+      <img src="{{ site.baseurl}}/assets/brands/youtube.svg">
+    </a>
+  </div>
+  {%- endif %}
+
+  </div>

data/_layouts/default.html

@@ -0,0 +1,97 @@
+{%- assign user = site.github.owner %}
+
+{%- if page.style %}
+{%- assign style = page.style %}
+{%- else %}
+{%- assign style = site.style %}
+{%- endif %}
+
+{%- if page.breadcrumbs %}
+{%- assign breadcrumbs = page.breadcrumbs %}
+{%- else %}
+{%- assign breadcrumbs = false %}
+{%- endif %}
+
+{%- if site.title %}
+{%- assign name = site.title %}
+{%- elsif user.name %}
+{%- assign name = user.name %}
+{%- else %}
+{%- assign name = user.login %}
+{%- endif %}
+
+{%- if site.image %}
+{%- assign user_img = site.image %}
+{%- else %}
+{%- assign user_img = user.avatar_url %}
+{%- endif %}
+
+{%- if site.metadata %}
+{%- assign metadata = site.metadata %}
+{%- else %}
+{%- assign metadata = true %}
+{%- endif %}
+
+<!doctype html>
+<html class="min-height-full min-width" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark_dimmed">
+
+{%- include header.html %}
+
+<body class="min-height-full">
+    {%- if style == 'stacked' %}
+    <div class="container-lg p-responsive py-3">
+        <div class="text-center">
+        {%- include nav.html breadcrumbs=breadcrumbs %}
+        {%- include masthead.html metadata=metadata %}
+        </div>
+        <div class="p-responsive mb-6">
+            {{ content }}
+        </div>
+    </div>
+    {%- elsif style == 'sidebar' %}
+    <div class="container-lg d-md-flex min-height-full border-md-bottom">
+        <div
+            class="flex-self-stretch border-gray-light col-md-4 col-lg-3 px-4 py-6 text-center">
+            {%- include masthead.html metadata=metadata %}
+        </div>
+        <div class="col-md-8 col-lg-9 border-top border-md-top-0 px-4 ">
+            <div class="container-lg py-3 ml-0">
+                {%- include nav.html breadcrumbs=breadcrumbs %}
+                <div class="p-responsive mb-6">
+                    {{ content }}
+                </div>
+            </div>
+        </div>
+    </div>
+    {%- else %}
+    <div class="Header">
+        <div class="Header-item">
+            <a href="{{ site.baseurl }}/" class="Header-link f4 d-flex flex-items-center">
+                {% octicon mark-github height:32 %}
+            </a>
+        </div>
+        <div class="Header-item Header-item--full">
+            {{ name }}
+        </div>
+        <div class="Header-item">
+            {%- include social.html %}
+        </div>
+        <div class="Header-item mr-0 ml-3">
+            <a href="https://github.com/{{ user.login }}" class="Header-link f4 d-flex flex-items-center">
+                <img class="avatar img-cover" height="20" alt="{{ name }}" src="{{ user_img | relative_url }}" width="20">
+            </a>
+        </div>
+    </div>
+
+    <div class="container-lg py-3">
+        {%- include nav.html breadcrumbs=breadcrumbs %}
+        <div class="p-responsive mb-6">
+            {{ content }}
+        </div>
+    </div>
+    {%- endif %}
+
+    {%- include footer.html %}
+</body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+{%- assign posts_total = site.posts | size %}
+{%- if site.posts_limit %}
+  {%- assign posts_limit = site.posts_limit %}
+{%- else %}
+  {%- assign posts_limit = posts_total %}
+{%- endif %}
+
+{%- unless content == "" %}
+  {{ content }}
+{%- endunless %}
+
+{%- if site.links %}
+  <h2 class="mb-3">Links</h2>
+  {%- include links.html %}
+{%- endif %}
+
+{%- unless posts_total == 0 %}
+  <h2 class="mb-3">Blog</h2>
+  {%- include posts.html limit=posts_limit %}
+  {%- if site.posts.size > post_limit %}
+  <div>
+    <a href="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" class="btn btn-block mb-2">Read more</a>
+  </div>
+  {%- endif %}
+{%- endunless %}
+
+{%- if site.repositories %}
+  <h2 class="mb-3">Repositories</h2>
+  {%- include repositories.html %}
+{%- endif %}

data/_layouts/page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+<div class="markdown-body">
+    <h1 class="f00-light lh-condensed mb-5">{{ page.title }}</h1>
+    {{ content }}
+</div>

data/_layouts/paginate.html

@@ -0,0 +1,47 @@
+---
+layout: page
+---
+{{ content }}
+<!-- This loops through the paginated posts -->
+{%- for post in paginator.posts %}
+<h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
+<p class="author">
+    <span class="date">Published {{ post.date | date: "%Y-%m-%d" }}</span>
+    <span class="author">{{ post.author }}</span>
+</p>
+<div class="content mb-6">
+    {{ post.excerpt }}
+</div>
+<div>
+    <a href="{{ post.url | relative_url }}" class="btn btn-block mb-2">Read more</a>
+</div>
+{% endfor %}
+
+<!-- Pagination links -->
+<div class="paginate-container">
+    <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
+        {%- if paginator.previous_page %}
+        <a class="previous_page" rel="prev" href="{{ paginator.previous_page_path | relative_url }}"
+            aria-disabled="false">Previous</a>
+        {% else %}
+        <span class="previous_page disabled" aria-disabled="true">Previous</span>
+        {% endif %}
+
+        {%- for blog_page in (1..paginator.total_pages) %}
+        {%- if blog_page == paginator.page %}
+        <a href="{{ page.url | relative_url }}" aria-label="{{ blog_page }}" aria-current="page">{{ blog_page }}</a>
+        {% elsif blog_page == 1 %}
+        <a href="{{ site.paginate_path | relative_url | replace: 'page:num', '' }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
+        {% else %}
+        <a href="{{ site.paginate_path | relative_url | replace: ':num', blog_page }}" aria-label="{{ blog_page }}">{{ blog_page }}</a>
+        {%- endif %}
+        {%- endfor %}
+
+        {%- if paginator.next_page %}
+        <a class="next_page" rel="next" href="{{ paginator.next_page_path | relative_url }}"
+            aria-disabled="false">Next</a>
+        {% else %}
+        <span class="next_page disabled" aria-disabled="true">Next</span>
+        {% endif %}
+    </div>
+</div>

data/_layouts/post.html

@@ -0,0 +1,25 @@
+---
+layout: page
+---
+<p class="mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
+<div class="markdown-body">
+{{ content }}
+</div>
+
+<!-- Pagination links -->
+<div class="paginate-container">
+    <div role="navigation" aria-label="Pagination" class="d-flex d-md-inline-block pagination">
+        {% if page.previous.url %}
+        <a class="previous_page" rel="prev" href="{{ page.previous.url | relative_url }}" aria-disabled="false">{{page.previous.title}}</a>
+        {% else %}
+        <span class="previous_page disabled" aria-disabled="true">Previous</span>
+        {% endif %}
+
+        {% if page.next.url %}
+        <a class="next_page" rel="next" href="{{ page.next.url | relative_url }}"
+            aria-disabled="false">{{page.next.title}}</a>
+        {% else %}
+        <span class="next_page disabled" aria-disabled="true">Next</span>
+        {% endif %}
+    </div>
+</div>

data/_sass/_highlight-syntax.scss

@@ -0,0 +1,66 @@
+.highlight  { width: 100%; overflow: auto; background-color: var(--color-canvas-inset) !important; padding: 8px; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #0969da } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+/* Make line numbers unselectable: excludes line numbers from copy-paste user ops */
+.highlight .lineno {-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
+.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
+.lineno::selection {background-color: transparent;} /* Other major browsers */