diff --git a/no-bold.css b/no-bold.css deleted file mode 100644 index ad1a73c..0000000 --- a/no-bold.css +++ /dev/null @@ -1,222 +0,0 @@ -:root { - --time-color: #453960; - --details-color: #403060; - --background-color: transparent; -} - -* { - box-sizing: border-box; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; - font-family: 'Inter', sans-serif; - background-color: var(--background-color); - overflow: hidden; -} - -main { - font-family: "Silkscreen", sans-serif; - font-weight: 400; - font-style: normal; - color: #EA4045; - height: 100%; -} - -h1 { - margin: 0; - font-size: 3.4em; - color: #404145; - font-weight: normal; -} - -h2 { - margin: 0; - font-size: 1.4em; - color: #404145; - font-weight: normal; -} - -h3 { - margin: 0; - font-size: 1em; - color: #404145; - font-weight: normal; -} - -p { - margin: 0; - font-size: 1em; -} - - .contentContainer { - height: fit-content; - width: fit-content; - position: relative; - text-align: center; - } - - #MainHeart { - max-height: 100vh; - max-width: 100vw; - } - -.infoWrap { - container-type: size; - height: 100%; - width: 100%; - position: absolute; - left: 0px; - top: 0px; - display: grid; - grid-template-columns: 56% 34% 1fr; - /* - grid-template-rows: 11% 28% 16% 16% 1fr; - */ - grid-template-rows: 11% 1fr 29%; - place-items: center; - text-wrap: nowrap; -} - -.infoGroup { - display: block; - height: 100%; - width: 100%; - grid-column-start: 2; - grid-column-end: 2; - grid-row-start: 2; - grid-row-end: 2; -} - -.infoBox { - height: auto; - width: 100%; - /* - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-auto-rows: auto; - place-items: center; - */ - font-size: 4cqh; -} - -#InfoBox1 { - margin-top: 4cqh; - /* - justify-self: left; - align-self: stretch; - */ - /* - transform: translate(-8%, 5%); - */ -} - -#InfoBox2 { - /* - display: grid; - width: 100%; - justify-self: left; - align-self: stretch; - */ - transform: translate(0%, -12%); -} - -#InfoBox3 { - grid-template-columns: 1fr; - grid-template-rows: 1fr 23% 23% 23%; - transform: translate(0%, -16%) scale(1, 1); - /* - justify-self: left; - align-self: stretch; - transform: translate(0%, -32%); - */ -} - -#Timer { - transform: translate(-9%, 3%) scale(.95, 1.2); -} - -#TimerInfo { - transform: translate(0%, -60%); - font-size: 1em; - display: none; -} - -#GoalLabel { - transform: translate(5%, 0%) scale(1.05, 1.2); -} - -#GoalName { - width: 100%; - transform: translate(8%, -10%) scale(1, 1.4); - color: #32B993; - text-wrap: nowrap; - overflow: hidden; - mask-image: linear-gradient(to right, black 85%, transparent 100%); -} - -#GoalProgressWrap { - width: fit-content; - padding-left: .8cqh; - padding-right: .8cqh; - transform: translate(7%, 0%) scale(1, 1); - border-radius: 3cqh; - border: .4cqh solid; - border-color: #404145; - margin: 0 auto 0 auto; -} - -#GoalProgress { - transform: translate(0%, -8%) scale(1, 1.4); - font-size: 1.3em; - text-align: center; - /* - font-weight: bold; - */ -} - -#TopUsers { - transform: translate(6%, 0%) scale(1.15, 1.2); - font-weight: normal; - font-size: 1.1em; -} - -.giftUserWrap { - transform: translate(18%, -8%) scale(1, 1); -} - -.giftUserRow { - width: 100%; - display: grid; - grid-template-columns: 8% 1fr; - grid-template-rows: 1fr; - text-wrap: nowrap; - overflow: hidden; - text-align: left; - justify-self: left; - text-align: center; - transform: translate(0%, 0%) scale(1, 1.2); - font-size: 1.4em; - line-height: 90%; -} - -.giftUserName { - margin-left: 0%; - color: #32B993; - text-align: left; -} - -#GiftUserName1 { - width: 24cqw; - mask-image: linear-gradient(to right, black 85%, transparent 100%); -} -#GiftUserName2 { - width: 20cqw; - mask-image: linear-gradient(to right, black 75%, transparent 100%); -} -#GiftUserName3 { - width: 14cqw; - mask-image: linear-gradient(to right, black 60%, transparent 100%); -} \ No newline at end of file diff --git a/no-bold.html b/no-bold.html deleted file mode 100644 index 40767df..0000000 --- a/no-bold.html +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - - v2 onefont - - -
-
- -
-
-
-

- 00:00 -

-

- !subathon for details -

-
-
-

- Next Goal: -

-

- Discord Watch Party + Puzzles -

-
-

- 1234/5678 -

-
-
-
-

- Leaderboard: -

-
-
-

- 1 -

-

- Usernamethatisverylong -

-
-
-

- 2 -

-

- Usernamethatisverylong -

-
-
-

- 3 -

-

- Usernamethatisverylong -

-
-
-
-
-
-
-
- - \ No newline at end of file diff --git a/uniform-font.css b/uniform-font.css deleted file mode 100644 index b7c968d..0000000 --- a/uniform-font.css +++ /dev/null @@ -1,241 +0,0 @@ -:root { - --time-color: #453960; - --details-color: #403060; - --background-color: transparent; -} - -* { - box-sizing: border-box; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; - font-family: 'Inter', sans-serif; - background-color: var(--background-color); - overflow: hidden; -} - -main { - font-family: "Silkscreen", sans-serif; - font-weight: 400; - font-style: normal; - color: #EA4045; - height: 100%; -} - -h1 { - margin: 0; - font-size: 3.4em; - color: #404145; - font-weight: normal; -} - -h2 { - margin: 0; - font-size: 1.4em; - color: #404145; - font-weight: normal; -} - -h3 { - margin: 0; - font-size: 1em; - color: #404145; - font-weight: normal; -} - -p { - margin: 0; - font-size: 1.4em; - line-height: 95%; -} - - .contentContainer { - height: fit-content; - width: fit-content; - position: relative; - text-align: center; - } - - #MainHeart { - max-height: 100vh; - max-width: 100vw; - } - -.infoWrap { - container-type: size; - height: 100%; - width: 100%; - position: absolute; - left: 0px; - top: 0px; - display: grid; - grid-template-columns: 56% 34% 1fr; - /* - grid-template-rows: 11% 28% 16% 16% 1fr; - */ - grid-template-rows: 11% 1fr 29%; - place-items: center; - text-wrap: nowrap; -} - -.infoGroup { - display: block; - height: 100%; - width: 100%; - grid-column-start: 2; - grid-column-end: 2; - grid-row-start: 2; - grid-row-end: 2; -} - -.infoBox { - height: auto; - width: 100%; - /* - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-auto-rows: auto; - place-items: center; - */ - font-size: 4cqh; -} - -#InfoBox1 { - /* - justify-self: left; - align-self: stretch; - */ - /* - transform: translate(-8%, 5%); - */ -} - -#InfoBox2 { - /* - display: grid; - width: 100%; - justify-self: left; - align-self: stretch; - */ - transform: translate(0%, -12%); -} - -#InfoBox3 { - grid-template-columns: 1fr; - grid-template-rows: 1fr 23% 23% 23%; - transform: translate(0%, -16%) scale(1, 1); - /* - justify-self: left; - align-self: stretch; - transform: translate(0%, -32%); - */ -} - -#Timer { - margin-top: 10%; - transform: translate(-7.5%, 3%) scale(.95, 1.2); -} - -#TimerInfo { - transform: translate(0%, -60%); - /* uni - font-size: 1em; - */ - display: none; -} - -#GoalLabel { - transform: translate(5%, 0%) scale(1); - color: #404145; -} - -#GoalName { - width: 100%; - transform: translate(8%, -10%) scale(1); - color: #32B993; - text-wrap: nowrap; - overflow: hidden; - mask-image: linear-gradient(to right, black 85%, transparent 100%); -} - -#GoalProgressWrap { - width: fit-content; - padding-left: .8cqh; - padding-right: .8cqh; - transform: translate(7%, 0%) scale(1, 1); - border-radius: 3cqh; - border: .4cqh solid; - border-color: #404145; - margin: 0 auto .8cqh auto; -} - -#GoalProgress { - transform: translate(0%, -8%) scale(1); - /* uni - font-size: 1.3em; - */ - text-align: center; - /* - font-weight: bold; - */ -} - -#TopUsers { - transform: translate(0%, 0%) scale(1); - font-weight: normal; - color: #404145; - /* uni - font-size: 1.1em; - */ -} - -.giftUserWrap { - transform: translate(18%, -8%) scale(1, 1); -} - -.giftUserRow { - width: 100%; - display: grid; - grid-template-columns: 8% 1fr; - grid-template-rows: 1fr; - text-wrap: nowrap; - overflow: hidden; - text-align: left; - justify-self: left; - text-align: center; - transform: translate(0%, 0%) scale(1, 1); - /* uni - font-size: 1.4em; - */ - /* - line-height: 95%; - */ -} - -.giftUserName { - margin-left: 0%; - color: #32B993; - text-align: left; - /* - background-color: blue; - */ -} - -#GiftUserName1 { - width: 23.5cqw; - mask-image: linear-gradient(to right, black 80%, transparent 100%); -} -#GiftUserName2 { - width: 21.5cqw; - mask-image: linear-gradient(to right, black 75%, transparent 100%); - /* - background-color: red; - */ -} -#GiftUserName3 { - width: 18cqw; - mask-image: linear-gradient(to right, black 65%, transparent 100%); -} \ No newline at end of file diff --git a/uniform-font.html b/uniform-font.html deleted file mode 100644 index 060ea5e..0000000 --- a/uniform-font.html +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - - v2 onefont - - -
-
- -
-
-
-

- 00:00 -

-

- !subathon for details -

-
-
-

- Next Goal: -

-

- Discord Watch Party + Puzzles -

-
-

- 1234/5678 -

-
-
-
-

- Leaderboard -

-
-
-

- 1 -

-

- Usernamethatisverylong -

-
-
-

- 2 -

-

- Usernamethatisverylong -

-
-
-

- 3 -

-

- Usernamethatisverylong -

-
-
-
-
-
-
-
- - \ No newline at end of file