diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8b09fa3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*# +*~ diff --git a/archetypes/portfolio.md b/archetypes/portfolio.md new file mode 100644 index 0000000..6d4e04d --- /dev/null +++ b/archetypes/portfolio.md @@ -0,0 +1,9 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +type: portfolio +description: "" +githug: "" +site: "" +--- + diff --git a/archetypes/posts.md b/archetypes/posts.md new file mode 100644 index 0000000..c18e644 --- /dev/null +++ b/archetypes/posts.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +type: post +--- + diff --git a/assets/basic.scss b/assets/basic.scss new file mode 100644 index 0000000..f7ab76c --- /dev/null +++ b/assets/basic.scss @@ -0,0 +1,60 @@ +@import "variables"; +@import "fonts"; + + +body { + margin: 0; + padding: 0; + background-color: var(--background); + color: var(--foreground); + font-family: 'Mononoki', 'Ubuntu', 'Twemoji' sans-serif; + max-width: 1000px; + margin: 0 auto; + box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5); + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + padding:10px 0; + + + + +} +a, .link{ + transition: 0.3s; + color: $link-color; + text-decoration: none; + &:hover, &:focus{ + color: var(--pink) + } + } + +@media (min-width: 1000px) { + box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34); +} + +.h1{ + font-family: 'Mononoki Bold', 'Fira Code SemiBold', 'Twemoji' ; + font-size: 2em; +} + +// Highlighting one line code (which uses ` not ```) +p code, quote code, q code{ + font-family: $main-font; + background: var(--selection); + color: var(--cyan); + border-radius: 3px; + padding: 0 6px; +} + +img { + width: 100%; +} + +@import "logo"; +@import "page-404"; +@import "elements/page-links"; +@import "elements/recent-list"; +@import "elements/contacts"; +@import "elements/portfolio-project"; +@import "elements/blog-post-preview"; +@import "elements/blog-post"; diff --git a/assets/css/elements/portfolio-project.scss b/assets/css/elements/portfolio-project.scss index 4a5657f..0b803b1 100644 --- a/assets/css/elements/portfolio-project.scss +++ b/assets/css/elements/portfolio-project.scss @@ -21,7 +21,10 @@ max-width: 70vw; transition: 0.3s; &:hover, &:focus{ - box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.5); + box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.6); + } + & h2 { + margin-bottom: 0; } } @@ -48,6 +51,12 @@ } +.project-icon{ + width: 35px; + height: auto; + margin-right: 10px; +} + .project-link{ margin-right: 10px; display: flex; @@ -59,22 +68,22 @@ } &--github{ &::before{ - content: url("../../svg/github-icon.svg"); + content: url("./github-icon.svg"); } } &--iphone{ &::before{ - content: url("../../svg/appstore.svg"); + content: url("./appstore.svg"); } } &--android{ &::before{ - content: url("../../svg/googleplay.svg"); + content: url("./googleplay.svg"); } } &--app-page{ &::before{ - content: url("../../svg/app-page.svg"); + content: url("./app-page.svg"); } } } @@ -82,4 +91,4 @@ .project-link__logo{ margin-right: 10px; width: 30px; -} \ No newline at end of file +} diff --git a/assets/fonts.scss b/assets/fonts.scss new file mode 100644 index 0000000..7547d42 --- /dev/null +++ b/assets/fonts.scss @@ -0,0 +1,33 @@ +@font-face { // + font-family: 'Mononoki'; + src: url('../fonts/mononoki-Regular.eot'); + src: url('../fonts/mononoki-Regular.eot') format('embedded-opentype'), + url('../fonts/mononoki-Regular.ttf') format('truetype'), + url('../fonts/mononoki-Regular.woff2') format('woff2'), + url('../fonts/mononoki-Regular.woff') format('woff'); +} + +@font-face { + font-family: 'Mononoki Bold'; + src: url('../fonts/mononoki-Bold.eot'); + src: url('../fonts/mononoki-Bold.eot') format('embedded-opentype'), +url('../fonts/mononoki-Bold.ttf') format('truetype'), +url('../fonts/mononoki-Bold.woff2') format('woff2'), +url('../fonts/mononoki-Bold.woff') format('woff'); +} + +@font-face { + font-family: 'Mononoki'; + src: url('../fonts/mononoki-Regular.eot'); + src: url('../fonts/mononoki-Regular.eot') format('embedded-opentype'), +url('../fonts/mononoki-Regular.ttf') format('truetype'), +url('../fonts/mononoki-Regular.woff2') format('woff2'), +url('../fonts/mononoki-Regular.woff') format('woff'); +} + + +@font-face { + 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/logo.scss b/assets/logo.scss new file mode 100644 index 0000000..674a7ee --- /dev/null +++ b/assets/logo.scss @@ -0,0 +1,30 @@ + +.logo--wrapper { + display: grid; + font-family: Mononoki, 'Fira Code',monospace, Ubuntu; +} +.logo-quote { + text-align: center; + color: var(--foreground); + margin: 10px auto 28px; + max-width: 300px; + +} +.logo{ + margin: 0 auto; + margin-top: 30px; + display: flex; + flex-direction: column; + align-items: center; + align-content: center; + font-family: Mononoki, 'Fira Code',monospace, Ubuntu; +} + +.toilet-logo{ + color: var(--orange); + font-size: 0.9em; + line-height: $ascii-line-height; + margin: 0; + font-family: Mononoki, 'Fira Code',monospace, Ubuntu; + white-space: pre-line; +} diff --git a/assets/page-404.scss b/assets/page-404.scss new file mode 100644 index 0000000..e6d6db2 --- /dev/null +++ b/assets/page-404.scss @@ -0,0 +1,18 @@ +.not-found{ + display: flex; + justify-content: center; + font-size: 25px; + line-height: 28px; + color: var(--selection); + tansition: 0.3s; +} + + +@media screen and (max-width: 500px) { + .not-found { + font-size: 14px; + line-height: 14px; + } +} + + diff --git a/assets/variables.scss b/assets/variables.scss new file mode 100644 index 0000000..4e701b4 --- /dev/null +++ b/assets/variables.scss @@ -0,0 +1,37 @@ +/* Dracula theme */ +/* +:root { + --background: #282A36 ; + --comment: #6272A4 ; + --selection: #44475A ; + --foreground: #F8F8F2 ; + --cyan: #8BE9FD ; + --orange: #FFB86C; + --green: #50FA7B ; + --pink: #FF79C6 ; + --purple: #BD93F9 ; + --red: #FF5555 ; + --yellow: #F1FA8C; +} +*/ +/* Gruvbox theme */ +:root { + --background: #282828 ; + --comment: #458588 ; + --selection: #665c54 ; + --foreground: #ebdbb2 ; + --cyan: #83a598 ; + --orange: #fe8019; + --green: #98971a ; + --pink: #d3869b ; + --purple: #b16286 ; + --red: #cc241d ; + --yellow: #F1FA8C; +} + +$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 4e0793f..1028ef0 100644 --- a/config.toml +++ b/config.toml @@ -2,6 +2,7 @@ baseURL = "https://site.horhik.xyz/" languageCode = "en-us" title = "Horhik.xyz" summaryLength=10 +enableEmoji = true [markup] [markup.highlight] @@ -30,4 +31,11 @@ summaryLength=10 [[menu.social]] name = "LinkedIn" url = "https://www.linkedin.com/in/horhik" - weight = 100 \ No newline at end of file + weight = 100 + + +[taxonomies] + category = "categories" + tag = "tags" + site = "site" + github = "github" \ No newline at end of file diff --git a/content/portfolio/AnkiLan.md b/content/portfolio/AnkiLan.md index 05c1ec2..6c83dd3 100644 --- a/content/portfolio/AnkiLan.md +++ b/content/portfolio/AnkiLan.md @@ -3,4 +3,5 @@ title: "AnkiLan ⭐" date: 2020-05-01T00:00:00+03:00 type: portfolio description: "App for creating Anki flashcards" +github: "https://github.com/Horhik/ankilan" --- diff --git a/content/portfolio/Hole.md b/content/portfolio/Hole.md index a14010a..c060ef0 100644 --- a/content/portfolio/Hole.md +++ b/content/portfolio/Hole.md @@ -3,4 +3,7 @@ title: "Hole chat 🐰" date: 2021-05-01T00:00:00+03:00 type: portfolio description: "Decentralized messenger over Freenet network" +github: "https://github.com/hole-chat/" +site: "https://github.com/hole-chat/core/blob/master/README.md" +icon: "https://avatars.githubusercontent.com/u/80746081?s=400&u=941f96e2a43c02b36318c4efabcb36430467fc31&v=4" --- diff --git a/content/portfolio/Snake.md b/content/portfolio/Snake.md index 7eca5b0..235a226 100644 --- a/content/portfolio/Snake.md +++ b/content/portfolio/Snake.md @@ -4,6 +4,8 @@ date: 2019-11-01T00:00:00+03:00 type: portfolio description: "Snake game written with P5js" tags: ["game", "javascript"] +github: "https://github.com/horhik/snake" +site: "https://snake.horhik.xyz/" --- The simple snake game which working on both desktop 🖥 and mobile 📲 diff --git a/content/portfolio/Tasquare.md b/content/portfolio/Tasquare.md index ef6ece3..15bea22 100644 --- a/content/portfolio/Tasquare.md +++ b/content/portfolio/Tasquare.md @@ -3,4 +3,7 @@ title: "Tasquare ☑" date: 2020-01-01T00:00:00+03:00 type: portfolio description: "TODO app with timer written on React" +github: "https://github.com/horhik/tasquare" +site: "https://tasquare.horhik.xyz/" +icon: "https://raw.githubusercontent.com/Horhik/tasquare/master/src/svg/logo.svg" --- diff --git a/layouts/portfolio/summary.html b/layouts/portfolio/summary.html index f049ca3..9bd4f46 100644 --- a/layouts/portfolio/summary.html +++ b/layouts/portfolio/summary.html @@ -3,7 +3,25 @@ {{ .Title }}

{{.Description}}

- + + {{ range .Params.tags }} diff --git a/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index f75a479..0c1ca3c 100644 --- a/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/css/basic.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -54,7 +54,7 @@ body { padding: 0; background-color: var(--background); color: var(--foreground); - font-family: 'Ubuntu', 'Twemoji' sans-serif; + font-family: 'Mononoki', 'Ubuntu', 'Twemoji' sans-serif; max-width: 1000px; margin: 0 auto; box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5); @@ -113,6 +113,19 @@ img { font-family: Mononoki, 'Fira Code',monospace, Ubuntu; white-space: pre-line; } +.not-found { + display: flex; + justify-content: center; + font-size: 25px; + line-height: 28px; + color: var(--selection); + tansition: 0.3s; } + +@media screen and (max-width: 500px) { + .not-found { + font-size: 14px; + line-height: 14px; } } + .page-list { list-style: none; display: flex; @@ -250,7 +263,9 @@ img { max-width: 70vw; transition: 0.3s; } .project:hover, .project:focus { - box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.5); } + box-shadow: 4px 4px 24px rgba(0, 0, 0, 0.6); } + .project h2 { + margin-bottom: 0; } .project-name { color: var(--green); @@ -270,6 +285,11 @@ img { flex-wrap: wrap; justify-content: space-around; } +.project-icon { + width: 35px; + height: auto; + margin-right: 10px; } + .project-link { margin-right: 10px; display: flex; @@ -279,13 +299,13 @@ img { .project-link::before { margin-right: 10px; } .project-link--github::before { - content: url("../../svg/github-icon.svg"); } + content: url("./github-icon.svg"); } .project-link--iphone::before { - content: url("../../svg/appstore.svg"); } + content: url("./appstore.svg"); } .project-link--android::before { - content: url("../../svg/googleplay.svg"); } + content: url("./googleplay.svg"); } .project-link--app-page::before { - content: url("../../svg/app-page.svg"); } + content: url("./app-page.svg"); } .project-link__logo { margin-right: 10px; diff --git a/static/css/app-page.svg b/static/css/app-page.svg new file mode 100644 index 0000000..2c1aeff --- /dev/null +++ b/static/css/app-page.svg @@ -0,0 +1,73 @@ + + + + + + + + + image/svg+xml + + + + + + + ░█░█░░░░█▀▄░█▀█░░░░█░█░▀░▀░▀░░▀▀░ + + + + diff --git a/static/css/appstore.svg b/static/css/appstore.svg new file mode 100644 index 0000000..7054cbd --- /dev/null +++ b/static/css/appstore.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/static/css/github-icon.svg b/static/css/github-icon.svg new file mode 100644 index 0000000..bae4071 --- /dev/null +++ b/static/css/github-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/css/googleplay.svg b/static/css/googleplay.svg new file mode 100644 index 0000000..9b9f440 --- /dev/null +++ b/static/css/googleplay.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/static/css/stopwatch.svg b/static/css/stopwatch.svg new file mode 100644 index 0000000..7d002ad --- /dev/null +++ b/static/css/stopwatch.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/static/css/watch.svg b/static/css/watch.svg new file mode 100644 index 0000000..6c04fd7 --- /dev/null +++ b/static/css/watch.svg @@ -0,0 +1,4 @@ + + + +