Mobile friendly

README.md

@@ -2,7 +2,7 @@
 
 # Jekyll Now
 
-**Jekyll** is a static site generator that's perfect for GitHub hosted blogs ([Jekyll Repository](https://github.com/jekyll/jekyll))
+**Jekyll** is a for fix static site generator that's perfect for GitHub hosted blogs ([Jekyll Repository](https://github.com/jekyll/jekyll))
 
 **Jekyll Now** makes it easier to create your Jekyll blog, by eliminating a lot of the up front setup.
 

_config.yml

@@ -1,86 +1,67 @@
+# Welcome to Jekyll!
 #
-# This file contains configuration flags to customize your site
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
 #
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
 
-# Name of your site (displayed in the header)
-name: Your Name
+# Site settings
+title: Rsekaii
+author: Rames Nagib AlJneibi
+email: [email protected]
+description: >-
+  Exploring my love for mathematics, and my personal growth
 
-# Short bio or description (displayed in the header)
-description: Web Developer from Somewhere
+# Posts
+show_excerpts: true
 
-# URL of your avatar or profile pic (you could use your GitHub profile pic)
-avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png
+# URL
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://rsekaii.github.io" # the base hostname & protocol for your site, e.g. http://example.com
 
-#
-# Flags below are optional
-#
-
-# Includes an icon in the footer for each username you enter
-footer-links:
-  dribbble:
-  email:
-  facebook:
-  flickr:
-  github: barryclark/jekyll-now
-  instagram:
-  linkedin:
-  pinterest:
-  rss: # just type anything here for a working RSS icon
-  twitter: jekyllrb
-  stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
-  youtube: # channel/<your_long_string> or user/<user-name>
-  googleplus: # anything in your profile username that comes after plus.google.com/
+# Social
+github_username: rsekaii
 
 
-# Enter your Disqus shortname (not your username) to enable commenting on posts
-# You can find your shortname on the Settings page of your Disqus account
+# Disqus Comments
 disqus:
+    # Leave shortname blank to disable comments site-wide.
+    # Disable comments for any post by adding comments: false to that post's YAML Front Matter.
+    shortname: rames
 
-# Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
-google_analytics:
-
-# Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
-# Used for Sitemap.xml and your RSS feed
-url:
-
-# If you're hosting your site at a Project repository on GitHub pages
-# (http://yourusername.github.io/repository-name)
-# and NOT your User repository (http://yourusername.github.io)
-# then add in the baseurl here, like this: "/repository-name"
-baseurl: ""
-
-#
-# !! You don't need to change any of the configuration flags below !!
-#
-
-permalink: /:title/
+# Google Analytics
+google_analytics: G-7S88B0TLVJ
 
-# The release of Jekyll Now that you're using
-version: v1.2.0
-
-# Jekyll 3 now only supports Kramdown for Markdown
+# Build settings
+markdown: kramdown
 kramdown:
-  # Use GitHub flavored markdown, including triple backtick fenced code blocks
-  input: GFM
-  # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
-  syntax_highlighter: rouge
-  syntax_highlighter_opts:
-    # Use existing pygments syntax highlighting css
-    css_class: 'highlight'
+  math_engine: mathjax
+
+# theme: minima
+remote_theme: jekyll/minima
+minima:
+  skin: auto
+
+plugins:
+  - jekyll-feed
+  - jekyll-remote-theme
+
+
+# Exclude from processing.
+# The following items will not be processed, by default. Create a custom list
+# to override the default setting.
+# exclude:
+#   - Gemfile
+#   - Gemfile.lock
+#   - node_modules
+#   - vendor/bundle/
+#   - vendor/cache/
+#   - vendor/gems/
+#   - vendor/ruby/
 
-# Set the Sass partials directory, as we're using @imports
 sass:
-  style: :expanded # You might prefer to minify using :compressed
-
-# Use the following plug-ins
-gems:
-  - jekyll-sitemap # Create a sitemap using the official Jekyll sitemap gem
-  - jekyll-feed # Create an Atom feed using the official Jekyll feed gem
-
-# Exclude these files from your production _site
-exclude:
-  - Gemfile
-  - Gemfile.lock
-  - LICENSE
-  - README.md
-  - CNAME
+  sass_dir: _sass
+  style: compressed

_includes/contact.html

@@ -0,0 +1,52 @@
+<!-- Profile Image -->
+<div style="text-align: center;">
+  <img src="{{ '/images/profile.jpg' | relative_url }}" alt="Profile Photo" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 15px;">
+</div>
+
+<h3 style="margin-bottom: 15px;">Contact</h3>
+<div style="display: flex; flex-direction: column; gap: 12px; font-size: 1rem;">
+
+  <!-- Email -->
+  <a href="mailto:[email protected]" style="text-decoration: none; display: flex; align-items: center; gap: 8px;">
+    📧 [email protected]
+  </a>
+
+  <!-- GitHub -->
+  <a href="https://github.com/Rsekaii" target="_blank" style="text-decoration: none; display: flex; align-items: center; gap: 8px;">
+    🐙 github.com/Rsekaii
+  </a>
+
+  <!-- LinkedIn -->
+  <a href="https://www.linkedin.com/in/rames-aljneibe-0440b2160" target="_blank" style="text-decoration: none; display: flex; align-items: center; gap: 8px;">
+    💼 LinkedIn Profile
+  </a>
+
+  <!-- Instagram -->
+  <a href="https://www.instagram.com/rsekaii" target="_blank" style="text-decoration: none; display: flex; align-items: center; gap: 8px;">
+    📸 @rsekaii
+  </a>
+</div>
+
+<!-- CV Button -->
+<div style="margin-top: 20px; text-align: center;">
+  <a href="{{ 'cv.pdf' | relative_url }}" target="_blank" style="padding: 8px 14px; background-color: #2c3e50; color: white; border-radius: 6px; text-decoration: none; display: inline-block;">
+    📄 My CV
+  </a>
+</div>
+
+<!-- Favorite Poem -->
+<div style="margin-top: 4rem;">
+  <h4 style="margin-bottom: 0.5rem;">📜 </h4>
+  <blockquote style="font-size: 0.9rem; font-style: italic; line-height: 1.5;">
+    “All Nature is but Art, unknown to thee;<br><br>
+
+    All chance, direction, which thou canst not see;<br><br>
+
+    All discord, harmony not understood;<br><br>
+
+    All partial evil, universal good.”
+  </blockquote>
+  <p style="margin-top: 0.2rem; font-size: 0.80rem; color: gray;">
+    — Alexander Pope, <em>An Essay on Man</em> (1733)
+  </p>
+</div>

_includes/footer.html

@@ -0,0 +1,35 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+  <div class="wrapper">
+
+    <h2 class="footer-heading">{{ site.title | escape }}</h2>
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <ul class="contact-list">
+          <li class="p-name">
+            {%- if site.author -%}
+              {{ site.author | escape }}
+            {%- else -%}
+              {{ site.title | escape }}
+            {%- endif -%}
+            </li>
+            {%- if site.email -%}
+            <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+            {%- endif -%}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        {%- include social.html -%}
+      </div>
+
+      <div class="footer-col footer-col-3">
+        <p>{{- site.description | escape -}}</p>
+      </div>
+    </div>
+
+  </div>
+
+</footer>

_includes/head.html

@@ -0,0 +1,25 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  {%- feed_meta -%}
+
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+  <script>
+    window.MathJax = {
+      tex: {
+        inlineMath: [['$', '$'], ['\\(', '\\)']],
+        displayMath: [['$$', '$$'], ['\\[', '\\]']]
+      }
+    };
+  </script>
+  <script type="text/javascript" id="MathJax-script" async
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
+  </script>
+</head>

_includes/header.html

@@ -0,0 +1,29 @@
+<header class="site-header" role="banner">
+  <div class="wrapper">
+    <!-- Site title / logo -->
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
+      {{ site.title | escape }}
+    </a>
+
+    <!-- Navigation placeholder for future links -->
+    <nav class="site-nav">
+      <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+      <label for="nav-trigger">
+        <span class="menu-icon">
+          <svg viewBox="0 0 18 15" width="18px" height="15px">
+            <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484
+                     l0,0C0,0.665,0.665,0,1.484,0h15.032C17.335,0,18,0.665,18,1.484z 
+                     M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0
+                     c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516z 
+                     M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0
+                     c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516z"/>
+          </svg>
+        </span>
+      </label>
+
+      <div class="trigger">
+        <!-- Navigation links will go here in the future -->
+      </div>
+    </nav>
+  </div>
+</header>

_includes/mathjax.html

@@ -0,0 +1,12 @@
+<script>
+  MathJax = {
+    tex: {
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      displayMath: [ ['$$','$$'], ['\\[', '\\]'] ],
+      tags: 'ams',
+    },
+  };
+  </script>
+  <script type="text/javascript" id="MathJax-script" async
+    src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js">
+</script>