Merge pull request #3 from biodasturchi/dev

The first version is finished
biodasturchi · Nov 25, 2022 · 908106a · 908106a · vercel · Nov 25, 2022
2 parents 18cd6bd + 85463f0
commit 908106a
Show file tree

Hide file tree

Showing 17 changed files with 440 additions and 87 deletions.
diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
@@ -8,10 +8,10 @@ export default {
     siteTitle: "Biodasturchi",
     // Navbar Link
     nav: [
+      { text: "Home", link: "/"},
       { text: "Posts", link: "/posts/index.md" },
       { text: "About", link: "/about" },
       { text: "Contact", link: "/contact" },
-      { text: "Guide", link: "/guide" },
       {
         // Dropdown Menu
         text: "Changes",
@@ -44,22 +44,22 @@ export default {
           { text: "Getting Started", link: "/" },
         ],
       },
-      {
-        text: "Section B",
-        collapsible: false,
-        items: [
-          { text: "Introduction", link: "/" },
-          { text: "Getting Started", link: "/" },
-        ],
-      },
-      {
-        text: "Section C",
-        collapsible: true,
-        items: [
-          { text: "Introduction", link: "/" },
-          { text: "Getting Started", link: "/" },
-        ],
-      },
+      // {
+      //   text: "Section B",
+      //   collapsible: true,
+      //   items: [
+      //     { text: "Introduction", link: "/" },
+      //     { text: "Getting Started", link: "/" },
+      //   ],
+      // },
+      // {
+      //   text: "Section C",
+      //   collapsible: true,
+      //   items: [
+      //     { text: "Introduction", link: "/" },
+      //     { text: "Getting Started", link: "/" },
+      //   ],
+      // },
     ],
     footer: {
       message: "Released under the MIT License.",

diff --git a/docs/about.md b/docs/about.md
@@ -1,21 +1,44 @@
-# About
-
-Welcome to the about page.
-
-This markdown supports html elements like the `p` tag coupled with inline styles
-
-<p style="color: var(--vp-c-brand-dark); border: 1px solid var(--vp-c-brand-dark); border-radius:5px; padding: 1rem;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-
-Even satire code snippets with syntax highlighting are also supported. 😅
-
-```js
-const lang = prompt("What is your favorite programming language?");
-
-(lang === "JavaScript") | (lang === "javascript") | (lang === "js")
-  ? alert("JavaScript to the world! 🚀🟡")
-  : alert(`We don't permit such languages here 💩`);
-```
-
-Of course, images are not left out.
-
-<!-- <img src="/logo.svg" alt="adocs logo" height={50}> -->
+# About page
+
+**My name is Mirsoli a.k.a [ilosrim](https://twitter.com/ilosrim)**
+I'm a ***software engineer & bioinformatic***
+
+## Skills
+- JavaScript (ES6), Typescript, Python, R, Bash script
+- React JS, Vue JS, Fresh
+- HTML5, CSS3, SASS, SCSS
+- Node JS, Deno
+- Material UI, AntDesign, Tailwind CSS, Bootstrap/Reactstrap
+
+## Tools
+- VS Code, Micro, Vim
+- Autodock 4, Autodock Vina, PyMol, Discovery Studio, PyRx
+- Figma, Adobe Photoshop, Notion, MO Word, MO Exel
+- Chrome, Firefox, Edge
+
+## About
+A programmer in the field of bioinformatics as well as the production of frontend web and telegram bots has +2 years of experience. Creator of e-commerce, single-page and multi-page, as well as admin panel websites. Specializes in project implementation and management. A curious programmer eager to learn new knowledge;)
+
+
+##### Links
+<a href="mailto:[email protected]" target="_blank">
+   <img align="left" style="color:white" alt="ilosrim.com" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/gmail.svg" />
+</a>
+<a href="https://ilosrim.uz" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim.com" width="22px" src="https://raw.githubusercontent.com/iconic/open-iconic/master/svg/globe.svg" />
+</a>
+<a href="https://linkedin.com/in/ilosrim" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim's linkedin profile" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/linkedin.svg" />
+</a>
+<a href="https://twitter.com/ilosrim" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim's twitter profile" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/twitter.svg" />
+</a>
+<a href="https://t.me/ilosrim" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim's telegram profile" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/telegram.svg" />
+</a>
+<a href="https://instagram.com/ilosrim" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim's twitter profile" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/instagram.svg" />
+</a>
+<a href="https://dev.to/ilosrim" target="_blank">
+   <img align="left" style="margin-left: 15px; color: #fff;" alt="ilosrim's dev-dot-to profile" width="22px" src="https://cdn.jsdelivr.net/npm/[email protected]/icons/dev-dot-to.svg" />
+</a>
diff --git a/docs/contact.md b/docs/contact.md
@@ -1,5 +1,29 @@
-# Contact
+# Contact page
 
-<!-- It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. -->
-
-Welcome to the contact page
+<div class="kwes-form" width="100%">
+  <form method="POST" action="mailto:[email protected]" enctype="text/plain"
+    style="
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      border: 1px solid var(--vp-c-brand-lighter); 
+      border-radius:5px; 
+      padding: 1rem; 
+      margin-top: 1rem;">
+    <div>
+      <!-- <label for="name">Name</label> -->
+      <input style="border: 1px solid var(--vp-c-brand-lighter); 
+      border-radius:5px; margin: 0 0 5px 0; padding: 5px 15px;" placeholder="Enter your name" type="text" name="name" id="name" rules="required">
+    </div>
+    <div>
+      <!-- <label for="email">E-mail</label> -->
+      <input style="border: 1px solid var(--vp-c-brand-lighter); 
+      border-radius:5px; margin: 0 0 5px 0; padding: 5px 15px;" placeholder="Enter your e-mail" type="email" name="email" id="email" rules="required|email|max:255">
+    </div>
+    <div>
+      <textarea style="padding: 5px 15px;" placeholder="Enter text..." name="message" id="message" rules="required" rows="4" cols="50"></textarea>
+    </div>
+    <button style="border: 1px solid var(--vp-c-brand-lighter); 
+      border-radius:5px; padding: 8px 16px" type="submit">Submit</button>
+  </form>
+</div>
diff --git a/docs/guide.md b/docs/guide.md
@@ -1,21 +1,51 @@
-# Guide
+---
+title: Contact
+form:
+    name: my-nice-form
+    fields:
+        - name: name
+          label: Name
+          placeholder: Enter your name
+          autofocus: on
+          autocomplete: on
+          type: text
+          validate:
+            required: true
 
-```
-                                  +--------------------+
-                                  |                    |
-                                  |  script transform  |
-                           +----->+                    |
-                           |      +--------------------+
-                           |
-+--------------------+     |      +--------------------+
-|                    |     |      |                    |
-|  facade transform  +----------->+ template transform |
-|                    |     |      |                    |
-+--------------------+     |      +--------------------+
-                           |
-                           |      +--------------------+
-                           +----->+                    |
-                                  |  style transform   |
-                                  |                    |
-                                  +--------------------+
-```
+        - name: email
+          label: Email
+          placeholder: Enter your email address
+          type: text
+          validate:
+            rule: email
+            required: true
+
+        - name: message
+          label: Message
+          size: long
+          placeholder: Enter your message
+          type: textarea
+          validate:
+            required: true
+
+    buttons:
+        - type: submit
+          value: Submit
+          classes: gdlr-button with-border excerpt-read-more
+
+    process:
+        - email:
+            from: "{{ config.plugins.email.from }}"
+            to:
+              - "{{ config.plugins.email.from }}"
+              - "{{ form.value.email }}"
+            subject: "[Feedback] {{ form.value.name|e }}"
+            body: "{% include 'forms/data.html.twig' %}"
+        - save:
+            fileprefix: feedback-
+            dateformat: Ymd-His-u
+            extension: txt
+            body: "{% include 'forms/data.txt.twig' %}"
+        - message: Thank you for your feedback!
+        - display: thankyou
+---
diff --git a/docs/index.md b/docs/index.md
@@ -4,17 +4,17 @@ layout: home
 # Hero section
 hero:
   name: Biodasturchi
-  text: Static docs template built with VitePress.
+  text: Biologiya ichra informatika.
   image:
     src: /logo.svg
     alt: Biodasturchi logo
-  tagline: A free to use template for creating docs for your projects
+  tagline: Bioinformatika va dasturlash yo'nalishida yangiliklar joylab boruvchi web sayt
   actions:
     - theme: brand
-      text: Get Started
-      link: /guide
+      text: Boshlash
+      link: /posts/index
     - theme: alt
-      text: View on GitHub
+      text: GitHub
       link: https://github.com/biodasturchi
 
 # Features section

diff --git a/docs/posts/bio/2022-11-25-docking-on-ca-complex.md b/docs/posts/bio/2022-11-25-docking-on-ca-complex.md
@@ -0,0 +1,28 @@
+<!-- ---
+sidebar: false
+date: 2022-11-25
+--- -->
+
+
+![banner](../../public/images/bio/2022-11-25-complex-2.png)
+
+# Cav1.1 kanaliga ligand sifatida cynaroside moddasining kiritilishi.
+
+## Lorem ipsum dolor sit amet
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra et ultrices neque ornare aenean euismod elementum. Gravida cum sociis natoque penatibus et. Gravida cum sociis natoque penatibus et magnis dis parturient montes. Fringilla est ullamcorper eget nulla facilisi. Sapien et ligula ullamcorper malesuada proin libero nunc consequat. Parturient montes nascetur ridiculus mus mauris vitae ultricies leo integer. Venenatis cras sed felis eget velit aliquet sagittis. Elementum integer enim neque volutpat ac tincidunt vitae. Et molestie ac feugiat sed. Aliquam purus sit amet luctus. Diam sit amet nisl suscipit adipiscing. Condimentum id venenatis a condimentum vitae sapien pellentesque habitant.
+
+![image](../../public/images/bio/2022-11-25-lig.png)
+
+## Suscipit tellus mauris a diam
+Suscipit tellus mauris a diam. Nunc vel risus commodo viverra maecenas accumsan lacus vel. Enim eu turpis egestas pretium aenean. A erat nam at lectus. Condimentum lacinia quis vel eros. Lacus suspendisse faucibus interdum posuere lorem ipsum. Egestas pretium aenean pharetra magna ac placerat. Ut ornare lectus sit amet est placerat in egestas. Suspendisse sed nisi lacus sed viverra. Lobortis feugiat vivamus at augue. Dui sapien eget mi proin sed libero enim. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Condimentum id venenatis a condimentum. Eu consequat ac felis donec et odio pellentesque. Quis eleifend quam adipiscing vitae proin sagittis. Duis convallis convallis tellus id interdum velit laoreet. Ultricies leo integer malesuada nunc vel.
+
+## Amet porttitor eget dolor morbi
+Amet porttitor eget dolor morbi non arcu risus quis varius. In mollis nunc sed id semper risus in hendrerit. Et netus et malesuada fames ac turpis. Tempor nec feugiat nisl pretium fusce id velit ut. Consectetur lorem donec massa sapien faucibus et molestie ac feugiat. Neque aliquam vestibulum morbi blandit cursus risus. Tempor nec feugiat nisl pretium fusce id velit. Pellentesque nec nam aliquam sem et. Consectetur libero id faucibus nisl. Tristique magna sit amet purus gravida quis blandit turpis cursus.
+
+## Adipiscing elit pellentesque
+Adipiscing elit pellentesque habitant morbi tristique senectus et netus et. Risus ultricies tristique nulla aliquet enim tortor at. Accumsan sit amet nulla facilisi. Dictum varius duis at consectetur lorem donec massa sapien faucibus. Enim ut tellus elementum sagittis. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae. Feugiat in fermentum posuere urna nec tincidunt praesent semper feugiat. Purus non enim praesent elementum facilisis leo vel fringilla. Cursus vitae congue mauris rhoncus aenean. Tempor orci dapibus ultrices in iaculis nunc. Sit amet justo donec enim diam vulputate. Elementum nisi quis eleifend quam adipiscing vitae proin sagittis nisl. Quis viverra nibh cras pulvinar mattis nunc.
+
+<iframe width="100%" height="315" src="https://www.youtube.com/embed/eI4Aske7MgU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+## Nec feugiat in fermentum posuere
+Nec feugiat in fermentum posuere. At tellus at urna condimentum mattis pellentesque id nibh. Sed vulputate mi sit amet mauris commodo quis. Vestibulum sed arcu non odio euismod lacinia at quis. Eleifend mi in nulla posuere sollicitudin aliquam ultrices. Praesent tristique magna sit amet purus gravida quis blandit turpis. Ut tristique et egestas quis ipsum suspendisse. Accumsan in nisl nisi scelerisque eu ultrices vitae. Quis imperdiet massa tincidunt nunc pulvinar. Morbi tincidunt ornare massa eget egestas purus viverra accumsan in.