feat(website): 🎉 Add homepage

update css styles variables 255 Files | 461M | develop | 6 files changed, 425 insertions(+), 300 deletions(-)
avimehenwal · Jul 21, 2020 · 530ab64 · 530ab64
1 parent 4e86930
commit 530ab64
Show file tree

Hide file tree

Showing 6 changed files with 425 additions and 300 deletions.
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -91,8 +91,8 @@ module.exports = {
       {
         type: 'quote',
         defaultTitle: 'Anonymous',
-        before: info => `<div class="quote"><p class="title">${info}</p>`,
-        after: info => `${info}</div>`,
+        before: info => `<div class="quote">`,
+        after: info => `<p class="title">${info}</p></div>`,
       },
     ]
   ],

diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
@@ -12,8 +12,8 @@ dt
     // clear: left;
     // width: 100px;
     // text-align: right;
-    font-weight: bold;
-    color: #4B8BBE;
+    font-weight: bold
+    color: $blueL
     // text-decoration: underline;
 
 dt::after
@@ -26,19 +26,13 @@ dd
 .social-share-icon-svg
     color: $badgeErrorColor
 
-mark
-    padding-left: 5px
-    padding-right: 5px
-    border-radius: 5px
-    padding-top: 2px
-    padding-bottom: 2px
-
 // container styles
 .theorem
   margin 1rem 0
   padding .1rem 1.5rem
   border-radius $BorderRadius
   background-color #f0f4f8
+  text-align center
   .title
     font-weight bold
 
@@ -64,3 +58,21 @@ mark
     font-size: 1.2rem
     font-style: italic
     text-align center
+
+// Latex Styles
+mjx-container.MathJax
+    font-weight: bold
+    padding: $Padding
+    border-radius: $BorderRadius
+    background: $containerbg
+    color: $githubRed
+
+mark
+    border-radius: $BorderRadius
+    padding: $Padding
+    background: $yellowL
+    color: $greyL
+    // padding-left: 5px
+    // padding-right: 5px
+    // padding-top: 2px
+    // padding-bottom: 2px
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vuepress/styles/palette.styl
@@ -21,5 +21,14 @@ $MQMobile = 719px
 $MQMobileNarrow = 419px
 
 // custome configs
+$BorderRadius = 0.4rem
+$Padding = 0.3rem       // all sides
 
-$BorderRadius = 0.4rem
+// Python color pallet L-lighter shade D - Darker varient
+$blueL = #4B8BBE
+$blueD = #306998
+$yellowL = #FFE873
+$yellowD = #FFD43B
+$greyL = #646464
+$containerbg = #f0f4f8
+$githubRed = #d73a49
diff --git a/docs/Projects/test.md b/docs/Projects/test.md
@@ -4,6 +4,7 @@
 <Badge type="warning" vertical="top" text="beta+"  />
 <Badge type="error" vertical="top" text="beta+"  />
 
+
 ## 1.1. markdown-it-ins
 
 ++inserted++
@@ -64,9 +65,48 @@ is maintained by the W3C.
 
 <<< @/../src/hidden_features.py#snippet{5}
 
-## 1.9. Mermaid
+## 1.9. Custom Containers
+
+::: quote alexander
+Some quote please
+:::
+
+::: quote
+Some quote without header
+:::
+
+
+::: theorem Newton's First Law
+In an inertial frame of reference, an object either remains at rest or continues to move at a constant velocity, unless acted upon by a force.
+
+  ::: right
+  From [Wikipedia](https://en.wikipedia.org/wiki/Newton%27s_laws_of_motion)
+  :::
+:::
+
+::: tip
+Tip container of `@vuepress/theme-default`
+:::
+
+::: right
+From [Wikipedia](https://en.wikipedia.org/wiki/Newton%27s_laws_of_motion)
+:::
+
+## 1.10. Badges
+
+sadnfoidsnofsd  klsndfi nsidfon siodnf dsf
+<Badge type="warning" vertical="top" text="Lazy loading"  />
+isdbfios nfosdnf osdn fosnf osndfion siodnfosdn
+<Badge type="warning" vertical="middle" text="Lazy loading"  />
+sndofkn odsnfios ndfioksnd iofnsiodfnios nfio
+<Badge type="tip" vertical="middle" text="Lazy loading"  />
+sndofkn odsnfios ndfioksnd iofnsiodfnios nfio
+<Badge type="error" vertical="middle" text="Lazy loading"  />
+dsifnioa fnioasnf ionadsio fniodfn oidn f
+
+## 1.11. Mermaid
 
-### 1.9.1. Sequence Diagram
+### 1.11.1. Sequence Diagram
 
 ``` mermaid
 sequenceDiagram
@@ -76,7 +116,7 @@ loop every minute
 end
 ```
 
-### 1.9.2. Pie Chart
+### 1.11.2. Pie Chart
 
 ```mermaid
 pie title Pets adopted by volunteers
@@ -85,7 +125,7 @@ pie title Pets adopted by volunteers
 	"Rats" : 15
 ```
 
-### 1.9.3. Git graph
+### 1.11.3. Git graph
 
 ```mermaid
 gitGraph:
@@ -106,7 +146,7 @@ commit
 merge newbranch
 ```
 
-### 1.9.4. Gantt Chart
+### 1.11.4. Gantt Chart
 
 [Basics of Gantt Chart](https://avimehenwal.in/blog/gantt-chart/)
 
@@ -142,7 +182,7 @@ Add another diagram to demo page    :48h
 ```
 
 
-### 1.9.5. Add all markdown packages
+### 1.11.5. Add all markdown packages
 
 ```
 yarn add -D markdown-it-container markdown-it-footnote markdown-it-deflist markdown-it-emoji markdown-it-mark markdown-it-abbr markdown-it-sub markdown-it-sup markdown-it-ins