bilingual-jekyll-resume-theme 0.1.0 → 0.2.0

data/_sass/_resume.scss

@@ -0,0 +1,347 @@
+// Resume styles
+// ---------------------------------------/
+
+// util
+
+@use "mixins";
+@use "variables";
+
+.section-header {
+  @include mixins.section_border;
+  margin-bottom: 1.5rem;
+
+  h2 {
+    @include mixins.sans;
+    font-weight: 900;
+    font-size: 1.75rem;
+    letter-spacing: -.05rem;
+    margin: 0;
+  }
+}
+
+// page header styles
+
+.page-header {
+  padding: 1.5rem 0;
+
+  .avatar {
+    width: 95px;
+    max-width: 100%;
+    overflow: hidden;
+    @include mixins.border-radius(100px);
+    margin: 0 auto;
+    display: block;
+  }
+
+  .header-name {
+    @include mixins.sans;
+    font-size: 3rem;
+    font-weight: 900;
+    text-align: center;
+    letter-spacing: -.15rem;
+    line-height: 1;
+    margin: 1rem 0 0;
+  }
+
+  .header-contact-info {
+    @include mixins.sans;
+    text-align: center;
+  }
+
+  .header-contact-info p a {
+    color: inherit;
+  }
+
+  .title-bar {
+    @include mixins.section_border;
+    margin-top: 2rem;
+    padding: .4rem 0;
+    @include mixins.clearfix;
+
+    .header-title {
+      @include mixins.sans;
+      font-weight: 300;
+      font-size: 1.75rem;
+      line-height: 2rem;
+      letter-spacing: -.05rem;
+      text-align: center;
+      margin: 0 0 .5rem;
+
+      @include mixins.media_larger_than_mobile {
+        float: left;
+        margin: 0;
+      }
+    }
+  }
+
+  .executive-summary {
+    @include mixins.media_larger_than_mobile {
+      font-size: 1rem;
+    }
+  }
+}
+
+.social-links {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+  top: 4px;
+  text-align: center;
+  border-top: 2px solid #c7c7c7;
+  padding-top: .4rem;
+
+  @include mixins.media_larger_than_mobile {
+    float: right;
+    border-top: none;
+    padding-top: 0;
+  }
+
+  .icon-link-item {
+    display: inline-block;
+    margin-left: 5px;
+  }
+
+  .icon-link {
+    display: inline-block;
+
+    &:hover .icon path {
+      fill: #333;
+      @include mixins.transition(all .2s ease);
+    }
+  }
+
+  .icon {
+    height: 28px;
+  }
+}
+
+.contact-button {
+  @include mixins.border-radius(3px);
+  background-color: #efefef;
+  text-decoration: none;
+  text-align: center;
+  display: block;
+  margin: 1.5rem auto;
+  width: 220px;
+  font-size: 1.375rem;
+  @include mixins.sans_light;
+  color: #333;
+  line-height: 55px;
+  @include mixins.transition(all .2s ease);
+
+  &:hover {
+    background-color: #333;
+    color: #fff;
+  }
+
+  &.not-looking {
+    width: 400px;
+  }
+}
+
+// resume content styles
+
+.content-section {
+  margin: 0 0 3rem;
+
+  .resume-item {
+    margin-bottom: 2rem;
+  }
+
+  .resume-item-title {
+    @include mixins.sans_bold;
+    margin: 0 0 .75rem;
+    font-size: 1.5rem;
+    letter-spacing: -.05rem;
+    line-height: 1;
+  }
+
+  .resume-item-details {
+    font-size: 1.125rem;
+    margin: 0 0 .75rem;
+    line-height: 1;
+
+    &.award-title {
+      font-size: 1rem;
+    }
+  }
+
+  .resume-item-title,
+  .resume-item-details,
+  .resume-item-copy,
+  .resume-item-list {
+    a {
+      color: #333;
+      text-decoration: none;
+      border-bottom: 1px solid;
+
+      &:hover {
+        border-bottom: none;
+        color: #9c9c9c;
+      }
+    }
+  }
+
+  .resume-item-copy {
+    margin: .75rem 0 0;
+  }
+
+  .resume-item-copy-license-cert-id {
+    font-weight: normal;
+  }
+  /* Languages table (responsive, flexible spacing) */
+  .languages-table {
+    width: 100%;
+    /* use separate border spacing to create visible gaps between TDs */
+    border-collapse: separate;
+    border-spacing: 1rem 0.5rem; /* horizontal gap, vertical gap */
+    table-layout: fixed; /* let columns share available width */
+    margin: 0 0 0.5rem 0;
+  }
+
+  .languages-table tbody {
+    width: 100%;
+  }
+
+  .languages-table .lang-cell {
+    padding: 0.5rem 1rem;
+    vertical-align: top;
+    word-break: break-word;
+  }
+
+  .lang-entry {
+    margin: 0;
+    line-height: 1.25;
+  }
+
+  /* move typography here so markup stays clean */
+  .languages-table .resume-item-details {
+    font-weight: 700;
+    font-size: 14px;
+  }
+
+  /* Make the table stack into single-column blocks on narrow viewports */
+  @include mixins.media_mobile {
+    .languages-table,
+    .languages-table tbody,
+    .languages-table tr,
+    .languages-table td {
+      display: block;
+      width: 100%;
+    }
+
+    .languages-table tr { margin-bottom: 0.5rem; }
+  }
+
+  /* Print-specific: keep two columns side-by-side (do not stack) */
+  @media print {
+    .languages-table {
+      display: table;
+      table-layout: fixed;
+      border-collapse: separate;
+      border-spacing: 1rem 0.5rem;
+      width: 100%;
+      page-break-inside: avoid;
+    }
+
+    .languages-table tbody { display: table-row-group; }
+
+    .languages-table tr { display: table-row; }
+
+    .languages-table td {
+      display: table-cell !important;
+      width: 50%;
+      vertical-align: top;
+      padding: 0.4rem 0.8rem;
+    }
+  }
+}
+
+// footer styles
+
+.page-footer {
+  border-top: 4px solid #c7c7c7;
+  padding-top: 1.5rem;
+  text-align: center;
+  margin-bottom: 3rem;
+
+  .footer-line {
+    margin: 0;
+    font-size: .875rem;
+    color: #999;
+
+    >a {
+      font-weight: 700;
+      color: #333;
+    }
+  }
+}
+
+.print-only,
+.print-only-inline {
+  display: none !important
+}
+
+@media print {
+  .no-print {
+    display: none !important
+  }
+
+  .print-only {
+    display: block !important
+  }
+
+  .print-only-inline {
+    display: inline !important
+  }
+
+  body {
+    font-size: 12px;
+    line-height: 1rem;
+  }
+
+  .page-header {
+    padding: 1rem 0 .2rem;
+
+    .header-name {
+      @include mixins.sans_bold;
+      font-size: 2rem;
+      margin: 0 0 .2rem;
+    }
+  }
+
+  .section-header {
+    @include mixins.section_border_thin;
+    margin-bottom: 1rem;
+
+    h2 {
+      font-size: 1.2rem;
+      line-height: 1.5rem;
+    }
+  }
+
+  .content-section {
+    margin: 0 0 1rem;
+
+    .resume-item {
+      margin-bottom: 1rem;
+    }
+
+    .resume-item-title {
+      font-size: 16px;
+      line-height: .7em;
+    }
+
+    .resume-item-details {
+      font-size: 12px;
+      margin: 0 0 .75rem;
+      line-height: .7em;
+      font-style: italic;
+
+      &.award-title {
+        font-size: 11px;
+      }
+    }
+  }
+}

data/_sass/_variables.scss

@@ -0,0 +1,33 @@
+// Variables
+// ---------------------------------------/
+
+$container-width: 980px !default;
+$grid-gutter: 10px !default;
+
+// Colors
+$white: #fff;
+$black: #333;
+
+// Styles
+$text_color: $black;
+
+// Font stack
+$body-font: Helvetica,
+arial,
+nimbussansl,
+liberationsans,
+freesans,
+clean,
+sans-serif,
+"Segoe UI Emoji",
+"Segoe UI Symbol" !default;
+
+// The base body size
+$body-font-size: 13px !default;
+
+// Monospace font stack
+$mono-font: Consolas,
+"Liberation Mono",
+Menlo,
+Courier,
+monospace !default;

data/assets/css/cv-ar.scss

@@ -0,0 +1,19 @@
+---
+---
+
+// "Reset" styles and SCSS reusable components
+// Arabic CV entrypoint: load base styles then RTL overrides
+@use "normalize";
+@use "mixins";
+@use "variables";
+
+// Generic site base & layout styles
+@use "base";
+@use "layout";
+
+// Layouts
+@use "resume";
+@use "all-pages";
+
+// RTL-specific overrides and Arabic typography
+@use "resume-rtl";

data/assets/css/cv.scss

@@ -0,0 +1,16 @@
+---
+---
+
+// "Reset" styles and SCSS reusable components
+@use "normalize";
+@use "mixins";
+@use "variables";
+
+// Generic site base & layout styles
+@use "base";
+@use "layout";
+
+// Layouts
+@use "resume";
+
+@use "all-pages";

data/assets/css/main.scss

@@ -0,0 +1,6 @@
+--- 
+--- 
+// "Reset" styles and SCSS reusable components
+@use "normalize";
+@use "profile";
+@use "all-pages";

data/assets/favicon/resume/about.txt

@@ -0,0 +1,6 @@
+This favicon was generated using the following graphics from Twitter Twemoji:
+
+- Graphics Title: 1f4bc.svg
+- Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji)
+- Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f4bc.svg
+- Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/)

data/assets/favicon/resume/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/assets/favicon/resume/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/assets/favicon/resume/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

metadata

@@ -1,13 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bilingual-jekyll-resume-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Khaldoon Mutahar
+autorequire:
 bindir: bin
 cert_chain: []
-date: 1980-01-02 00:00:00.000000000 Z
+date: 2025-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -23,21 +24,135 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '4.4'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-redirect-from
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description:
 email:
 - contact@mutahar.me
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- CODE_OF_CONDUCT.MD
 - LICENSE.txt
 - README.md
+- _includes/analytics-body.html
+- _includes/analytics-head.html
+- _includes/ar-date.html
+- _includes/hreflang.html
+- _includes/main-head.html
+- _includes/print-social-links.html
+- _includes/resume-head-ar.html
+- _includes/resume-head-en.html
+- _includes/resume-section-ar.html
+- _includes/resume-section-en.html
+- _includes/shared-head.html
+- _includes/social-links.html
+- _includes/vendors/lineicons-v4.0/envelope.svg
+- _includes/vendors/lineicons-v4.0/phone.svg
+- _includes/vendors/lineicons-v4.0/postcard.svg
+- _includes/vendors/lineicons-v5.0/dev.svg
+- _includes/vendors/lineicons-v5.0/dribbble-symbol.svg
+- _includes/vendors/lineicons-v5.0/facebook.svg
+- _includes/vendors/lineicons-v5.0/flickr.svg
+- _includes/vendors/lineicons-v5.0/github.svg
+- _includes/vendors/lineicons-v5.0/globe-1.svg
+- _includes/vendors/lineicons-v5.0/instagram.svg
+- _includes/vendors/lineicons-v5.0/linkedin.svg
+- _includes/vendors/lineicons-v5.0/medium-alt.svg
+- _includes/vendors/lineicons-v5.0/pinterest.svg
+- _includes/vendors/lineicons-v5.0/telegram.svg
+- _includes/vendors/lineicons-v5.0/whatsapp.svg
+- _includes/vendors/lineicons-v5.0/x.svg
+- _includes/vendors/lineicons-v5.0/youtube.svg
 - _layouts/default.html
-- _layouts/page.html
-- _layouts/post.html
+- _layouts/profile.html
+- _layouts/resume-ar.html
+- _layouts/resume-en.html
+- _sass/_all-pages.scss
+- _sass/_base.scss
+- _sass/_layout.scss
+- _sass/_mixins.scss
+- _sass/_normalize.scss
+- _sass/_profile.scss
+- _sass/_resume-rtl.scss
+- _sass/_resume.scss
+- _sass/_variables.scss
+- assets/css/cv-ar.scss
+- assets/css/cv.scss
+- assets/css/main.scss
+- assets/favicon/resume/about.txt
+- assets/favicon/resume/android-chrome-192x192.png
+- assets/favicon/resume/android-chrome-512x512.png
+- assets/favicon/resume/apple-touch-icon.png
+- assets/favicon/resume/favicon-16x16.png
+- assets/favicon/resume/favicon-32x32.png
+- assets/favicon/resume/favicon.ico
+- assets/favicon/resume/site.webmanifest
 homepage: https://www.mutahr.me/bilingual-jekyll-resume-theme
 licenses:
 - MIT
-metadata: {}
+metadata:
+  bug_tracker_uri: https://github.com/kmutahar/bilingual-jekyll-resume-theme/issues
+  changelog_uri: https://github.com/kmutahar/bilingual-jekyll-resume-theme/blob/master/CHANGELOG.md
+  documentation_uri: https://github.com/kmutahar/bilingual-jekyll-resume-theme#readme
+  homepage_uri: https://www.mutahr.me/bilingual-jekyll-resume-theme
+  source_code_uri: https://github.com/kmutahar/bilingual-jekyll-resume-theme/
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -52,7 +167,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 3.4.20
+signing_key:
 specification_version: 4
 summary: A flexible Jekyll theme for creating a clean, data-driven, bilingual (English
   & Arabic) resume.

data/_layouts/post.html

@@ -1,5 +0,0 @@
----
-layout: default
----
-
-{{ content }}