Reduce font size across site
- change footer background to line above Resume: - add LinkedIn - fix Unicode expand icon not showing on mobile
This commit is contained in:
@@ -7,39 +7,39 @@
|
||||
<footer>
|
||||
<div class="container">
|
||||
<!-- <span class="copyright">© {{ .Site.LastChange.Year }} {{ .Site.Title }} - <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span> -->
|
||||
<div class="row justify-content-center">
|
||||
<span id="copyright" class="col-xs-6">
|
||||
© {{ now.Year }} {{ .Site.Title }} ·
|
||||
<!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> · -->
|
||||
<!-- <a href="{{ "credits" | relURL }}">Credits</a> · -->
|
||||
</span>
|
||||
<span id="social-icons" class="col-xs-4">
|
||||
<a href="https://github.com/Kevin-Mok" target="_blank">
|
||||
<img src="{{ "img/social/github.svg" | relURL }}"
|
||||
alt="github-logo">
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/kevin-kh-mok" target="_blank">
|
||||
<img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
|
||||
</a>
|
||||
<a href="https://git.kevin-mok.com/" target="_blank">
|
||||
<img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
|
||||
</a>
|
||||
<a href="mailto:me@kevin-mok.com" target="_blank">
|
||||
<img src="{{ "img/social/email.svg" | relURL }}"
|
||||
alt="envelope">
|
||||
</a>
|
||||
<a href="https://fosstodon.org/web/accounts/93113" target="_blank">
|
||||
<img src="{{ "img/social/mastodon.svg" | relURL }}"
|
||||
alt="mastodon-logo">
|
||||
</a>
|
||||
</span>
|
||||
<span id="social-icons" class="col-xs-2">
|
||||
<div id="footer-row" class="row justify-content-center">
|
||||
<span id="footer-content" class="name">
|
||||
<span id="copyright" class="col-xs-6">
|
||||
© {{ now.Year }} {{ .Site.Title }} ·
|
||||
<!-- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> · -->
|
||||
<!-- <a href="{{ "credits" | relURL }}">Credits</a> · -->
|
||||
</span>
|
||||
<span id="social-icons" class="col-xs-4">
|
||||
<a href="https://github.com/Kevin-Mok" target="_blank">
|
||||
<img src="{{ "img/social/github.svg" | relURL }}"
|
||||
alt="github-logo">
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
|
||||
<img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-logo">
|
||||
</a>
|
||||
<a href="https://git.kevin-mok.com/" target="_blank">
|
||||
<img src="{{ "img/social/gitea.svg" | relURL }}" alt="gitea-logo">
|
||||
</a>
|
||||
<a href="mailto:me@kevin-mok.com" target="_blank">
|
||||
<img src="{{ "img/social/email.svg" | relURL }}"
|
||||
alt="envelope">
|
||||
</a>
|
||||
<a href="https://fosstodon.org/web/accounts/93113" target="_blank">
|
||||
<img src="{{ "img/social/mastodon.svg" | relURL }}"
|
||||
alt="mastodon-logo">
|
||||
</a>
|
||||
</span>
|
||||
<span class="col-xs-2">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<h1 class="site-title">
|
||||
[<a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
|
||||
<span class="surrounding">[</span><a href="{{ .Site.BaseURL }}"><span class="base08">K</span><span
|
||||
class="base0f">e</span><span class="base09">v</span><span
|
||||
class="base0a">i</span><span class="base0b">n </span><span
|
||||
class="base0c">M</span><span class="base0d">o</span><span
|
||||
class="base0e">k</span></a>] # _
|
||||
class="base0e">k</span></a><span class="surrounding">] # _</span>
|
||||
</h1>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div id="about">
|
||||
<h2>Welcome to my site!</h2>
|
||||
<p>
|
||||
I'm Kevin Mok - a 2<sup>nd</sup> year Computer Science
|
||||
I'm Kevin Mok - a 3<sup>rd</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>.
|
||||
|
||||
@@ -1,15 +1,39 @@
|
||||
<div id="contact-info">
|
||||
<div id="phone-number">
|
||||
<img src="{{ "img/resume/smartphone.svg" | relURL }}"
|
||||
alt="smartphone-icon">:
|
||||
<a href="tel:647-685-2500" target="_blank">647-685-2500</a>
|
||||
<div id="contact-info" class="container">
|
||||
<div class="row row-top justify-content-center">
|
||||
<div id="phone-number" class="col text-left">
|
||||
<a href="tel:647-685-2500" target="_blank">
|
||||
<img src="{{ "img/resume/smartphone.svg" | relURL }}"
|
||||
alt="smartphone-icon">
|
||||
<span class="url-info">
|
||||
647-685-2500
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="linkedin" class="col text-right">
|
||||
<a href="https://www.linkedin.com/in/Kev-Mok">
|
||||
<span class="url-info">
|
||||
Kev-Mok
|
||||
</span>
|
||||
<img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="email">
|
||||
<img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">:
|
||||
<a href="mailto:me@kevin-mok.com">me@kevin-mok.com</a>
|
||||
</div>
|
||||
<div id="website">
|
||||
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">:
|
||||
<a href="https://kevin-mok.com/">kevin-mok.com</a>
|
||||
<div class="row justify-content-center">
|
||||
<div id="email" class="col col-left">
|
||||
<a href="mailto:me@kevin-mok.com">
|
||||
<img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">
|
||||
<span class="url-info">
|
||||
me@kevin-mok.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="website" class="col text-right">
|
||||
<a href="https://kevin-mok.com/">
|
||||
<span class="url-info">
|
||||
kevin-mok.com
|
||||
</span>
|
||||
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -6,8 +6,6 @@
|
||||
|
||||
{{ partial "resume/contact-info.html" . }}
|
||||
|
||||
{{ partial "base/base16-logo.html" . }}
|
||||
|
||||
<div id="resume">
|
||||
|
||||
{{ .Content }}
|
||||
|
||||
12
layouts/shortcodes/resume/education.html
Normal file
12
layouts/shortcodes/resume/education.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="education">
|
||||
<div class="row">
|
||||
<div class="col-8 text-left">
|
||||
<p class="institution">
|
||||
{{ .Get "name" }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col text-right date">{{ .Get "date" }}</div>
|
||||
</div>
|
||||
{{ .Get "title" }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,13 +1,21 @@
|
||||
<div class="project">
|
||||
<a class="project-link" href="{{ .Get "url" }}" target="_blank">
|
||||
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
|
||||
</a>
|
||||
<button class="btn" type="button" data-toggle="collapse"
|
||||
data-target="#{{ .Get "name" | lower | urlize }}-details"
|
||||
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
|
||||
<h2 class="project-title">{{ .Get "name" }} ⏷</h2>
|
||||
</button>
|
||||
<div class="date">{{ .Get "date" }}</div>
|
||||
<div class="row project-header">
|
||||
<div class="col-10 col-md-8 text-left">
|
||||
<a class="project-link" href="{{ .Get "url" }}" target="_blank">
|
||||
<img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
|
||||
</a>
|
||||
<button class="btn" type="button" data-toggle="collapse"
|
||||
data-target="#{{ .Get "name" | lower | urlize }}-details"
|
||||
aria-expanded="false" aria-controls="{{ .Get "name" | lower | urlize }}-details">
|
||||
<h2 class="project-title">
|
||||
{{ .Get "name" }}
|
||||
<!-- <img class="down-triangle" src="{{ "img/resume/down-triangle.svg" | relURL }}" alt="link-icon"> -->
|
||||
<img class="down-triangle" src="{{ "img/resume/down-triangle.png" | relURL }}" alt="link-icon">
|
||||
</h2>
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-2 col-md-4 text-right date">{{ .Get "date" }}</div>
|
||||
</div>
|
||||
<div class="collapse{{ with .Get "show" }} show{{ end }}" id="{{ .Get "name" | lower | urlize }}-details">
|
||||
<div>
|
||||
{{ .Inner }}
|
||||
|
||||
Reference in New Issue
Block a user