diff --git a/ismism.ts/ui/1-0.jpg b/ismism.ts/ui/1-0.jpg
new file mode 100644
index 0000000..d65c459
Binary files /dev/null and b/ismism.ts/ui/1-0.jpg differ
diff --git a/ismism.ts/ui/index.html b/ismism.ts/ui/index.html
index ddaed01..046776b 100644
--- a/ismism.ts/ui/index.html
+++ b/ismism.ts/ui/index.html
@@ -24,6 +24,8 @@
--interval: 20px;
--shadow-blur: 6px;
--border-radius: 6px;
+ --transition: 0.2s;
+ --transform: scale(1.25);
}
body {
@@ -71,6 +73,7 @@
header .tag,
header .stat {
display: flex;
+ justify-content: center;
align-items: center;
margin: 0.5ch 0;
}
@@ -93,7 +96,7 @@
}
header .title button {
- margin-left: 0.5ch;
+ padding: 0 1.5ch;
}
header .title h1 {
@@ -132,10 +135,16 @@
border: none;
padding: 0.5ch 1ch;
color: var(--color-cyan);
+ transition: var(--transition);
}
header .stat .value:hover {
cursor: pointer;
+ transform: var(--transform);
+ }
+
+ header .stat .value.final {
+ color: var(--color-yellow)
}
header .stat .sp {
@@ -149,6 +158,19 @@
background: var(--color-purple);
color: var(--color-blue);
border-radius: var(--border-radius);
+ transition: var(--transition);
+ }
+
+ header .stat button:hover {
+ transform: var(--transform);
+ }
+
+ section {
+ margin-top: var(--interval);
+ }
+
+ section img {
+ width: 100%;
}
.left {
@@ -196,6 +218,11 @@
.tag li {
display: inline-block;
+ transition: var(--transition);
+ }
+
+ .tag li:hover {
+ transform: scale(1.2);
}
.row:after {
@@ -237,14 +264,13 @@
#1
Some text..
Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod