diff --git a/.obsidian/config b/.obsidian/config new file mode 100644 index 0000000..6d94d68 --- /dev/null +++ b/.obsidian/config @@ -0,0 +1 @@ +{"baseFontSize":16,"pluginEnabledStatus":{"file-explorer":true,"global-search":true,"switcher":true,"graph":true,"backlink":true,"page-preview":true,"command-palette":true,"markdown-importer":true,"word-count":true,"open-with-default-app":true,"file-recovery":true},"alwaysUpdateLinks":true,"promptDelete":false} \ No newline at end of file diff --git a/.obsidian/workspace b/.obsidian/workspace new file mode 100644 index 0000000..1102656 --- /dev/null +++ b/.obsidian/workspace @@ -0,0 +1,97 @@ +{ + "main": { + "id": "cff797892302acf3", + "type": "split", + "children": [ + { + "id": "5b8b6fab2d3ff4a9", + "type": "leaf", + "state": { + "type": "markdown", + "state": { + "file": "content/portfolio/Snake.md", + "mode": "source" + } + } + } + ], + "direction": "vertical" + }, + "left": { + "id": "d289b0a88f9473dc", + "type": "split", + "children": [ + { + "id": "917ad6055d9b702c", + "type": "tabs", + "children": [ + { + "id": "27d5bbbb56d13c3f", + "type": "leaf", + "state": { + "type": "file-explorer", + "state": {} + } + }, + { + "id": "f59f8c4e127a9cbf", + "type": "leaf", + "state": { + "type": "search", + "state": { + "query": "", + "matchingCase": false, + "explainSearch": false, + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical" + } + } + } + ] + } + ], + "direction": "horizontal", + "width": 300 + }, + "right": { + "id": "e8413990fdd4f098", + "type": "split", + "children": [ + { + "id": "5c222fe5f229e203", + "type": "tabs", + "children": [ + { + "id": "91d89a62fd6b5ea1", + "type": "leaf", + "state": { + "type": "backlink", + "state": { + "file": "content/portfolio/Snake.md", + "collapseAll": false, + "extraContext": false, + "sortOrder": "alphabetical", + "showSearch": false, + "searchQuery": "", + "backlinkCollapsed": false, + "unlinkedCollapsed": true + } + } + } + ] + } + ], + "direction": "horizontal", + "width": 300, + "collapsed": true + }, + "active": "5b8b6fab2d3ff4a9", + "lastOpenFiles": [ + "content/portfolio/Snake.md", + "content/portfolio/Hole.md", + "content/portfolio/AnkiLan.md", + "content/portfolio/snake/snake-desktop 1.png", + "content/portfolio/Pasted image 20210606223013.png" + ] +} \ No newline at end of file diff --git a/assets/css/basic.scss b/assets/css/basic.scss index ed21bc2..2e7f63f 100644 --- a/assets/css/basic.scss +++ b/assets/css/basic.scss @@ -46,6 +46,9 @@ p code, quote code, q code{ padding: 0 6px; } +img { + width: 100%; +} @import "logo"; @import "elements/page-links"; @import "elements/recent-list"; diff --git a/assets/css/elements/blog-post.scss b/assets/css/elements/blog-post.scss index dfad5ba..9310f7f 100644 --- a/assets/css/elements/blog-post.scss +++ b/assets/css/elements/blog-post.scss @@ -1,17 +1,18 @@ .blog-header{ color: $header-color; - font-family: $main-font; + font-family: "Mononoki Bold", "Twitter Color Emoji", "Twemoji", sans-serif; font-size: 2em; display: inline-flex; justify-content: center; text-align:center; margin: 0 auto; + margin-top: 32px; } .blog-post{ time{ - font-family: $main-font; + font-family: $blog-font; display: flex; align-content: center; justify-content: center; diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss index 9a808f9..7547d42 100644 --- a/assets/css/fonts.scss +++ b/assets/css/fonts.scss @@ -30,3 +30,4 @@ url('../fonts/mononoki-Regular.woff') format('woff'); font-family: 'Twemoji'; src: url('../fonts/Twemoji.ttf') format('truetype'); } +@import url('https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,700;1,400;1,700&display=swap'); diff --git a/assets/css/variables.scss b/assets/css/variables.scss index 3a48993..4e701b4 100644 --- a/assets/css/variables.scss +++ b/assets/css/variables.scss @@ -33,4 +33,5 @@ $ascii-line-height: 1.115em; $ascii-line-height-mobile: 1.112em; $header-color: var(--green); $main-font: 'Mononoki', 'Twemoji', monospace; +$blog-font: 'Cuprum', 'Mononoki', 'Twemoji', monospace; $link-color: var(--cyan); diff --git a/config.toml b/config.toml index 1480cc8..4e0793f 100644 --- a/config.toml +++ b/config.toml @@ -16,7 +16,8 @@ summaryLength=10 noClasses = true style = "fruity" tabWidth = 2 - +[markup.goldmark.renderer] + unsafe= true [[menu.social]] name = "Twitter" diff --git a/content/portfolio/Snake.md b/content/portfolio/Snake.md index cfcf035..7eca5b0 100644 --- a/content/portfolio/Snake.md +++ b/content/portfolio/Snake.md @@ -3,4 +3,16 @@ title: "Snake game 🐍 " date: 2019-11-01T00:00:00+03:00 type: portfolio description: "Snake game written with P5js" +tags: ["game", "javascript"] --- + +The simple snake game which working on both desktop 🖥 and mobile 📲 + + +
+snake on desktop screenshot +snake on mobile screenshot +
+ +On mobile there's a support for playing via swipes 👆 + diff --git a/content/portfolio/snake/snake-desktop.png b/content/portfolio/snake/snake-desktop.png new file mode 100644 index 0000000..24b3f73 Binary files /dev/null and b/content/portfolio/snake/snake-desktop.png differ diff --git a/content/portfolio/snake/snake-mobile.png b/content/portfolio/snake/snake-mobile.png new file mode 100644 index 0000000..1378bfc Binary files /dev/null and b/content/portfolio/snake/snake-mobile.png differ diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 9d40b92..1f890dd 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -6,15 +6,15 @@
{{ .Content }}
- {{ with .Params.tags }} -
- -
- {{ end }} + + + + + + + + + {{ with .Site.DisqusShortname }}
{{ template "_internal/disqus.html" . }} diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html index d5b9cc3..71cf7d0 100644 --- a/layouts/_default/summary.html +++ b/layouts/_default/summary.html @@ -3,7 +3,7 @@ {{ .Title }}
- {{ range .Params.tags }} - {{ . }} - {{ end }} + + + diff --git a/layouts/portfolio/summary.html b/layouts/portfolio/summary.html index e686828..f049ca3 100644 --- a/layouts/portfolio/summary.html +++ b/layouts/portfolio/summary.html @@ -6,6 +6,6 @@ {{ range .Params.tags }} - {{ . }} + {{ end }} diff --git a/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 75ed274..f75a479 100644 --- a/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -16,6 +16,7 @@ } */ /* Gruvbox theme */ +@import url("https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,700;1,400;1,700&display=swap"); :root { --background: #282828 ; --comment: #458588 ; @@ -82,6 +83,9 @@ p code, quote code, q code { border-radius: 3px; padding: 0 6px; } +img { + width: 100%; } + .logo--wrapper { display: grid; font-family: Mononoki, 'Fira Code',monospace, Ubuntu; } @@ -333,19 +337,20 @@ p code, quote code, q code { .blog-header { color: var(--green); - font-family: "Mononoki", "Twemoji", monospace; + font-family: "Mononoki Bold", "Twitter Color Emoji", "Twemoji", sans-serif; font-size: 2em; display: inline-flex; justify-content: center; text-align: center; - margin: 0 auto; } + margin: 0 auto; + margin-top: 32px; } .blog-post { padding: 0px 30px; font-size: 22px; font-family: Ubuntu; } .blog-post time { - font-family: "Mononoki", "Twemoji", monospace; + font-family: "Cuprum", "Mononoki", "Twemoji", monospace; display: flex; align-content: center; justify-content: center; diff --git a/snake-desktop.png b/snake-desktop.png new file mode 100644 index 0000000..930aa1b Binary files /dev/null and b/snake-desktop.png differ