summaryrefslogtreecommitdiff
path: root/posts
diff options
context:
space:
mode:
Diffstat (limited to 'posts')
-rw-r--r--posts/mini-interactive-keyboard-with-pure-css.md7
1 files changed, 4 insertions, 3 deletions
diff --git a/posts/mini-interactive-keyboard-with-pure-css.md b/posts/mini-interactive-keyboard-with-pure-css.md
index ac60d1b..b41be6a 100644
--- a/posts/mini-interactive-keyboard-with-pure-css.md
+++ b/posts/mini-interactive-keyboard-with-pure-css.md
@@ -1,6 +1,5 @@
-# Mini Interactive Keyboard with Pure CSS
-
-2020-05-13
+[[!meta title="Mini Interactive Keyboard with Pure CSS"]]
+[[!meta date="2020-05-13"]]
Lately, I've become obsessed with trying to see what I can create using only HTML and CSS (besides websites of course). Since playing with the concept of [faking 3D elements](https://uglyduck.ca/fake-3d-elements-with-css/), I wanted to circle back around to an older CodePen I created: a mini, interactive undo keyboard.
@@ -22,6 +21,8 @@ The core skeleton of this project is very simple, since the keyboard consists of
- Command button
- 'Z' letter button
+---
+
<!-- This is keyboard main base -->
<div class="base">