Footer: social icons opaque on hover

This commit is contained in:
2019-10-25 03:58:11 -04:00
parent 2305b246c1
commit 5e7fe99969
10 changed files with 32 additions and 22 deletions

View File

@@ -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;
}
} }
} }
}// }}} }// }}}

View File

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

View File

@@ -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
--- ---

View File

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

View File

@@ -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**, **Git**, IntelliJ IDEA, **Pycharm**, **NGINX**, npm/yarn, **SFTP**,
**Vim** **SSH**, **Vim**
{{% /resume/section %}}<!--- }}} --> {{% /resume/section %}}<!--- }}} -->

View File

@@ -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>.

View File

@@ -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>

View File

@@ -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]