diff --git a/src/assets/imgs/launch-screen-1125x2436.png b/src/assets/imgs/launch-screen-1125x2436.png
new file mode 100644
index 0000000..a234940
Binary files /dev/null and b/src/assets/imgs/launch-screen-1125x2436.png differ
diff --git a/src/assets/imgs/launch-screen-1242x2208.png b/src/assets/imgs/launch-screen-1242x2208.png
new file mode 100644
index 0000000..ee6f9d7
Binary files /dev/null and b/src/assets/imgs/launch-screen-1242x2208.png differ
diff --git a/src/assets/imgs/launch-screen-640x1136.png b/src/assets/imgs/launch-screen-640x1136.png
new file mode 100644
index 0000000..5f70daf
Binary files /dev/null and b/src/assets/imgs/launch-screen-640x1136.png differ
diff --git a/src/assets/imgs/launch-screen-750x1334.png b/src/assets/imgs/launch-screen-750x1334.png
new file mode 100644
index 0000000..3d1ce19
Binary files /dev/null and b/src/assets/imgs/launch-screen-750x1334.png differ
diff --git a/src/assets/imgs/splash.png b/src/assets/imgs/splash.png
new file mode 100644
index 0000000..360e9bd
Binary files /dev/null and b/src/assets/imgs/splash.png differ
diff --git a/src/index.html b/src/index.html
index 6fcda05..b539afa 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,6 +13,10 @@
+
+
+
+
diff --git a/src/pages/grid/grid.html b/src/pages/grid/grid.html
index 35a5926..4da1d79 100644
--- a/src/pages/grid/grid.html
+++ b/src/pages/grid/grid.html
@@ -2,7 +2,7 @@
- {{current.details.name}}
+ 0) }">{{current.details.name}}
diff --git a/src/pages/grid/grid.scss b/src/pages/grid/grid.scss
index 257d91a..ca93025 100644
--- a/src/pages/grid/grid.scss
+++ b/src/pages/grid/grid.scss
@@ -12,24 +12,35 @@ page-grid {
.username {
bottom: 0.25rem;
box-sizing: border-box;
+ color: #acacac;
display: inline-block;
- left: 0.25rem;
+ left: 0.5rem;
overflow: hidden;
position: absolute;
right: 0.25rem;
text-overflow: ellipsis;
- text-shadow: rgba(0, 0, 0, 0.75);
+ text-shadow: rgba(0, 0, 0, 1);
+ white-space: nowrap;
&::before {
- border: 2px solid #acacac;
+ border: 0.125rem solid #acacac;
border-radius: 1rem;
- color: #acacac;
+ bottom: 0.125rem;
content: '';
display: inline-block;
- height: 1rem;
- margin-right: 0.25rem;
- vertical-align: top;
- width: 1rem;
+ height: 0.8rem;
+ margin-right: 0.5rem;
+ position: relative;
+ vertical-align: middle;
+ width: 0.8rem;
+ }
+
+ &.online {
+
+ &::before {
+ background-color: #00FF00;
+ border-color: #00FF00;
+ }
}
}
}