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}} + {{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; + } } } }