feat: fix code block for old posts, and add might like section

public/education-data.json

@@ -0,0 +1,43 @@
+[
+  {
+    "title": "Deep Learning Foundations",
+    "startDate": "01/2017",
+    "endDate": "08/2017",
+    "school": {
+      "name": "Udacity",
+      "url": "https://www.udacity.com"
+    },
+    "body": "A nanodegree program at Udacity",
+    "items": [
+      "The <a href=\"https://www.udacity.com/course/deep-learning-nanodegree-foundation--nd101\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">program syllabus</a> include: Neural Networks, Convolutional Neural Networks, Recurrent Neural Networks, Generative Adversarial Networks",
+      "The 5 projects I built during the program - <a href=\"https://github.com/nirgn975/DLND\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">GitHub</a>",
+      "<a href=\"education/nd101.pdf\" class=\"text-sky-500 hover:text-sky-400\" download>Completion certificate</a>"
+    ]
+  },
+  {
+    "title": "Bachelor's degree in Computer Science and Business Administration",
+    "startDate": " 06/2011",
+    "endDate": "06/2016",
+    "school": {
+      "name": "The Open University of Israel",
+      "url": "https://www.linkedin.com/edu/school?id=162040&trk=edu-cp-title"
+    },
+    "body": "",
+    "items": [
+      "Seminar paper in Business Ethics course (grade: 85)",
+      "Final project was in Java: <a href=\"https://github.com/nirgn975/Book4You\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">GitHub Repo</a> (grade: 95)",
+      "GPA: 76"
+    ]
+  },
+  {
+    "title": "High School diploma",
+    "startDate": "01/2004",
+    "endDate": "01/2008",
+    "school": {
+      "name": "Ora Modi'im High School",
+      "url": "https://oramodiim.tik-tak.net"
+    },
+    "body": "Majoring in computer science at Ora Modi'im High School",
+    "items": ["GPA: 82"]
+  }
+]

public/skills-data.json

@@ -0,0 +1,96 @@
+[
+  {
+    "category": "Architecture",
+    "items": [
+      { "name": "Microservices", "code": "fas fa-code" },
+      { "name": "RESTful APIs", "code": "fas fa-code" },
+      { "name": "GraphQL", "code": "fas fa-code" },
+      { "name": "Data Structures & Algorithms", "code": "fas fa-code" },
+      { "name": "SasS / PasS", "code": "fas fa-code" },
+      { "name": "Microservices", "code": "fas fa-code" },
+      { "name": "TDD (Test Driven Development)", "code": "fas fa-code" }
+    ]
+  },
+  {
+    "category": "FrontEnd",
+    "items": [
+      { "name": "HTML", "code": "fa-brands fa-html5" },
+      { "name": "CSS / SCSS (Bootstrap, UIkit, Tailwind CSS, Material Design)", "code": "fa-brands fa-css3-alt" },
+      { "name": "JavaScript (jQuery, Ajax)", "code": "fa-brands fa-js" },
+      { "name": "Angular (cli, ngrx, material)", "code": "fa-brands fa-angular" },
+      { "name": "Vue (vue router, pinia)", "code": "fa-brands fa-vuejs" }
+    ]
+  },
+  {
+    "category": "BackEnd",
+    "items": [
+      { "name": "Java (Spring)", "code": "fa-brands fa-java" },
+      { "name": "Node.js (TypeScript, Express.js, NestJS)", "code": "fa-brands fa-node-js" },
+      { "name": "Python (Django, Flask, Sanic)", "code": "fa-brands fa-python" },
+      { "name": "Golang", "code": "fa-brands fa-golang" }
+    ]
+  },
+  {
+    "category": "Tests",
+    "items": [
+      { "name": "Mocha", "code": "fa-duotone fa-mug-hot" },
+      { "name": "Jest", "code": "fa-duotone fa-crown" },
+      { "name": "Vitest", "code": "fa-duotone fa-cloud-bolt" }
+    ]
+  },
+  {
+    "category": "Platforms",
+    "items": [
+      { "name": "Linux", "code": "fa-brands fa-linux" },
+      { "name": "Git", "code": "fa-brands fa-git-alt" },
+      { "name": "GitHub", "code": "fa-brands fa-github" }
+    ]
+  },
+  {
+    "category": "Tools",
+    "items": [
+      { "name": "Bash", "code": "fa-solid fa-rectangle-terminal" },
+      { "name": "Jekyll", "code": "fa-solid fa-pencil" },
+      { "name": "Hugo", "code": "fa-brands fa-markdown" },
+      { "name": "Electron", "code": "fa-regular fa-atom-simple" },
+      { "name": "Gulp", "code": "fa-brands fa-gulp" },
+      { "name": "Ionic", "code": "fa-light fa-solar-system" },
+      { "name": "Yeoman", "code": "fa-solid fa-user-ninja" },
+      { "name": "Astro", "code": "fa-duotone fa-user-astronaut" },
+      { "name": "Vite", "code": "fa-solid fa-bolt-lightning" },
+      { "name": "RabbitMQ", "code": "fa-solid fa-rabbit-running" }
+    ]
+  },
+  {
+    "category": "Databases",
+    "items": [
+      { "name": "PostgreSQL", "code": "fa-solid fa-elephant" },
+      { "name": "MongoDB", "code": "fa-brands fa-envira" },
+      { "name": "RethinkDB", "code": "fas fa-database" },
+      { "name": "Redis", "code": "fa-regular fa-file-binary" }
+    ]
+  },
+  {
+    "category": "Clouds & Devops",
+    "items": [
+      { "name": "AWS", "code": "fa-brands fa-aws" },
+      { "name": "Docker", "code": "fa-brands fa-docker" },
+      { "name": "Kubernetes", "code": "fa-light fa-ship" },
+      { "name": "fa-brands fa-digital-ocean", "code": "Digital Ocean" },
+      { "name": "fa-brands fa-google", "code": "Google Cloud Platform" },
+      { "name": "fas fa-project-diagram", "code": "CI / CD" },
+      { "name": "fas fa-server", "code": "Load Balancing" },
+      { "name": "fa-solid fa-router", "code": "NGINX" }
+    ]
+  },
+  {
+    "category": "Others",
+    "items": [
+      { "name": "Doing Pen Testing By Night", "code": "fas fa-lock-open-alt" },
+      { "name": "Coffee Drinker", "code": "fas fa-coffee" },
+      { "name": "Open Source Contributer", "code": "fas fa-bug" },
+      { "name": "Unix (Linux & Mac) User", "code": "fas fa-laptop" },
+      { "name": "Love To Play With Arduino & Raspberry Pi", "code": "fad fa-microchip" }
+    ]
+  }
+]

public/talks-data.json

@@ -0,0 +1,26 @@
+[
+  {
+    "future": false,
+    "image": "/about/talks/pipenv-the-future-of-python-dependency-management.webp",
+    "title": "Pipenv: The future of Python dependency management",
+    "date": "4/12/17",
+    "meetupUrl": "https://www.meetup.com/PyWeb-IL/events/245071494",
+    "downloadUrl": "/about/talks/pipenv-the-future-of-python-dependency-management.pptx"
+  },
+  {
+    "future": false,
+    "image": "/about/talks/api-star.webp",
+    "title": "API Star - Next generation framework!",
+    "date": "6/11/17",
+    "meetupUrl": "https://www.meetup.com/PyWeb-IL/events/243985794",
+    "downloadUrl": "/about/talks/api-star.pptx"
+  },
+  {
+    "future": false,
+    "image": "/about/talks/404-sql-db-not-found.webp",
+    "title": "404 SQL DB not found. Meet RethinkDB",
+    "date": "11/8/16",
+    "meetupUrl": "https://www.meetup.com/RethinkDB-Israel-Meetup/events/217336482",
+    "downloadUrl": "/about/talks/404-sql-db-not-found.pptx"
+  }
+]

public/work-data.json

@@ -0,0 +1,127 @@
+[
+  {
+    "title": "Lead Software Engineer (Team Leader)",
+    "startDate": "01/2020",
+    "endDate": "Present",
+    "company": {
+      "name": "Cognyte (formerly a Verint company)",
+      "url": "https://www.linkedin.com/company/cognyte"
+    },
+    "body": "",
+    "items": [
+      "WebintPro LTD was acquired by Cognyte (formerly a Verint company).",
+      "Write a compelete data pipeline using RabbitMQ message broker.",
+      "Rewrite the backend microservices from Express.js to NestJS.",
+      "Build a CI/CD for an Electron desktop application using GitHub actions and GCP."
+    ]
+  },
+  {
+    "title": "Lead Software Engineer (Team Leader)",
+    "startDate": "02/2017",
+    "endDate": "12/2019",
+    "company": {
+      "name": "WebintPro Ltd",
+      "url": "https://www.linkedin.com/company/3296384"
+    },
+    "body": "",
+    "items": [
+      "Formed a team (4 full stack developers) to develop and maintains a system to fetch, analyze, and save big data from social networks.",
+      "The backend services was written in Python with Sanic framework and Node.js with Express.js framework.",
+      "The frontend dashboard was written in Angular using ngrx, material, and D3.js.",
+      "Using Docker & Kubernetes for deployment on Google Cloud Platform, with a compelete CI/CD (tests, code reviews, dev environment, etc).",
+      "Implements a Microservices architecture with Pub/Sub.",
+      "Using Deep Learning methodologies to extract and analyze data. And save it in MongoDB, and Redis Databases.",
+      "Created the project from scratch, build the team, manage it, doing code reviews, etc."
+    ]
+  },
+  {
+    "title": "Senior Full Stack Software Engineer",
+    "startDate": "12/2015",
+    "endDate": "01/2017",
+    "company": {
+      "name": "Gizra - Internet Solutions",
+      "url": "https://www.linkedin.com/company/1776824"
+    },
+    "body": "",
+    "items": [
+      "Developing a system to connect between companies on varies projects, tracking, and managing them, for the European Union.",
+      "The Frontend is build with HTML5, CSS3, Bootstrap, JS, and jQuery. Backend written with Drupal in PHP and MySQL Database.",
+      "Working with Git on GitHub, doing code reviews, and writing tests with Behat (runs on Travis-CI).",
+      "Builds a Docker image for the system, and integrate continuous deployment methods."
+    ]
+  },
+  {
+    "title": "Lead Software Engineer, Volunteer",
+    "startDate": "10/2015",
+    "endDate": "01/2019",
+    "company": {
+      "name": "The Public Knowledge Workshop",
+      "url": "https://www.linkedin.com/company/2471778"
+    },
+    "body": "",
+    "items": [
+      "Take part in Hackita02 program and one of the founders of \"Ways Of Time\" project that enable the National Library of Israel to upload and geotag their geographic maps collection, and open them to the public (Python, Django, Leaflet, PostGIS, MDL).",
+      "Lead developer of version 2.x of the \"Open Pension\" project. The project mission is to reveal what happens behind the Israeli pension market, while enabling the public to trace the money and expose corruption (Python, Django, Scrapy, PostgreSQL, Angular, ngrx, d3.js).",
+      "<a href=\"https://github.com/nirgn975/WaysOfTime\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">Ways Of Time Repo</a> | <a href=\"https://github.com/hasadna/open_pension\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">Open Pension Website Repo</a> | <a href=\"https://github.com/hasadna/open_pension_scraper\" target=\"_blank\" class=\"text-sky-500 hover:text-sky-400\">Open Pension Crawler Repo</a>"
+    ]
+  },
+  {
+    "title": "Full Stack Software Engineer",
+    "startDate": "07/2015",
+    "endDate": "11/2015",
+    "company": {
+      "name": "Restart Group - IT | WEB | Mobile | People",
+      "url": "https://www.linkedin.com/company/2484049"
+    },
+    "body": "",
+    "items": [
+      "Part of a team that develops and maintains a financial system, from end to end, that handles thousands of transactions to offshore bank accounts.",
+      "Implement a new Front-end design built with HTML5, CSS3, Bootstrap, JS and jQuery.",
+      "Back-end written in PHP, and DB in MySQL.",
+      "Implement new banks APIs."
+    ]
+  },
+  {
+    "title": "Internet Expert",
+    "startDate": "03/2011",
+    "endDate": "12/2012",
+    "company": {
+      "name": "Cellcom Israel, Ltd",
+      "url": "https://www.linkedin.com/company/162949"
+    },
+    "body": "",
+    "items": [
+      "Tier 2 customer Support Expert Team.",
+      "Knowledge focal point for representatives at specialized Call centers.",
+      "Handling top level customer escalations and Gold customers support.",
+      "Experience working on UNIX-based switches with HP-UX, And with SAP & Amdocs systems.",
+      "Responsible for converting two call centers (Haifa and Beer Sheva) to specialized centers (provide training, and supervision throughout the beginning of the activity until go-live operation)."
+    ]
+  },
+  {
+    "title": "Internet Service Representitive",
+    "startDate": "11/2009",
+    "endDate": "02/2011",
+    "company": {
+      "name": "Cellcom Israel, Ltd",
+      "url": "https://www.linkedin.com/company/162949"
+    },
+    "body": "",
+    "items": [
+      "Tier 1 customer Support Team.",
+      "Handling customer requirements and providing solutions on Internet, data and technical problems.",
+      "Rated at the 10% of the Company's outstanding employees in 2010 and a leader in service in the internet and technical Customer Service Center in 2011."
+    ]
+  },
+  {
+    "title": "Military service (shortened for health reasons)",
+    "startDate": "03/2009",
+    "endDate": "10/2009",
+    "company": {
+      "name": "IDF (Israel Defense Forces)",
+      "url": "https://www.linkedin.com/company/israeldefenseforces"
+    },
+    "body": "Administrative role in the logistics department at Sde Dov Air Force base.",
+    "items": []
+  }
+]

src/components/ArticleCard.astro

@@ -0,0 +1,48 @@
+---
+const { post } = Astro.props;
+---
+
+<div class="flex flex-col bg-zinc-200 dark:bg-zinc-700 rounded-md">
+  <a href={post.url} class="flex-1" aria-label="Title goes to post">
+    <h3 class="p-2 text-xl">{post.frontmatter.title}</h3>
+  </a>
+
+  <a href={post.url} aria-label="hero image goes to post">
+    <img src={post.frontmatter.featuredImage} class="object-cover my-2 w-full h-60" alt={`${post.frontmatter.title} post hero image`} />
+  </a>
+
+  <p class="line-clamp-3 m-2">
+    {
+      post
+        .compiledContent()
+        .replace(/<[^>]*>?/gm, "")
+        .substring(0, 250)
+    }
+  </p>
+
+  <div class="flex justify-between p-2 text-zinc-600 dark:text-zinc-500">
+    <span class="ml-1 text-sm flex self-end">
+      published on
+      <time datetime={post.frontmatter.pubDate} class="ml-1">
+        {
+          new Date(post.frontmatter.pubDate).toLocaleDateString("en-us", {
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+          })
+        }
+      </time>
+    </span>
+
+    <span class="ml-1 text-sm flex self-end">
+      <a
+        href={`/categories/${post.frontmatter.category}`}
+        class="ml-1 hover:text-zinc-700 dark:hover:text-zinc-400"
+        aria-label={`go to ${post.frontmatter.category} category`}
+      >
+        <i class="fa-regular fa-folder"></i>
+        {post.frontmatter.category}
+      </a>
+    </span>
+  </div>
+</div>