Browse Source

Footer: social icons opaque on hover

tr-letter
Kevin Mok 5 years ago
parent
commit
5e7fe99969
Signed by: Kevin-Mok GPG Key ID: AEA75288DC135CF5
  1. 18
      assets/sass/main.scss
  2. 6
      config.yaml
  3. 2
      content/card/_index.md
  4. 1
      content/config/_index.md
  5. 2
      content/letter
  6. 15
      content/resume/_index.md
  7. 2
      layouts/partials/home/about.html
  8. 3
      layouts/shortcodes/resume/letter-print.html
  9. 2
      static/pdf
  10. 3
      static/server-table.js

18
assets/sass/main.scss

@ -88,6 +88,15 @@ $vert-phone-width: 500px;
} }
}// }}} }// }}}
@mixin a-no-underline() {// {{{
a {
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}// }}}
// }}} mixins // // }}} mixins //
// general elements {{{ // // general elements {{{ //
@ -205,12 +214,17 @@ footer {
position: relative; position: relative;
padding-right: $side-padding; padding-right: $side-padding;
// padding-right: .9em; // padding-right: .9em;
@include a-no-underline();
img { img {
height: 1.5em; height: 1.5em;
@include vert-margin-rem(.2); @include vert-margin-rem(.2);
padding-left: .5em; padding-left: .5em;
opacity: .6; opacity: .6;
&:hover {
opacity: 1;
}
} }
} }
} }
@ -486,7 +500,6 @@ header {// {{{
// @include vert-padding-rem(0.5); // @include vert-padding-rem(0.5);
@include a-color($base-sky-blue); @include a-color($base-sky-blue);
width: 100%; width: 100%;
min-width: $max-page-width;
// @media (min-width: 1200px) { // @media (min-width: 1200px) {
// .container{ // .container{
// min-width: $max-page-width; // min-width: $max-page-width;
@ -667,6 +680,9 @@ header {// {{{
p { p {
margin-bottom: 1em; margin-bottom: 1em;
} }
strong {
line-height: 1.25em;
}
} }
} }
}// }}} }// }}}

6
config.yaml

@ -29,9 +29,9 @@ menu:
- name: card - name: card
url: /card url: /card
weight: 15 weight: 15
- name: letter
url: /letter
weight: 17
# - name: letter
# url: /letter
# weight: 17
# - name: credits # - name: credits
# url: /credits # url: /credits
# weight: 20 # weight: 20

2
content/card/_index.md

@ -1,5 +1,5 @@
--- ---
title: "Digital Card" title: "Digital Card"
date: 2019-02-11T07:50:51-05:00 date: 2019-02-11T07:50:51-05:00
draft: true
draft: false
--- ---

1
content/config/_index.md

@ -39,5 +39,4 @@ a single branch.
[chezmoi]: https://github.com/twpayne/chezmoi [chezmoi]: https://github.com/twpayne/chezmoi
<!--- }}} Setup --> <!--- }}} Setup -->

2
content/letter

@ -1 +1 @@
Subproject commit dd6a79f273fa73a59a831780ef26c4d7ea71da29
Subproject commit f20fc16b303b3164ed91c16c979f6c13ba27583c

15
content/resume/_index.md

@ -3,19 +3,10 @@ title: "Resume"
date: 2019-02-11T07:50:51-05:00 date: 2019-02-11T07:50:51-05:00
draft: false draft: false
--- ---
{{% resume/section overview %}}<!--- {{{ -->
3<sup>rd</sup> year CS student. Enthusiast of all things
Linux and FOSS. Seeking 16-month internship for my PEY
co-op program. Looking to gain industry-relevant experience in
full-stack web dev, DevOps or system administration.
{{% /resume/section %}}<!--- }}} -->
{{% resume/section skills %}}<!--- {{{ --> {{% resume/section skills %}}<!--- {{{ -->
#### Languages #### Languages
- **Bash**, C, **CSS**, C++, **Fish** (shell), Godot, **HTML5**,
- **Bash**, **C**, **CSS**, C++, **Fish** (shell), Godot, **HTML5**,
**Python**, Java, **Javascript** (ES6), **Sass** **Python**, Java, **Javascript** (ES6), **Sass**
#### Frameworks #### Frameworks
@ -26,8 +17,8 @@ full-stack web dev, DevOps or system administration.
#### Tools #### Tools
- **Arch Linux**, Android Studio, **Debian**, **Command Line**, - **Arch Linux**, Android Studio, **Debian**, **Command Line**,
**Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, **SFTP**, **SSH**,
**Vim**
**Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**,
**SSH**, **Vim**
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->

2
layouts/partials/home/about.html

@ -1,7 +1,7 @@
<div id="about"> <div id="about">
<h2>Welcome to my site!</h2> <h2>Welcome to my site!</h2>
<p> <p>
I'm Kevin Mok - a 3<sup>rd</sup> year Computer Science
I'm Kevin Mok - a Computer Science
student at the University of Toronto, and I'm greatly interested in all things Linux and 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" <a href="https://www.gnu.org/philosophy/floss-and-foss.en.html"
target="_blank">FOSS/FLOSS</a>. target="_blank">FOSS/FLOSS</a>.

3
layouts/shortcodes/resume/letter-print.html

@ -1,6 +1,7 @@
<div id="print-icon"> <div id="print-icon">
{{ $type := .Get "type" }}
{{ $code := .Get "code" }} {{ $code := .Get "code" }}
{{ $pdfName := print "pdf/kevin-mok-cover-letter-" $code ".pdf" }}
{{ $pdfName := print "pdf/kevin-mok-" $type "-" $code ".pdf" }}
<a href="{{ $pdfName | relURL }}" target="_blank"> <a href="{{ $pdfName | relURL }}" target="_blank">
<img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon"> <img src="{{ "img/resume/printer.svg" | relURL }}" alt="printer-icon">
</a> </a>

2
static/pdf

@ -1 +1 @@
Subproject commit 83a1f5a20361b33270990768646b7f71bddf2b81
Subproject commit 0ea8ba17f33f95fa93a2bc531a421a6544923c71

3
static/server-table.js

@ -38,6 +38,9 @@ const generateTable = (table, data) => {
aElem.textContent = elem['shortUrl'] aElem.textContent = elem['shortUrl']
cell.appendChild(aElem) cell.appendChild(aElem)
break break
case 'description':
cell.innerHTML = elem[key]
break
case 'repo': case 'repo':
aElem.href = elem['repoUrl'] aElem.href = elem['repoUrl']
aElem.textContent = elem[key] aElem.textContent = elem[key]

Loading…
Cancel
Save