diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md index dbf817f..ff8ecfc 100644 --- a/exampleSite/content/about.md +++ b/exampleSite/content/about.md @@ -1,22 +1,21 @@ +++ title = "About" -date = "2018-07-18" +date = "2019-01-25" author = "Radek" +++ -
-
- /* PostCSS code by PrismJS */
+```css
+/* PostCSS code */
- pre {
- background: #1a1a1d;
- padding: 20px;
- border-radius: 8px;
- font-size: 1rem;
- overflow: auto;
+pre {
+ background: #1a1a1d;
+ padding: 20px;
+ border-radius: 8px;
+ font-size: 1rem;
+ overflow: auto;
- @media (--phone) {
- white-space: pre-wrap;
- word-wrap: break-word;
- }
-
- code {
- background: none !important;
- color: #ccc;
- padding: 0;
- font-size: inherit;
-
- .dark-theme & {
- color: inherit;
- }
- }
- }
-
-
-
-
-
- // JS code by PrismJS
-
- const menuTrigger = document.querySelector('.menu-trigger')
- const menu = document.querySelector('.menu')
- const mobileQuery = getComputedStyle(document.body).getPropertyValue('--phoneWidth')
- const isMobile = () => window.matchMedia(mobileQuery).matches
- const isMobileMenu = () => {
- menuTrigger.classList.toggle('hidden', !isMobile())
- menu.classList.toggle('hidden', isMobile())
+ @media (--phone) {
+ white-space: pre-wrap;
+ word-wrap: break-word;
}
- isMobileMenu()
+ code {
+ background: none !important;
+ color: #ccc;
+ padding: 0;
+ font-size: inherit;
+ }
+}
+```
- menuTrigger.addEventListener('click', () => menu.classList.toggle('hidden'))
+```js
+// JS code
- window.addEventListener('resize', isMobileMenu)
-
-
+const menuTrigger = document.querySelector('.menu-trigger')
+const menu = document.querySelector('.menu')
+const mobileQuery = getComputedStyle(document.body).getPropertyValue('--phoneWidth')
+const isMobile = () => window.matchMedia(mobileQuery).matches
+const isMobileMenu = () => {
+ menuTrigger.classList.toggle('hidden', !isMobile())
+ menu.classList.toggle('hidden', isMobile())
+}
-{{< highlight html >}}
-
+isMobileMenu()
+
+menuTrigger.addEventListener('click', () => menu.classList.toggle('hidden'))
+
+window.addEventListener('resize', isMobileMenu)
+```
+
+```html
+