portfolyou-jekyll-theme 2.2.0

data/_sass/_navbar.scss

@@ -0,0 +1,35 @@
+.link-after {
+  content: "";
+  display: block;
+  height: 0.15em;
+  background: $primary;
+}
+
+.nav-link,
+.navbar-brand {
+  &::after {
+    @extend .link-after;
+    width: 0;
+    transition: width 0.35s;
+  }
+
+  &:hover::after {
+    width: 100%;
+  }
+}
+
+.nav-item.active {
+  font-weight: bold;
+
+  &::after {
+    @extend .link-after;
+    width: 100% !important;
+  }
+}
+
+.navbar-brand {
+  margin-bottom: -14px;
+  &::after {
+    margin-top: -0.25em;
+  }
+}

data/_sass/_projects.scss

@@ -0,0 +1,13 @@
+.project.card {
+  border-radius: $rounded-borders;
+  text-decoration: none !important;
+  margin: 10px auto;
+
+  .card-img-top {
+    border-radius: $rounded-borders $rounded-borders 0 0;
+  }
+
+  &:hover:not(.post) {
+    box-shadow: -2px 8px 40px -12px rgba(0, 0, 0, 0.24);
+  }
+}

data/_sass/_skills.scss

@@ -0,0 +1,73 @@
+.skill {
+  margin-bottom: 35px;
+  position: relative;
+  overflow: hidden;
+
+  > p {
+    margin: 0;
+    font-size: 18px;
+  }
+
+  &:before {
+    width: 100%;
+    height: 5px;
+    content: "";
+    display: block;
+    position: absolute;
+    background: $light;
+    bottom: 0;
+  }
+}
+
+.skill-bar {
+  width: 100%;
+  height: 5px;
+  background: $primary;
+  display: block;
+  position: relative;
+
+  span {
+    position: absolute;
+    border-top: 5px solid inherit;
+    top: -30px;
+    padding: 0;
+    font-size: 18px;
+    padding: 3px 0;
+    font-weight: 500;
+    right: 0;
+  }
+}
+
+.skill-bar.skill-bar-secondary {
+  background: $secondary;
+}
+
+.skill-bar.skill-bar-success {
+  background: $success;
+}
+
+.skill-bar.skill-bar-info {
+  background: $info;
+}
+
+.skill-bar.skill-bar-warning {
+  background: $warning;
+}
+
+.skill-bar.skill-bar-danger {
+  background: $danger;
+}
+
+.skill-bar.skill-bar-light {
+  background: $light;
+}
+
+.skill-bar.skill-bar-dark {
+  background: $dark;
+}
+
+@for $i from 0 through 100 {
+  .skill-#{$i} {
+    width: percentage($i/100);
+  }
+}

data/_sass/_timeline.scss

@@ -0,0 +1,47 @@
+.timeline-body {
+  position: relative;
+  background-color: $light;
+  border-radius: 0 $rounded-borders $rounded-borders 0;
+  padding: 5px 0;
+
+  &:after {
+    // Left Border
+    content: "";
+    width: 4px;
+    height: 100%;
+    background-color: $primary;
+    position: absolute;
+    left: -4px;
+    top: 0;
+  }
+
+  .timeline-item {
+    position: relative;
+
+    &:after {
+      // Circle
+      content: "";
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      border: 4px solid $primary;
+      background-color: $light;
+      position: absolute;
+      left: -12px;
+      top: 8px;
+      z-index: 10;
+    }
+
+    .content {
+      margin: 40px;
+      padding-bottom: 20px;
+      border-bottom: 1px dashed $dark;
+
+      .date {
+        margin-top: -5px;
+        margin-bottom: 15px;
+        color: #6c757d;
+      }
+    }
+  }
+}

data/_sass/_variables.scss

@@ -0,0 +1,10 @@
+$primary:   #007bff;
+$secondary: #6c757d;
+$success:   #28a745;
+$info:      #17a2b8;
+$warning:   #ffc107;
+$danger:    #dc3545;
+$light:     #f8f9fa;
+$dark:      #343a40;
+
+$rounded-borders: 15px;

data/_sass/autumn.scss

@@ -0,0 +1,67 @@
+// Syntax highlighting for code blocks
+// Get it from here https://github.com/richleland/pygments-css
+
+.highlight .w   { color: #bbbbbb } /* Text.Whitespace */
+.highlight .k   { color: #0000aa } /* Keyword */
+.highlight .m   { color: #009999 } /* Literal.Number */
+.highlight .s   { color: #aa5500 } /* Literal.String */
+.highlight .c   { color: #aaaaaa; font-style: italic } /* Comment */
+.highlight .cp  { color: #4c8317 } /* Comment.Preproc */
+.highlight .gd  { color: #aa0000 } /* Generic.Deleted */
+.highlight .gr  { color: #aa0000 } /* Generic.Error */
+.highlight .gi  { color: #00aa00 } /* Generic.Inserted */
+.highlight .go  { color: #888888 } /* Generic.Output */
+.highlight .gp  { color: #555555 } /* Generic.Prompt */
+.highlight .gt  { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc  { color: #0000aa } /* Keyword.Constant */
+.highlight .kd  { color: #0000aa } /* Keyword.Declaration */
+.highlight .kn  { color: #0000aa } /* Keyword.Namespace */
+.highlight .kp  { color: #0000aa } /* Keyword.Pseudo */
+.highlight .kr  { color: #0000aa } /* Keyword.Reserved */
+.highlight .kt  { color: #00aaaa } /* Keyword.Type */
+.highlight .na  { color: #1e90ff } /* Name.Attribute */
+.highlight .nb  { color: #00aaaa } /* Name.Builtin */
+.highlight .nc  { color: #00aa00 } /* Name.Class */
+.highlight .no  { color: #aa0000 } /* Name.Constant */
+.highlight .nd  { color: #888888 } /* Name.Decorator */
+.highlight .nf  { color: #00aa00 } /* Name.Function */
+.highlight .nn  { color: #00aaaa } /* Name.Namespace */
+.highlight .nv  { color: #aa0000 } /* Name.Variable */
+.highlight .ow  { color: #0000aa } /* Operator.Word */
+.highlight .mb  { color: #009999 } /* Literal.Number.Bin */
+.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 .sa  { color: #aa5500 } /* Literal.String.Affix */
+.highlight .sb  { color: #aa5500 } /* Literal.String.Backtick */
+.highlight .sc  { color: #aa5500 } /* Literal.String.Char */
+.highlight .dl  { color: #aa5500 } /* Literal.String.Delimiter */
+.highlight .sd  { color: #aa5500 } /* Literal.String.Doc */
+.highlight .s2  { color: #aa5500 } /* Literal.String.Double */
+.highlight .se  { color: #aa5500 } /* Literal.String.Escape */
+.highlight .sh  { color: #aa5500 } /* Literal.String.Heredoc */
+.highlight .si  { color: #aa5500 } /* Literal.String.Interpol */
+.highlight .sx  { color: #aa5500 } /* Literal.String.Other */
+.highlight .sr  { color: #009999 } /* Literal.String.Regex */
+.highlight .s1  { color: #aa5500 } /* Literal.String.Single */
+.highlight .ss  { color: #0000aa } /* Literal.String.Symbol */
+.highlight .bp  { color: #00aaaa } /* Name.Builtin.Pseudo */
+.highlight .fm  { color: #00aa00 } /* Name.Function.Magic */
+.highlight .vc  { color: #aa0000 } /* Name.Variable.Class */
+.highlight .vg  { color: #aa0000 } /* Name.Variable.Global */
+.highlight .vi  { color: #aa0000 } /* Name.Variable.Instance */
+.highlight .vm  { color: #aa0000 } /* Name.Variable.Magic */
+.highlight .il  { color: #009999 } /* Literal.Number.Integer.Long */
+.highlight .ge  { font-style: italic } /* Generic.Emph */
+.highlight .gs  { font-weight: bold }  /* Generic.Strong */
+.highlight .c1  { color: #aaaaaa; font-style: italic } /* Comment.Single */
+.highlight .cs  { color: #0000aa; font-style: italic } /* Comment.Special */
+.highlight .ch  { color: #aaaaaa; font-style: italic } /* Comment.Hashbang */
+.highlight .cm  { color: #aaaaaa; font-style: italic } /* Comment.Multiline */
+.highlight .gh  { color: #000080; font-weight: bold }  /* Generic.Heading */
+.highlight .gu  { color: #800080; font-weight: bold }  /* Generic.Subheading */
+.highlight .ni  { color: #880000; font-weight: bold }  /* Name.Entity */
+.highlight .nt  { color: #1e90ff; font-weight: bold }  /* Name.Tag */
+.highlight .err { color: #FF0000 } /* Error */
+.highlight .cpf { color: #aaaaaa; font-style: italic } /* Comment.PreprocFile */

data/_sass/portfolYOU.scss

@@ -0,0 +1,17 @@
+@charset "utf-8";
+
+// Custom Fonts
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+
+// Import partials from `sass_dir` (defaults to `_sass`)
+@import "variables",
+        "404",
+        "autumn",
+        "base",
+        "blog",
+        "footer",
+        "landing",
+        "navbar",
+        "projects",
+        "skills",
+        "timeline";

data/assets/css/style.scss

@@ -0,0 +1,3 @@
+---
+---
+@import "portfolYOU";

data/assets/js/card-animation.js

@@ -0,0 +1,11 @@
+$(function(){
+
+    $('.project.card').hover(
+        // trigger when mouse hover
+        function(){ $(this).animate({ marginTop: "-=1%", marginBottom: "+=1%" }, 200) },
+
+        // trigger when mouse out
+        function(){ $(this).animate({ marginTop: "+=1%", marginBottom: "-=1%" }, 200) }
+    );
+
+});

data/assets/js/remote-projects.js

@@ -0,0 +1,26 @@
+---
+---
+
+function get_tools(repo_name) {
+  fetch(`https://api.github.com/repos/{{ site.github.owner_name }}/${repo_name}/topics`, {
+    headers: {
+      Accept: "application/vnd.github.mercy-preview+json"
+    }
+  })
+    .then(response => response.json())
+    .then(data => data.names.forEach(tool => {
+
+      var toolSpan = document.createElement("span");
+      toolSpan.innerHTML = tool;
+      toolSpan.classList.add("badge");
+      toolSpan.classList.add("badge-pill");
+      toolSpan.classList.add("text-primary");
+      toolSpan.classList.add("border");
+      toolSpan.classList.add("border-primary");
+
+      var parent = document.getElementById((`${repo_name}-tools`));
+      parent.appendChild(toolSpan);
+      parent.appendChild(document.createTextNode(" "));
+
+    }))
+}

metadata

@@ -0,0 +1,170 @@
+--- !ruby/object:Gem::Specification
+name: portfolyou-jekyll-theme
+version: !ruby/object:Gem::Version
+  version: 2.2.0
+platform: ruby
+authors:
+- Youssef Raafat
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-01-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+- !ruby/object:Gem::Dependency
+  name: jekyll-gist
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+- !ruby/object:Gem::Dependency
+  name: jekyll-github-metadata
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.12'
+- !ruby/object:Gem::Dependency
+  name: jekyll-include-cache
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-paginate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: jemoji
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: 
+email:
+- YoussefRaafatNasry@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/404.html
+- _includes/about/skills.html
+- _includes/about/timeline.html
+- _includes/blog/index.html
+- _includes/blog/search.html
+- _includes/blog/tags.html
+- _includes/elements/button.html
+- _includes/elements/carousel.html
+- _includes/elements/figure.html
+- _includes/elements/highlight.html
+- _includes/elements/list.html
+- _includes/elements/video.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/landing.html
+- _includes/navbar.html
+- _includes/projects/index.html
+- _includes/projects/project-card.html
+- _includes/scripts.html
+- _includes/social.html
+- _layouts/default.html
+- _layouts/element.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_404.scss
+- _sass/_base.scss
+- _sass/_blog.scss
+- _sass/_footer.scss
+- _sass/_landing.scss
+- _sass/_navbar.scss
+- _sass/_projects.scss
+- _sass/_skills.scss
+- _sass/_timeline.scss
+- _sass/_variables.scss
+- _sass/autumn.scss
+- _sass/portfolYOU.scss
+- assets/css/style.scss
+- assets/favicon.ico
+- assets/js/card-animation.js
+- assets/js/remote-projects.js
+homepage: https://github.com/YoussefRaafatNasry/portfolYOU
+licenses:
+- MIT
+metadata:
+  plugin_type: theme
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.6
+signing_key: 
+specification_version: 4
+summary: A beautiful portfolio Jekyll theme.
+test_files: []