diff --git a/index.html b/index.html index c8c984e..3bac881 100644 --- a/index.html +++ b/index.html @@ -366,6 +366,25 @@ + +
+ +
+

Radiquum Projects

+
+
+
+ +
+ +
+

Itaku

+

radiquum

+
+
+
diff --git a/static/assets/itaku.png b/static/assets/itaku.png new file mode 100644 index 0000000..2cfd317 Binary files /dev/null and b/static/assets/itaku.png differ diff --git a/static/tailwind.css b/static/tailwind.css index 00d227d..2cf0780 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -825,6 +825,21 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.translate-y-full { + --tw-translate-y: 100%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-y-\[50\%\] { + --tw-translate-y: 50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.translate-y-\[80\%\] { + --tw-translate-y: 80%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + @keyframes bounce { 0%, 100% { transform: translateY(-25%); @@ -1061,6 +1076,11 @@ video { background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } +.bg-\[\#ffeb3c\] { + --tw-bg-opacity: 1; + background-color: rgb(255 235 60 / var(--tw-bg-opacity)); +} + .bg-opacity-40 { --tw-bg-opacity: 0.4; }