v6nerd
diff --git a/‎package-lock.json
Lines changed: 24 additions & 176 deletions b/‎package-lock.json
Lines changed: 24 additions & 176 deletions
diff --git a/‎package.json
Lines changed: 2 additions & 0 deletions b/‎package.json
Lines changed: 2 additions & 0 deletions
diff --git a/‎public/img/Gmail.svg
Lines changed: 7 additions & 0 deletions b/‎public/img/Gmail.svg
Lines changed: 7 additions & 0 deletions
diff --git a/‎public/img/RF.svg
Lines changed: 1 addition & 1 deletion b/‎public/img/RF.svg
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/img/Slack.svg
Lines changed: 33 additions & 0 deletions b/‎public/img/Slack.svg
Lines changed: 33 additions & 0 deletions
diff --git a/‎src/assets/css/elements.css
Lines changed: 1 addition & 1 deletion b/‎src/assets/css/elements.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/assets/css/text.css
Lines changed: 4 additions & 2 deletions b/‎src/assets/css/text.css
Lines changed: 4 additions & 2 deletions
diff --git a/‎src/assets/css/transitions.css
Lines changed: 1 addition & 1 deletion b/‎src/assets/css/transitions.css
Lines changed: 1 addition & 1 deletion
@@ -8,7 +8,9 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@highlightjs/vue-plugin": "1.0.2",
     "core-js": "^3.6.5",
+    "highlight.js": "10.7.2",
     "register-service-worker": "^1.7.1",
     "vue": "^3.0.0",
     "vue-i18n": "9.1.6",
 
@@ -71,7 +71,7 @@
 
 @media screen and (max-width: 768px) {
     .theme-button {
-        padding: var(--size-3xsmall) var(--size-xsmall);
+        padding: var(--size-3xsmall) var(--size-2xsmall);
     }
 }
 
 
@@ -86,8 +86,10 @@ button {
     font-size: 1rem;
 }
 
-article > p:last-of-type {
-    margin-bottom: 0;
+code {
+    border: 0.1rem inset;
+    padding: var(--size-3xsmall);
+    background-color: rgba(150, 150, 150, 0.1);
 }
 
 .dense {
 
@@ -8,7 +8,7 @@
 .fade-down-leave-active,
 .opacity-enter-active,
 .opacity-leave-active {
-    transition: transform 0.25s, opacity 0.25s;
+    transition: transform 0.25s, opacity 0.15s;
     transition-timing-function: cubic-bezier(0.14, 0.7, 0.56, 0.92);
 }
Original file line number	Diff line number	Diff line change
`@@ -71,7 +71,7 @@`
`71`	`71`
`72`	`72`	`@media screen and (max-width: 768px) {`
`73`	`73`	`.theme-button {`
`74`		`- padding: var(--size-3xsmall) var(--size-xsmall);`
	`74`	`+ padding: var(--size-3xsmall) var(--size-2xsmall);`
`75`	`75`	`}`
`76`	`76`	`}`
`77`	`77`
Original file line number	Diff line number	Diff line change
`@@ -86,8 +86,10 @@ button {`
`86`	`86`	`font-size: 1rem;`
`87`	`87`	`}`
`88`	`88`
`89`		`-article > p:last-of-type {`
`90`		`- margin-bottom: 0;`
	`89`	`+code {`
	`90`	`+ border: 0.1rem inset;`
	`91`	`+ padding: var(--size-3xsmall);`
	`92`	`+ background-color: rgba(150, 150, 150, 0.1);`
`91`	`93`	`}`
`92`	`94`
`93`	`95`	`.dense {`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`.fade-down-leave-active,`
`9`	`9`	`.opacity-enter-active,`
`10`	`10`	`.opacity-leave-active {`
`11`		`- transition: transform 0.25s, opacity 0.25s;`
	`11`	`+ transition: transform 0.25s, opacity 0.15s;`
`12`	`12`	`transition-timing-function: cubic-bezier(0.14, 0.7, 0.56, 0.92);`
`13`	`13`	`}`
`14`	`14`