Browse Source

Some SEO improvements

- meta description
- empty robots.txt
- changed welcome message on home to h2

- CSS in-line fold pairs
resume-pdf
Kevin Mok 6 years ago
parent
commit
7efe961031
Signed by: Kevin-Mok GPG Key ID: AEA75288DC135CF5
  1. 88
      assets/sass/main.scss
  2. 7
      config.toml
  3. 19
      ideas.md
  4. 7
      layouts/partials/about.html
  5. 11
      layouts/partials/header.html
  6. 12
      layouts/partials/hero.html
  7. 1
      layouts/partials/me-equation.html
  8. 4
      resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
  9. BIN
      static/img/larbs.png

88
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 //

7
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!"

19
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

7
layouts/partials/about.html

@ -1,9 +1,8 @@
<div id="about">
<!-- <h1 class="headline">About</h1> -->
<h1>Hello there!</h1>
<h2>Welcome to my site!</h2>
<p>
Welcome to my site. I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
student at the University of Toronto, and I'm interested in all things Linux-related and
I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
student at the University of Toronto, and I'm greatly interested in all things Linux and
<a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
target="_blank">FOSS/FLOSS</a>.
</p>

11
layouts/partials/header.html

@ -18,12 +18,13 @@
{{ $main_sass := resources.Get "sass/main.scss" }}
{{ $main_style := $main_sass | resources.ToCSS }}
<link rel="stylesheet" href="{{ $main_style.RelPermalink }}" type="text/css">
<!-- <title>
<title>
{{ $isHomePage := eq .Title .Site.Title }}
{{ .Title }}
{{ if eq $isHomePage false }} -
{{ if eq $isHomePage false }} -
{{ .Site.Title }}
{{ end }}</title> -->
{{ end }}
</title>
<!-- <link rel="shortcut icon" type="image/png" href="imgs/icons/gitlab.png" id="favicon"/> -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ "img/favicon/apple-touch-icon.png" | relURL }}">
@ -34,9 +35,9 @@
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<title>
<!-- <title>
{{ .Site.Title }} &nbsp;&nbsp;~{{ .Page.RelPermalink }}
</title>
</title> -->
</head>
<body>

12
layouts/partials/hero.html

@ -34,9 +34,9 @@
</div>
<!-- <div style="text-align: center;"> -->
<!-- <div class="hero-tagline">
[>“Live, love and Linux.”<]
<p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}"
class="icon"
alt="linux-icon"/>.</p>
</div> -->
<!-- <div class="hero-tagline"> -->
<!-- [> “Live, love and Linux.” <] -->
<!-- <p>Live, love and <img src="{{ "/img/linux-icon.svg" | relURL }}" -->
<!-- class="icon" -->
<!-- alt="linux-icon"/>.</p> -->
<!-- </div> -->

1
layouts/partials/me-equation.html

@ -8,6 +8,7 @@
<div class="equation-part">
<a href="https://www.wikiwand.com/en/Arch_Linux" target="_blank">
<img src="{{ "img/arch.svg" | relURL }}" alt="linux-logo">
<!-- <img src="{{ "img/larbs.png" | relURL }}" alt="linux-logo"> -->
</a>
<p>+</p>
</div>

4
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;

BIN
static/img/larbs.png

After

Width: 804  |  Height: 906  |  Size: 56 KiB

Loading…
Cancel
Save