diff --git a/.gitignore b/.gitignore
index 08f06d9..12c2ae9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,8 @@ public/
resources/_gen/
themes/base16*
+*.pdf
+
commit-msg.txt
.hugo_build.lock
static/server-apps.json
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 17a5425..e0b6029 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,14 +2,10 @@
// base colors {{{ //
-$base00: #2d2d2d;
-$base01: #393939;
$base02: #515151;
$base03: #747369;
$base04: #a09f93;
$base05: #d3d0c8;
-$base06: #e8e6df;
-$base07: #f2f0ec;
$base-red: #f2777a;
$base-orange: #f99157;
$base-yellow: #ffcc66;
@@ -19,6 +15,13 @@ $base-blue: #6699cc;
$base-violet: #cc99cc;
$base-dark-orange: #d27b53;
+/* .base00 { color: #2d2d2d; }
+.base01 { color: #393939; }
+.base02 { color: #515151; }
+.base03 { color: #747369; }
+.base04 { color: #a09f93; }
+.base06 { color: #e8e6df; }
+.base07 { color: #f2f0ec; } */
.base08 { color: $base-red; }
.base09 { color: $base-orange; }
.base0a { color: $base-yellow; }
@@ -35,7 +38,6 @@ $base-dark-orange: #d27b53;
// $max-page-width: 52em;
$max-page-width: 45em;
$phone-width: 800px;
-$vert-phone-width: 500px;
@mixin side-padding-rem($n) {// {{{
padding-left: $n * 1rem;
@@ -88,23 +90,14 @@ $vert-phone-width: 500px;
}
}// }}}
-@mixin a-no-underline() {// {{{
- a {
- text-decoration: none;
- &:hover {
- text-decoration: none;
- }
- }
-}// }}}
-
// }}} mixins //
// general elements {{{ //
-$background-color: #2d2d2d;
-$color: #f2f0ec;
-// $background-color: white;
-// $color: black;
+// $background-color: #2d2d2d;
+// $color: #f2f0ec;
+$background-color: white;
+$color: black;
body {
margin: 0;
@@ -113,6 +106,8 @@ body {
line-height: 1.5;
// font-size: 100%;
font-size: 15px;
+ // font-size: 20px;
+ // font-size: 22px;
/* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace;
display: flex;
@@ -214,7 +209,6 @@ footer {
position: relative;
padding-right: $side-padding;
// padding-right: .9em;
- @include a-no-underline();
img {
height: 1.5em;
@@ -256,22 +250,22 @@ p {
margin-bottom: 1rem;
}
-h1 {
- font-size: 2rem;
+// h1 {
+ // font-size: 2rem;
- @media (max-width: $phone-width) {
- font-size: 1.75rem;
- }
-}
-h2 {
- font-size: 1.5rem;
+ // @media (max-width: $phone-width) {
+ // font-size: 1.75rem;
+ // }
+// }
+// h2 {
+ // font-size: 1.5rem;
- @media (max-width: $phone-width) {
- font-size: 1.4rem;
- }
-}
+ // @media (max-width: $phone-width) {
+ // font-size: 1.4rem;
+ // }
+// }
h3 { font-size: 1.25rem }
-h4 { font-size: 1rem }
+// h4 { font-size: 1rem }
h5 { font-size: .875rem }
h6 { font-size: .75rem }
@@ -486,27 +480,34 @@ header {// {{{
#print-icon {// {{{
float: right;
+ display: none;
img {
- height: 2em !important;
- position: absolute;
+ height: 1.75em;
+ position: relative;
top: 1em;
}
}// }}}
#contact-info {// {{{
@include side-margin-em(0);
- @include side-padding-rem(0);
// @include vert-padding-rem(0.5);
@include a-color($base-sky-blue);
- width: 100%;
- // @media (min-width: 1200px) {
- // .container{
- // min-width: $max-page-width;
- // }
- // }
+ // min-width: $max-page-width;
+ @media (min-width: 1200px) {
+ .container{
+ min-width: $max-page-width;
+ }
+ }
+ a {// {{{
+ text-decoration: none;
+ &:hover {
+ text-decoration: none;
+ }
+ }// }}}
- font-size: .9em;
+ // font-size: .9em;
+ font-size: .8em;
.row {
// flex-grow: 1;
@@ -531,18 +532,19 @@ header {// {{{
margin-left: 5px;
// position: relative;
// left: -8px;
- @media (max-width: $phone-width) {
- // display: none;
- // font-size: 10px;
- font-size: .8em;
- }
+ // @media (max-width: $phone-width) {
+ // // display: none;
+ // // font-size: 10px;
+ // font-size: .8em;
+ // }
}
}// }}}
#resume {// {{{
a {// {{{
- text-decoration: none;
+ // text-decoration: none;
+ text-decoration: underline;
&:hover {
text-decoration: underline;
}
@@ -550,45 +552,52 @@ header {// {{{
h1 {// {{{
color: $base-orange;
+ // margin-top: 1.3rem;
margin-top: 1rem;
+ font-size: 1.2em;
- @media (max-width: $phone-width) {
- margin-top: .75rem;
- }
+ // @media (max-width: $phone-width) {
+ // margin-top: .75rem;
+ // }
}// }}}
h2 {// {{{
color: $base-orange;
margin-top: .5rem;
+ font-size: 1em;
- @media (max-width: $phone-width) {
- font-size: 1.2em;
- margin-top: .75rem;
- }
+ // @media (max-width: $phone-width) {
+ // font-size: 1.2em;
+ // margin-top: .75rem;
+ // }
}// }}}
h4 {// {{{
color: $base-yellow;
margin-top: .5rem;
+ font-size: 1.2em;
- @media (max-width: $phone-width) {
- font-size: 1.2em;
- margin-top: .75rem;
- }
+ // @media (max-width: $phone-width) {
+ // font-size: 1.2em;
+ // margin-top: .75rem;
+ // }
}// }}}
.date {// {{{
- padding-top: .8em;
float: right;
color: $base03;
- @media (max-width: $phone-width) {
- padding-top: 0em;
- }
+ // @media (max-width: $phone-width) {
+ // padding-top: 0em;
+ // }
}// }}}
+ ul {
+ margin-bottom: 5px;
+ }
+
#projects {// {{{
- h1 {
- margin-bottom: 3px;
- }
+ // // h1 {
+ // // margin-bottom: 3px;
+ // // }
.project {// {{{
@include vert-padding-rem(.2);
@@ -602,7 +611,15 @@ header {// {{{
height: 1.2em;
}
+ .project-header {
+ // margin-bottom: .6em;
+ margin-bottom: .1em;
+ }
+
.project-link {
+ &:link {
+ text-decoration: none;
+ }
&:hover {
text-decoration: none;
}
@@ -653,13 +670,14 @@ header {// {{{
}
}// }}}
- @media (max-width: $phone-width) {
- font-size: 14px;
- // font-size: 1em;
- }
+ // @media (max-width: $phone-width) {
+ // font-size: 14px;
+ // // font-size: 1em;
+ // }
&.letter {
margin-top: 2em;
+ line-height: 1.5em;
img {
height: 4.5em;
@@ -668,21 +686,19 @@ header {// {{{
h2 {
color: $base-red;
margin-top: 0em;
+ margin-bottom: .4em;
}
p {
- margin-bottom: 1.5em;
+ margin-bottom: 1em;
}
.no-line-spacing {
line-height: .5em;
- margin-bottom: 2.15em;
+ margin-bottom: 1.75em;
p {
margin-bottom: 1em;
}
- strong {
- line-height: 1.25em;
- }
}
}
}// }}}
@@ -737,175 +753,14 @@ header {// {{{
}
}// }}}
-#card {// {{{
- @include vert-margin-rem(2);
- align-items: center;
- justify-content: center;
- font-family: 'Oxygen Mono', monospace;
-
- .container {// {{{
- padding-left: 0;
- padding-right: 0;
-
- .row {
- padding-top: 6rem;
- padding-bottom: 8rem;
-
- @media (max-width: $phone-width) {
- padding-top: 5rem;
- padding-bottom: 6rem;
- }
- }
- }// }}}
-
- // $card-bg: #e8e6df;
- $card-bg: $base07;
- #presentational-container {// {{{
- margin-top: 3em;
- margin-bottom: 1em;
- max-width: $max-page-width;
- box-shadow: 2px 2px 10px 5px black;
- // card bg
- // background-color: #fff;
- // background-color: #e5e5e5;
- background-color: $card-bg;
- }// }}}
-
- #email-full {// {{{
- font-size: 50px;
- @media (max-width: $phone-width) {
- font-size: 40px;
- }
- @media (max-width: $vert-phone-width) {
- font-size: 33px;
- }
-
- @include vert-margin-rem(2);
- height: 7em;
-
- img {
- height: .5em;
- position: absolute;
- left: -.8em;
- bottom: -.15em;
- }
-
- p { // {{{
- position: relative;
- // color: grey;
- color: #151515;
- // color: #133337;
-
- div {
- display: inline;
- }
-
- .social {// {{{
- // display: none;
- display: inline;
- white-space: nowrap;
- position: absolute;
- // left: 5.5rem;
- left: 0rem;
-
- .safari {
- display: none;
- }
-
- @supports (-webkit-backdrop-filter: blur(1px)) {
- left: .65rem;
- .safari {
- display: inline;
- }
- }
-
- .link-text {
- position: relative;
- width: 100%;
- }
-
- $border-thickness: 8px;
- @media (max-width: $vert-phone-width) {
- $border-thickness: 5px;
- }
- .link {
- position: absolute;
- border-color: black;
- border-style: solid;
- border-width: 0 $border-thickness $border-thickness $border-thickness;
- height: .45em;
- width: 100%;
- left: 0;
- img {
- position: absolute;
- left: -1em;
- }
-
- &.link-top {
- border-width: $border-thickness $border-thickness 0 $border-thickness;
-
- img {
- position: absolute;
- top: -.2em;
- }
- }
-
- &:hover {
- opacity: .6;
- }
- }
-
- $line-spacing: .65em;
- #mastodon {
- top: -$line-spacing * 1.1;
- border-color: #3088d4;
- }
- .linkedin {
- bottom: -$line-spacing * 1.1;
- border-color: #0077b7;
-
- &.linkedin-middle {
- border-style: dotted;
- border-width: 0 0 3.5px 0;
- }
- }
- #github {
- bottom: -$line-spacing * 2.7;
- }
- #site {
- bottom: -$line-spacing * 4.25;
- border-color: #ff7058;
- }
- #email {
- top: -$line-spacing * 2.65;
- border-color: #d1d0bf;
- }
- }// }}}
-
- .spacing {
- opacity: 0;
- }
- }// }}}
- }// }}}
-}// }}}
-
-#letter-home {// {{{
-
- #letter-instr {
- text-align: center;
- margin-top: 1.5em;
- // margin-top: 25vh;
- font-size: 1.4em;
- }
-}// }}}
-
// TODO: converted up to here
// hero {{{ //
h1.site-title {// {{{
text-align: center;
- font-size: 4.2em;
+ // font-size: 4.2em;
+ font-size: 3.2em;
// color: #66cccc;
color: $base05;
// margin-top: 1rem;
@@ -917,20 +772,20 @@ h1.site-title {// {{{
text-decoration: none;
}
- @media (max-width: $max-page-width) {
- font-size: 3em;
- }
+ // @media (max-width: $phone-width) {
+ // font-size: 3em;
+ // }
- @media (max-width: $phone-width) {
- font-size: 3.5em;
- @include vert-margin-rem(.3);
- // font-size: 2.5em;
- // font-size: 2em;
+ // @media (max-width: $phone-width) {
+ // font-size: 3.5em;
+ // @include vert-margin-rem(.3);
+ // // font-size: 2.5em;
+ // // font-size: 2em;
- .surrounding {
- display: none;
- }
- }
+ // .surrounding {
+ // display: none;
+ // }
+ // }
}// }}}
.hero-logo img {
diff --git a/content/letter b/content/letter
index 5ec1a62..1f7a5be 160000
--- a/content/letter
+++ b/content/letter
@@ -1 +1 @@
-Subproject commit 5ec1a62b2212b0a354531e36ff9b75425adb34a3
+Subproject commit 1f7a5be6bccc50267924927b218c3cf501604585
diff --git a/content/resume/_index.md b/content/resume/_index.md
index f0e8e84..1cae97b 100644
--- a/content/resume/_index.md
+++ b/content/resume/_index.md
@@ -12,65 +12,46 @@ title="Cloud/Software Engineer Intern" date="May 2020 — Aug 2021" %}}
using only command-line.
- Implemented ability for Kubernetes operator to fetch data
from a deployed service and update config with data.
+- Added startup probes to handle starting legacy application containers that require additional startup time.
- Refactored probes to have default values assigned based on
deployed YAML while also fixing reconciliation issues.
- Automated the promotion and release process
as part of the **Jenkins** release pipeline.
- Wrote documentation on how to get started with the project to onboard new
developers and mentored the incoming intern.
-- Presented a talk based on my experience called "8 Things I
- Learned About Software Engineering" to an audience of 75+
- in a conference for internship seekers.
{{% /resume/section %}}
{{% resume/section projects %}}
-
-{{% resume/project name="Astronofty"
-url="https://github.com/Kevin-Mok/astronofty" date="Jan 2023"
-show="true" %}}
+
-- Created for a 36 hour hackathon (UofTHacks X) where it **came 2nd overall**.
-- Created and deployed a smart contract with **Solidity** on
- the Ethereum blockchain to create/buy/sell NFT's
- using MetaMask.
-- Wrote a **React** hook to fetch and show listed NFT's, NFT details and owned NFT's.
-- Used API to synchronously upload images and metadata to IPFS.
+{{% resume/project name="Custom Kernel Module"
+url="https://kevin-mok.com/server/" date="Jan. 2022" show="true" %}}
-{{% /resume/project %}}
-
-
-
-
-
-{{% resume/project name="Rarity Surf"
-date="Oct 2021" show="true" %}}
-
-- Web app to give rarity rankings to NFT's within minutes of their metadata being revealed and check which are listed (based on rarity and price filters) on the OpenSea marketplace using their API.
-- Reverse engineered the ranking algorithm to match the
- leading rarity ranking site's rankings (scraped using
- Selenium) with a **discrepancy of <0.25%**.
-- Used app to frontrun purchases of **top 5%** rarity NFT's
- against competing buyers.
-- Wrote **Django** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
-- Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
+- Wrote and installed a [custom Linux kernel module](https://github.com/Kevin-Mok/interceptor-kernel/blob/master/a1/interceptor.c) in **C**.
+- Intercepted pre-existing system calls using
+ custom kernel module by sending commands to
+ userspace.
+- Monitored specific process ID's in my system
+ call to intercept their system calls.
{{% /resume/project %}}
-
+
{{% resume/project name="Personal Server"
url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
-- Deployed various web apps with backends using NGINX on a Debian/**Linux** server.
+- Deployed [various web apps] with backends using NGINX on a Debian/**Linux** server.
- Wrote a [**JavaScript** script][server script] and [systemd service][systemd service]/[timer]
to display the uptime of my pages every hour.
- Monitored system resources and performed system maintenance using tmux.
+[various web apps]: https://kevin-mok.com/server/
[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
@@ -79,24 +60,42 @@ url="https://kevin-mok.com/server/" date="Aug. 2019 — present" show="true" %}}
+
+
+{{% resume/project name="Rarity Surf"
+date="Oct 2021" show="true" %}}
+
+- Web app to give rarity rankings to NFT's within minutes of their metadata being revealed and check which are listed (based on rarity and price filters) on the OpenSea marketplace using their API.
+- Reverse engineered the ranking algorithm to match the
+ leading rarity ranking site's rankings (scraped using
+ Selenium) with a **discrepancy of <0.25%**.
+- Used app to frontrun purchases of **top 5%** rarity NFT's
+ against competing buyers.
+- Wrote **Django (Python)** backend to fetch metadata from IPFS, store rarity rankings in PostgreSQL and serve rarity data using GraphQL.
+- Wrote **React** frontend with hooks to dynamically load rarity data. Styled with Tailwind.
+
+{{% /resume/project %}}
+
+
+
{{% /resume/section %}}
{{% resume/section skills %}}
-- **JavaScript**, **React**,**Python**, Go, Bash, Solidity, C, **Django**, Node.js, PostgreSQL, **Linux**, **Git**, **Command Line**
+Kubernetes, **JavaScript**, **React**, **Python**, Go, Bash, Solidity, C, **Django**, Node.js, Jenkins, PostgreSQL, **Linux**, **Git**, **Command Line**
{{% /resume/section %}}
{{% resume/section education %}}
{{% resume/education name="University of Toronto"
-title="Computer Science Specialist — 3.84 GPA (CS)" date="2018 — 2023" %}}
+title="Computer Science Specialist — 3.84 GPA (CS). Graduated with High Distinction." date="2018 — 2023" %}}
{{% /resume/section %}}
{{% resume/section "References" %}}
-{{% resume/references title="See my LinkedIn (Kev-Mok) for references from my Red Hat managers/mentee and a startup client." %}}
+{{% resume/references %}}
{{% /resume/section %}}
diff --git a/content/resume/old.txt b/content/resume/old.txt
new file mode 100644
index 0000000..0fe0ffb
--- /dev/null
+++ b/content/resume/old.txt
@@ -0,0 +1,82 @@
+
+
+{{% resume/project name="Spotify Graphs"
+url="https://github.com/Kevin-Mok/spotify-lib-vis" date="June 2018 — July 2018"
+show="true" %}}
+
+- Implemented base functionality of scanning tracks and listening
+ history from user's library using Spotify API and organized data
+ into **PostgreSQL** database with **Django** backend.
+- Created and tested various relational database schemas to maximize
+ efficiency for use cases.
+- Produced bubble chart and (stacked) bar chart using [**d3**]
+[d3 graph examples] to visualize the artists, genres and features of
+tracks in library.
+
+[d3 graph examples]: https://github.com/d3/d3/wiki/Gallery
+
+{{% /resume/project %}}
+
+
+
+
+
+{{% resume/project name="Grocery Finder"
+url="https://github.com/Kevin-Mok/grocery-finder" date="Feb. 2019 — Apr. 2019"
+show="true" %}}
+
+- Proof of concept for web app that finds the ideal supermarket based on your cart.
+- Designed responsive front-end layout using **Bootstrap**.
+- Implemented REST API functionality on backend using **Node.js** and
+ **MongoDB**.
+- Setup deployment on [**Heroku**][Grocery Finder Heroku].
+- Led team of 4 as project leader to prioritize and delegate tasks while
+ also implementing a majority of the core features.
+- Performed code review for team members' pull requests.
+
+[Grocery Finder Heroku]: http://www.grocery-finder.ml
+
+{{% /resume/project %}}
+
+
+
+
+
+{{% resume/project name="Personal Server"
+url="https://kevin-mok.com/server/" date="Aug. 2019 — present" %}}
+
+- Deployed various web apps with backends such as Node, PHP and Python using
+ **NGINX** on a **Debian** server.
+- Monitor system resources and perform system maintenance using tmux.
+- Wrote [**Node.js** script][server script] and [**systemd** service][systemd service]/[timer]
+ to check and display the uptime of my pages every hour.
+
+[server script]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-status.js
+[systemd service]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.service
+[timer]: https://git.kevin-mok.com/Kevin-Mok/server-pages/src/branch/master/server-pages.timer
+
+{{% /resume/project %}}
+
+
+
+
+
+{{% resume/project name="ParsaFood"
+url="https://github.com/Kevin-Mok/ParsaFood" date="Feb. 2018"
+show="true" %}}
+
+- **Android** app that reads ingredient labels and detects any dietary
+ restrictions/allergies.
+- Designed user interface and linked various functionality together.
+- Made during a 24-hour [food-themed hackathon][Platterz Hackathon event]
+ in a group with two other members. Came in 2nd place and won
+ an [Oculus Rift][Oculus Rift Amazon].
+
+[Parsafood repo]: https://github.com/Kevin-Mok/ParsaFood
+[Platterz Hackathon event]:
+https://www.eventbrite.com/e/platterz-hackathon-tickets-42682237722
+[Oculus Rift Amazon]: https://www.amazon.ca/Oculus-Rift-Windows-VR-Headset/dp/B00VF0IXEY/ref=sr_1_1_sspa?ie=UTF8&qid=1520422949&sr=8-1-spons&keywords=oculus+rift&psc=1
+
+{{% /resume/project %}}
+
+
diff --git a/content/resume/red-hat.txt b/content/resume/red-hat.txt
new file mode 100644
index 0000000..cbebfd7
--- /dev/null
+++ b/content/resume/red-hat.txt
@@ -0,0 +1,9 @@
+• Working on the Kogito (cloud-native, open-source business automation technology) Cloud Engineering team.
+• Implemented ability for Kogito operator to fetch exposed protobuf files from a deployed service and update ConfigMap with data (*Kubernetes*, *Go*, KOGITO-3376).
+• Reduced deployment time by 66% by implementing ability to deploy locally-compiled Kogito binaries onto OpenShift using only Kogito CLI (*Go*, KOGITO-2113).
+• Added startup probes to handle starting legacy application containers that require additional startup time
+(*Go*, KOGITO-4322).
+• Refactored Kogito probes to have default values assigned based on deployed YAML/runtime while also fixing reconciliation issues (*Kubernetes*, *Go*, KOGITO-4898).
+• Automated the promotion and release process for Kogito runtimes as part of the release pipeline (*Jenkins*, KOGITO-1653). Wrote unit tests in the Spock framework.
+• Wrote documentation to onboard new Kogito operator developers and reduce friction needed for them to start contributing (*Kubernetes/minikube/OpenShift*, KOGITO-5127). Was completed as part of mentoring incoming intern to expedite initial onboarding process.
+• Presented a talk based on my experience called "8 Things I Learned About Software Engineering" to an audience of 75+ in a conference for internship seekers.
diff --git a/content/resume/server-ideas.md b/content/resume/server-ideas.md
new file mode 100644
index 0000000..16a9c12
--- /dev/null
+++ b/content/resume/server-ideas.md
@@ -0,0 +1,18 @@
+# To-Do
+- check price of AWS server
+- run Docker apps on it
+- run domain
+- run/create Docker compose
+- Dockerize app
+
+# Done
+
+# Points
+- run/deploy K8s locally on minikube using kubectl
+ - features
+- Dockerize app
+- run Docker on server (AWS)
+
+# Replace
+- personal server
+- Astronofy
diff --git a/layouts/partials/base/header.html b/layouts/partials/base/header.html
index d67400a..99d623f 100644
--- a/layouts/partials/base/header.html
+++ b/layouts/partials/base/header.html
@@ -18,7 +18,7 @@
-
+
{{ $main_sass := resources.Get "sass/main.scss" }}
diff --git a/layouts/shortcodes/resume/education.html b/layouts/shortcodes/resume/education.html
index a0b6fa9..e00ec8f 100644
--- a/layouts/shortcodes/resume/education.html
+++ b/layouts/shortcodes/resume/education.html
@@ -7,7 +7,8 @@
{{ .Get "date" }}
-
+
+
{{ .Get "title" }}
diff --git a/layouts/shortcodes/resume/references.html b/layouts/shortcodes/resume/references.html
index d448089..dfe268a 100644
--- a/layouts/shortcodes/resume/references.html
+++ b/layouts/shortcodes/resume/references.html
@@ -1,5 +1,9 @@
- {{ .Get "title" }}
+ See my
+
+ LinkedIn for references from my Red Hat managers/mentee,
+ a startup client and a graduate student mentor.
diff --git a/static/pdf b/static/pdf
index 50171c4..e6c4cde 160000
--- a/static/pdf
+++ b/static/pdf
@@ -1 +1 @@
-Subproject commit 50171c4c7064366f0492cec808657d0f30b1a3de
+Subproject commit e6c4cde18a3b56e0c24e73b4dc729669cbac3a5f