First test of new blog website

.gitignore

@@ -0,0 +1,12 @@
+# Local Site Directories
+_site/
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+
+# Ruby Gems
+.bundle
+Gemfile.lock
+
+# Log Files
+*.log

Gemfile

@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem "github-pages", group: :jekyll_plugins
+gem 'wdm', '>= 0.1.0' if Gem.win_platform?
+gem "webrick", "~> 1.8"

_config.yml

@@ -0,0 +1,108 @@
+### Site Settings ###
+title               : Loïc (nockawa) Baumann's Blog
+description         : >-
+                      Programming and stuffs.
+baseurl             : ""                                # Change to empty quotes if you are hosting your site at <your-username>.github.io directly
+repository          : nockawa/nockawa.github.io         # Change to <your-username>/<your-username>.github.io (or remove it if you don't need remote projects)
+remote_theme        : YoussefRaafatNasry/portfolYOU
+open_new_tab        : false                             # Opens external URLs in new tab (works for posts, projects and navbar only)
+
+
+### Plugins ###
+plugins:
+  - jemoji
+
+
+### Navbar Settings ###
+nav_exclude:                                            # The following paths are excluded from navbar
+  - pages/tags.html
+  - pages/404.html
+  - pages/index.md
+  - documentation/partials/**                           # For Documentation Only
+
+
+### Author Info ###
+author:
+  name              : Loïc Baumann
+  image             : https://avatars.githubusercontent.com/u/48723305?s=100
+# behance           : your_username
+# dribbble          : your_username
+#  email             : [email protected]
+#  facebook          : your_username
+  github            : nockawa
+# gitlab            : your_username
+# instagram         : your_username
+# kaggle            : your_username
+  linkedin          : loicbaumann
+# medium            : your_username
+# soundcloud        : your_username
+# spotify           : your_username
+# stackoverflow     : your_user_id
+# tumblr            : your_username.tumblr.com
+# twitch            : your_username
+  twitter           : loicbaumann
+# vimeo             : your_username
+# youtube           : your_channel_name
+# keybase           : your_username
+
+
+### Posts ###
+permalink: /blog/:title
+
+
+### Collections ###
+collections:
+  projects:
+    output: true
+    permalink: /projects/:name
+  elements:                                             # For Documentation Only
+    output: true                                        # For Documentation Only
+
+
+### Disqus ###
+disqus:
+  shortname: nockawa                                # Your website Shortname on disqus
+
+
+### Analytics ###
+analytics:
+  enabled: true                                         # Set true to enable analytics
+  google:
+    tracking_id: G-SWCM571Y7W
+
+
+### Buy me a coffee ###
+# See https://www.buymeacoffee.com/
+buymeacoffee:
+  enabled: false
+  username: your_username
+  color: "#007bff"
+  message: "Thank you for visiting."                    # Message to be displayed aside from the button for a few seconds.
+  description: "Support me on Buy me a coffee!"
+
+
+### Defaults for collections ###
+defaults:
+  - scope:
+      path: ""
+      type: "projects"
+    values:
+      layout: "page"
+  - scope:                                              # For Documentation Only
+      path: ""                                          # For Documentation Only
+      type: "elements"                                  # For Documentation Only
+    values:                                             # For Documentation Only
+      layout: "element"                                 # For Documentation Only
+  - scope:
+      path: ""
+      type: "posts"
+    values:
+      comments: true                                   # Set to true to enable disqus comments
+
+
+### Exclude from processing ###
+exclude:
+  - README.md
+  - CONTRIBUTING.md
+  - LICENSE
+  - "*.log"

_data/other-skills.yml

@@ -0,0 +1,7 @@
+- name: Adobe Photoshop
+  percentage: 95
+  color: info
+
+- name: Adobe Illustrator
+  percentage: 90
+  color: success

_data/programming-skills.yml

@@ -0,0 +1,11 @@
+- name: HTML5/CSS3
+  percentage: 90
+  color: danger
+
+- name: Go
+  percentage: 80
+  color:
+
+- name: Python
+  percentage: 70
+  color: secondary

_data/social-media.yml

@@ -0,0 +1,97 @@
+# Get Icons  from : https://fontawesome.com/icons
+# Get Colors from : https://brandcolors.net/
+
+behance:
+  url   : https://www.behance.net/
+  icon  : fab fa-behance
+  color : 1769ff
+
+dribbble:
+  url   : https://dribbble.com/
+  icon  : fab fa-dribbble
+  color : 444444
+
+email:
+  url   : "mailto:"
+  icon  : fas fa-envelope
+  color : db4437
+
+facebook:
+  url   : https://www.facebook.com/
+  icon  : fab fa-facebook
+  color : 3b5998
+
+github:
+  url   : https://www.github.com/
+  icon  : fab fa-github
+  color : 333333
+
+gitlab:
+  url   : https://www.gitlab.com/
+  icon  : fab fa-gitlab
+  color : fca326
+
+instagram:
+  url   : https://www.instagram.com/
+  icon  : fab fa-instagram
+  color : 405de6
+
+kaggle:
+  url   : https://www.kaggle.com/
+  icon  : fab fa-kaggle
+  color : 20beff
+
+linkedin:
+  url   : https://www.linkedin.com/in/
+  icon  : fab fa-linkedin-in
+  color : 007bb5
+
+medium:
+  url   : https://medium.com/@
+  icon  : fab fa-medium
+  color : 00ab6c
+
+soundcloud:
+  url   : https://www.soundcloud.com/
+  icon  : fab fa-soundcloud
+  color : ff8800
+
+spotify:
+  url   : https://open.spotify.com/user/
+  icon  : fab fa-spotify
+  color : 1db954
+
+stackoverflow:
+  url   : https://stackoverflow.com/u/
+  icon  : fab fa-stack-overflow
+  color : f48024
+
+tumblr:
+  url   : https://
+  icon  : fab fa-tumblr
+  color : 35465c
+
+twitch:
+  url   : https://www.twitch.tv/
+  icon  : fab fa-twitch
+  color : 6441a5
+
+twitter:
+  url   : https://www.twitter.com/
+  icon  : fab fa-twitter
+  color : 1da1f2
+
+vimeo:
+  url   : https://www.vimeo.com/
+  icon  : fab fa-vimeo-v
+  color : 162221
+
+youtube:
+  url   : https://www.youtube.com/
+  icon  : fab fa-youtube
+  color : ff0000
+
+keybase:
+  url   : https://www.keybase.io/
+  icon  : fab fa-keybase
+  color : 66ccff

_data/timeline.yml

@@ -0,0 +1,17 @@
+- title: Student, Harvard CS
+  from: 2014
+  to: 2018
+  description: Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+               sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+               Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+               nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+               reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
+- title: Software Engineer, Google, UK
+  from: 2018
+  to: present
+  description: Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+               sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+               Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+               nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+               reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

_elements/01-headers.html

@@ -0,0 +1,9 @@
+---
+---
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6

_elements/02-emphasis.html

@@ -0,0 +1,7 @@
+---
+---
+
+Emphasis, aka italics, with *asterisks* or _underscores_.  
+Strong emphasis, aka bold, with **asterisks** or __underscores__.  
+Combined emphasis with **asterisks and _underscores_**.  
+Strikethrough uses two tildes. ~~Scratch this.~~

_elements/03-highlight.html

@@ -0,0 +1,6 @@
+---
+---
+
+{% raw %}
+{% include elements/highlight.html text="I am highlighted text." %}
+{% endraw %}

_elements/04-blockquotes.html

@@ -0,0 +1,9 @@
+---
+---
+
+> Blockquotes are very handy in email to emulate reply text.
+> This line is part of the same quote.
+
+Quote break.
+
+> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.

_elements/05-links.html

@@ -0,0 +1,4 @@
+---
+---
+
+[I'm a link](https://www.google.com)

_elements/06-line-breaks.html

@@ -0,0 +1,9 @@
+---
+---
+
+Here's a line for us to start with.
+
+This line is separated from the one above by two newlines, so it will be a *separate paragraph*.
+
+This line is also a separate paragraph, but...
+This line is only separated by a single newline, so it's a separate line in the *same paragraph*.

_elements/07-horizontal-rule.html

@@ -0,0 +1,10 @@
+---
+tips: 
+  - Three or more Underscores, Hyphens or Asterisks...
+---
+
+___
+
+---
+
+***

_elements/08-code.html

@@ -0,0 +1,9 @@
+---
+---
+
+Inline `code` has `back-ticks around` it.
+
+```
+s = "Code Block Test";
+print s;
+```

_elements/09-syntax-highlighting.html

@@ -0,0 +1,12 @@
+---
+---
+
+```javascript
+var s = "This is JavaScript syntax highlighting";
+alert(s);
+```
+
+```python
+s = "But this is Python syntax highlighting"
+print s
+```

_elements/10-github-gists.html

@@ -0,0 +1,7 @@
+---
+tips:
+  - To include a **single file** just add the file name after the **gist ID**:<br/>
+    `{% gist 3c466b... Hello%20World.java %}` or `{% gist 3c466b... hello.py %}`
+---
+
+{% gist 3c466bc3c32c4ae5c9b36d1266b913d8 %}

_elements/11-buttons.html

@@ -0,0 +1,15 @@
+---
+tips:
+  - 'To **center** your buttons, surround it with the following HTML tag:<br/>
+    `<p class="text-center"> {% include ... %} </p>`'
+  - 'Know more about buttons from
+    [Bootstrap Buttons](https://getbootstrap.com/docs/4.1/components/buttons/)'
+---
+
+{% raw %}
+{% include elements/button.html link="https://github.com" text="GitHub" style="primary" size="sm" %}
+{% include elements/button.html link="https://github.com" text="GitHub" %}
+{% include elements/button.html link="https://github.com" text="GitHub" style="outline-dark" size="lg" %}
+{% include elements/button.html link="https://github.com" text="GitHub" block=true %}
+{% endraw %}
+

_elements/12-ordered-list.html

@@ -0,0 +1,10 @@
+---
+---
+
+1. First ordered list item
+2. Another item
+   * Unordered sub-list. 
+1. Actual numbers don't matter, just that it's a number
+   1. Ordered sub-list
+4. And another item.  
+   Some text that should be aligned with the above item.

_elements/13-unordered-list.html

@@ -0,0 +1,6 @@
+---
+---
+
+* Unordered list can use asterisks
+- Or minuses
++ Or pluses