PROD cleaups

app.config.ts

@@ -12,10 +12,6 @@ export default defineAppConfig({
       title: "یادداشت‌ها",
       to: "/notes",
     },
-    {
-      title: "بازارچه",
-      to: "/market",
-    },
     {
       title: "درباره‌من",
       to: "/about",

assets/scss/base.scss

@@ -35,15 +35,17 @@ html {
   background-color: theme("colors.slate.400");
 }
 ul {
-  list-style: persian;
+  padding-right: 10px;
+  list-style: lower-alpha;
   li::marker {
     // background-color: #d1d5db;
     color: rgb(53, 53, 53);
   }
 }
 .rtl {
   direction: rtl;
-  .latest ul {
+  .latest ul,
+  ul {
     list-style: persian;
   }
 }

components/global/ContentToc.vue

@@ -18,7 +18,7 @@ const tocLinksH2: Ref<Array<HTMLElement>> = ref([]);
 const tocLinksH3: Ref<Array<HTMLElement>> = ref([]);
 
 const tocLinks = computed(() => props?.post?.body.toc.links ?? []);
-const dir = computed(() => props?.post.value?.dir);
+const dir = computed(() => props?.post?.dir);
 const tocTags = computed(() => props?.post.value?.tags ?? []);
 
 const onClick = (id: string) => {
@@ -50,9 +50,11 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div class="px-3 md:p-0 mb-5">
-    <h3 class="text-bold pb-2 mb-5 border-b border-gray-200">سرفصل‌ها</h3>
-    <nav class="flex" :class="dir === 'ltr' ? 'ltr' : 'rtl'">
+  <div class="px-3 md:p-0 mb-5" :class="dir === 'ltr' ? 'ltr' : 'rtl'">
+    <h3 class="text-bold pb-2 mb-5 border-b border-gray-200">
+      {{ dir === "ltr" ? "Sections" : "سرفصل‌ها" }}
+    </h3>
+    <nav class="flex">
       <div class="relative bg-secondary w-0.5 rounded">
         <div
           class="absolute left-0 w-full transition-all duration-200 rounded bg-red-500"

components/global/Social.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 <template>
   <div>
-    <div v-if="!isOwner()" class="flex items-center">
+    <div class="flex items-center">
       <a href="https://github.com/mehotkhan" target="_blank">
         <IconUil:github-alt class="ml-3" />
       </a>
@@ -11,13 +11,13 @@
       <a href="https://www.twitter.com/ZemaniAli/" target="_blank">
         <IconUil:twitter-alt class="ml-3" />
       </a>
-      <IconUil:user class="ml-3" />
     </div>
-    <div v-else class="flex items-center">
+    <div v-if="isDev()" class="flex items-center">
       <NuxtLink to="/manage">
         <IconUil:cog class="ml-3" />
       </NuxtLink>
       <IconUil:bell class="ml-3" />
+      <IconUil:user class="ml-3" />
     </div>
   </div>
 </template>

composables/useComments.ts

@@ -4,7 +4,6 @@ export default () => {
   const sendComment = async (comment: string, path: string) => {
     const body = {
       comment,
-      date: Date.now(),
       path,
     };
     try {
@@ -15,12 +14,15 @@ export default () => {
     } catch (error) {}
   };
 
-  const getPendingComments = async (): string[] => {
+  const getPendingComments = async (range?: number): string[] => {
     try {
       const api: string = await useFunctions(
         baseApiURL() + "comments/get-pending-comments",
         {
           method: "GET",
+          params: {
+            range: range ?? 12,
+          },
         }
       );
       pendingComments.value = await JSON.parse(api);

content/pages/about.md

@@ -1,97 +1,178 @@
 ---
 title: درباره من
-tags:
-  - VUE3
-  - Frond end developer
-thumbnail: /content/cv_avatar_512x512.jpg
-description:
-  Ali is an accomplished individual with a strong back-ground in software systems, software management, professional programming and software developing.
-  Ali has contributed in about 100 software projects during thelast 10 years and he is continually evaluating and upgrading his skills so that he stays at the cutting edge of web development. Ali is a quick learner who can generate new ideas and can communicate clearly and effectively. He has a great interest in open source technologies and dedicates his leisure time to study and research in this field.Currently looking for an opportunity to join a dynamic and ambitious company that offers a unique work environment within which its staff can thrive and grow.
 dir: ltr
 ---
 
+## About
+
+Ali is an accomplished individual with a strong back-ground in software systems, software management, professional programming and software developing.
+Ali has contributed in about 100 software projects during the last 10 years and he is continually evaluating and upgrading his skills so that he stays at the cutting edge of web development. Ali is a quick learner who can generate new ideas and can communicate clearly and effectively. He has a great interest in open source technologies and dedicates his leisure time to study and research in this field.Currently looking for an opportunity to join a dynamic and ambitious company that offers a unique work environment within which its staff can thrive and grow.
+
+## Contact Details
+
+- Email : Sallam@alizemni.ir
+
+- Github : [AliZemani / Github](https://github.com/mehotkhan)
+
+- LinkedIn : [AliZemani / AliZemani](https://www.linkedin.com/in/ali-zemani/)
+
+- Twitter :[AliZemani / Twitter](https://twitter.com/ZemaniAli/)
+
 ## Programming Languages
 
-Python, JavaScript, Golang, PHP
+- JavaScript
+- TypeScript
+- Python
+- C/C++ (Arduino ENV)
+- Golang
+- PHP
 
 ## Operations Systems
 
-Experience working in Unix/Linux server managment ,Debian ,Centos ,Arch ,Ubuntu
+Experience working in Unix/Linux server managment ,
+
+- Debian
+- FreeBSd
+- Centos
+- Arch
+- Ubuntu
 
 ## Back-end Technologies
 
-Django (v1.11,v2) , DRF (django rest fremwork) ,Django
-Channel ,Flask microframwork ,Celery, ,express.js ,loopback(v3) ,GraphQL
+- Django
+- Django DRF (django rest fremwork)
+- Django Channel
+- Flask microframwork
+- Celery,
+- express.js
+- loopback(v3)
+- GraphQL
 
 ## Front-End Technologies
 
-React , vue.js ,hexo.js ,Bootstrap (v3,v4) , Material UI
-, redux enverioment , webpack ,SASS, SUSY, Jinja Template Engine.
+- Vue3
+- Tailwind CSS
+- Nuxt3
+- React
+- Hexo.js
+- Bootstrap (v3,v4) ,
+- AndD
+- Material UI
+- Redux enverioment
 
 ## Mobile App Technologies
 
-react-native (android only) , PWA Architecture
+- React-native
+- PWA Architecture
+
+## Dev-ops Technologies
+
+- Microservise Architecture
+- Messaging platform
+- Clustermanagment platform (k8s )
+- docker
+- Nginx
+- Kafka
+- EMQ (Mqtt broker)
+- RabbitMQ
 
-## Dev-ops Technologies 
+## Iot
 
-microservise architecture ,messaging platform , cluster
-managment platform , docker , k8s ,Nginx ,kafka ,EMQ (Mqtt broker) ,RabbitMQ
+- Arduino
+- PlatformIO
+- RaspheryPi
 
 ## Team-Managements Technologies
 
-- Jira Platform , Git , Trello , Postman
+- Jira Platform ,
+- Git
+- Trello
+- Postman
 
 ## CMS Technologies
 
-Drupal theme and plugins (v7),wordpress theme and plugins
+- Headless CMS (Netlify)
+- Drupal theme and plugins
+- Wordpress theme and plugins
 
 ## Database Technologies
 
-Mongodb , Postgresql ,Key-Value (redis), Neo4j
+- Dexie.js(IndexedDB Wrapper)
+- Mongodb
+- Postgresql
+- Key-Value (redis)
+- Neo4j
 
 ## Social Data Analysis
 
-Experience working in Twiter Api , Telegram APi , Instagram Api
+- Experience working in Twiter Api
+- Telegram APi
+- Instagram Api
+- LinkedIn API
 
 ## Working Experience
 
-1. **Full Stack Developer**
-   Jun 2019 , September 2019
-   AriaTeck , Tehran, Iran
-   • Designed and developed React,material System Pannel,
-   • Designed and developed Loopback Backend
-   • Designed and developed Express.js Backend
-2. **Backend Developer**
-   Apanaj , Tehran, Iran
-   • Developed Python Game Engine,
-   • Designed and developed Django Rest System
-   Jun 2018 , Dec 2018
-3. **Full-Stack Developer**
-   Jun 2017 , Jun 2018
-   NGN - New Genaration Network Enginearing Co , Tehran, Iran
-   • Developed Laravel software systems,
-   • Designed and developed EMQ(MQTT)/React Messaging System
-   • Designed and developed React Native Android Applications
-   • Designed and developed Gitlab + Docker Continuous Deployment Systems
-   • Designed Wordpress, Drupal, Bootstrap Theme
-4. **Backend Developer**
-   Oct 2016 , Oct 2017
-   IRANHRC , Tehran, Iran
-   • Designed and developed Wordpress,bootstrap News Portal,
-   • Designed and developed python Location query
-   • Designed and developed Django Rest System
-5. **Backend Developer**
-   Sep 2016 - May 2017
-   Hami Andishe, Tehran, Iran
-   • Designed and Developed DRF software systems, Part of TSP Developer Teams.
-   • Data Analysis ,Part of CSP Developer Teams
-6. **Full-Stack Developer**
-   May 2016 - Oct 2017
-   Arman Tajarat, Tehran, Iran
-   • Designed and developed FLask Rest, EMQ (MQTT), Ionic application and
-   systems for Iot stack
-7. **Front End Developer**
-   Tadbir Pasarghad , Tehran, Iran
-   • Designed Wordpress, Drupal, Bootstrap Theme
-   • Designed Drupal/Angular Websites
-   Sep 2014 - Jun 2015
+- **Senior Frontend Developer**
+
+  June 2021 , June 2023
+  NGN - New Genaration Network Enginearing Co , Tehran, Iran
+
+  • Designed and developed React,Antd admin pannel
+  • Designed and developed vue3,nuxt3,SSG Jamstack web site
+  • Designed and developed Realtime Messenger with Nostr protols,vue3,nuxt3
+  • Designed and developed webrtc SFU realtime video/audio confernce
+  • Exprence with openAi API and Prompt engineering
+
+- **Senior FullStack Developer**
+
+  June 2019 , June 2021
+  ITPIran , Bushehr, Iran
+  • Designed and developed React-Native Gomobile IFS Mobile Messenger
+  • Designed and developed Odoo ERP
+
+- **Full Stack Developer**
+  Jun 2019 , September 2019
+  AriaTeck , Tehran, Iran
+  • Designed and developed React,material System Pannel,
+  • Designed and developed Loopback Backend
+  • Designed and developed Express.js Backend
+
+- **Backend Developer**
+  Apanaj , Tehran, Iran
+  • Developed Python Game Engine,
+  • Designed and developed Django Rest System
+  Jun 2018 , Dec 2018
+
+- **Full-Stack Developer**
+  Jun 2017 , Jun 2018
+  NGN - New Genaration Network Enginearing Co , Tehran, Iran
+  • Developed Laravel software systems,
+  • Designed and developed EMQ(MQTT)/React Messaging System
+  • Designed and developed React Native Android Applications
+  • Designed and developed Gitlab + Docker Continuous Deployment Systems
+  • Designed Wordpress, Drupal, Bootstrap Theme
+
+- **Backend Developer**
+  Oct 2016 , Oct 2017
+  IRANHRC , Tehran, Iran
+  • Designed and developed Wordpress,bootstrap News Portal,
+  • Designed and developed python Location query
+  • Designed and developed Django Rest System
+
+- **Backend Developer**
+  Sep 2016 - May 2017
+  Hami Andishe, Tehran, Iran
+  • Designed and Developed DRF software systems, Part of TSP Developer Teams.
+  • Data Analysis ,Part of CSP Developer Teams
+
+- **Full-Stack Developer**
+  May 2016 - Oct 2017
+  Arman Tajarat, Tehran, Iran
+  • Designed and developed FLask Rest, EMQ (MQTT), Ionic application and
+  systems for Iot stack
+
+- **Front End Developer**
+  Tadbir Pasarghad , Tehran, Iran
+  • Designed Wordpress, Drupal, Bootstrap Theme
+  • Designed Drupal/Angular Websites
+  Sep 2014 - Jun 2015

content/pages/contact.md

@@ -1,11 +1,25 @@
 ---
 title: تماس با من
 date: 2023-01-16T16:35:20.548Z
+dir: rtl
 ---
 
-## تماس با من
+## اطلاعات تماس
 
 <hr />
-اطلاعات تماس 
-<br />
-<br />
+
+## Email
+
+Sallam@alizemni.ir
+
+## Github
+
+[AliZemani / Github](https://github.com/mehotkhan)
+
+## LinkedIn
+
+[AliZemani / AliZemani](https://www.linkedin.com/in/ali-zemani/)
+
+## Twitter
+
+[AliZemani / Twitter](https://twitter.com/ZemaniAli/)