summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorbt <bt@web>2023-12-09 10:35:53 -0500
committerIkiWiki <ikiwiki.info>2023-12-09 10:35:53 -0500
commit5451ab112ce683e91aebec5f419b46a2c03a62d8 (patch)
tree6dc0adda3d6e7e2133dcf3d3893deddaef5cb4bd
parent3a7ab62344492179b3a51c6f25a33ffc47178987 (diff)
-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">