diff --git a/assets/sass/main.scss b/assets/sass/main.scss index de35fdf..c32a0e8 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -202,9 +202,7 @@ pre, code { // }}} general elements // -// header {{{ // - -header { +header {// {{{ a { .path .path:visited { color: #6699cc; @@ -216,21 +214,13 @@ header { color: #f2f0ec; } } -} +}// }}} -// }}} header // - -// footer {{{ // - -footer { +footer {// {{{ @include a-color(#747369); -} - -// }}} footer // - -// 404 {{{ // +}// }}} -.page-not-found { +.page-not-found {// {{{ h1 { text-align: center; font-size: 5em; @@ -252,19 +242,13 @@ footer { font-size: 2em; } } -} - -// }}} 404 // +}// }}} -// homepage {{{ // - -#homepage { - // about {{{ // - +#homepage {// {{{ #about { font-size: 1.25rem; - h1 { + h2 { margin-top: 1.25rem; font-size: 2rem; color: $base-yellow; @@ -275,8 +259,6 @@ footer { // } } - // me-equation {{{ // - .me-equation { margin-top: 3em; text-align: center; @@ -332,20 +314,7 @@ footer { } } - // media {{{ // - - // @media (max-width: $phone-width) { - // margin-top: 2em; - // display: block; - - // p { - // display: block; - // @include vert-padding-rem(0.1); - // margin-bottom: 0rem; - // } - // } - - // @media (max-width: 800px) { + // @media (max-width: 800px) {// {{{ @media (max-width: $phone-width) { // flex-direction: column; flex-wrap: wrap; @@ -371,8 +340,8 @@ footer { &#hexatar { // max-width: 70%; - // max-width: 33%; - max-width: 28%; + max-width: 20%; + // max-height: 15vh; // margin-top: 2rem; margin-top: 1.75rem; } @@ -391,11 +360,18 @@ footer { } } } - - // }}} media // + + // @media (max-width: $phone-width) { + // margin-top: 2em; + // display: block; + + // p { + // display: block; + // @include vert-padding-rem(0.1); + // margin-bottom: 0rem; + // } + // } } - - // }}} me-equation // @media (max-width: $phone-width) { // font-size: 1.1em; @@ -405,10 +381,8 @@ footer { // font-size: 1.75rem; font-size: 1.4rem; } - } + }// }}} } - - // }}} about // @media (max-width: $max-page-width) { margin-bottom: 2rem; @@ -431,15 +405,13 @@ footer { .homepage .tag { margin-right: 2em; -} */ - -// }}} homepage // +} */// }}} // TODO: converted up to here // hero {{{ // -h1.site-title { +h1.site-title {// {{{ text-align: center; /* font-size: 3.5em; */ font-size: 4.8em; @@ -462,13 +434,13 @@ h1.site-title { // font-size: 2.5em; font-size: 2em; } -} +}// }}} .hero-logo img { width: 100%; } -.nav-bar { +.nav-bar {// {{{ margin-left: .5em; // margin-bottom: 1em; // margin-top: .75em; @@ -478,9 +450,9 @@ h1.site-title { // font-size: .9em; font-size: .8em; } -} +}// }}} -.hero-tagline{ +.hero-tagline{// {{{ margin-top: .3em; font-size: .8rem; // font-style: italic; @@ -489,7 +461,7 @@ h1.site-title { .icon { width: 1.25rem; } -} +}// }}} // }}} hero // diff --git a/config.toml b/config.toml index 57a44bc..441fd0b 100644 --- a/config.toml +++ b/config.toml @@ -3,5 +3,10 @@ baseURL = "https://kevinmok.tk/" # baseURL = "/home/kevin/coding/mf-site/public" languageCode = "en-us" -title = "Kevin Mok" +title = "Kevin Mok's Website" # theme = "base16" +enableRobotsTXT = "true" + +[params] + author = "Kevin Mok" + description = "Hey, I'm Kevin Mok - a CS (Computer Science) student at the University of Toronto. Come check out my personal website!" diff --git a/ideas.md b/ideas.md index 469248d..d75271f 100644 --- a/ideas.md +++ b/ideas.md @@ -14,21 +14,30 @@ - cd/ls diff. pages # Medium +- socials in footer + - icons + - email + - tooltip pop-up with email and clipboard button/link + - [Pure CSS Tooltips](https://www.youtube.com/watch?v=hAeQ8CqrGDY) + - use position element + - [Copying Text to Clipboard in HTML & JavaScript](https://www.youtube.com/watch?v=NHg6jQajaMs) + - [Native Browser Copy To Clipboard](https://css-tricks.com/native-browser-copy-clipboard/) - pages - fav. apps - - contact - - socials in footer? - linux config - credits -- SEO + - contact? - site stats - size - load time # Tiny -- inline fold pairs (CSS) - +- SEO + - be more specific with robots.txt when have content + - add/redirect aliases +Break> {{{ +> }}} ## Archived - about/homepage diff --git a/layouts/partials/about.html b/layouts/partials/about.html index 7ab64f2..46a0055 100644 --- a/layouts/partials/about.html +++ b/layouts/partials/about.html @@ -1,9 +1,8 @@
- -

Hello there!

+

Welcome to my site!

- Welcome to my site. I'm Kevin Mok - a 2nd year Computer Science - student at the University of Toronto, and I'm interested in all things Linux-related and + I'm Kevin Mok - a 2nd year Computer Science + student at the University of Toronto, and I'm greatly interested in all things Linux and FOSS/FLOSS.

diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 676a288..4ae96b8 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -18,12 +18,13 @@ {{ $main_sass := resources.Get "sass/main.scss" }} {{ $main_style := $main_sass | resources.ToCSS }} - + {{ end }} + @@ -34,9 +35,9 @@ - +<!-- <title> {{ .Site.Title }}  •  ~{{ .Page.RelPermalink }} - + --> diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html index 866247a..801c594 100644 --- a/layouts/partials/hero.html +++ b/layouts/partials/hero.html @@ -34,9 +34,9 @@
- + + + + + + diff --git a/layouts/partials/me-equation.html b/layouts/partials/me-equation.html index 2d8a3e6..97a74bf 100644 --- a/layouts/partials/me-equation.html +++ b/layouts/partials/me-equation.html @@ -8,6 +8,7 @@
linux-logo +

+

diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 778c6b9..76be848 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -217,7 +217,7 @@ footer a { #homepage #about { font-size: 1.25rem; } - #homepage #about h1 { + #homepage #about h2 { margin-top: 1.25rem; font-size: 2rem; color: #ffcc66; @@ -263,7 +263,7 @@ footer a { #homepage #about .me-equation .equation-part img { flex: 1.5; } #homepage #about .me-equation .equation-part img#hexatar { - max-width: 28%; + max-width: 20%; margin-top: 1.75rem; } #homepage #about .me-equation .equation-part p { font-size: 6vw; diff --git a/static/img/larbs.png b/static/img/larbs.png new file mode 100644 index 0000000..42b767f Binary files /dev/null and b/static/img/larbs.png differ