smartfridge/armcord
1
1
Fork 0
mirror of https://github.com/smartfrigde/armcord.git synced 2024-08-14 23:56:58 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #8 from kckarnige/main

Browse source 
Fixed loading screen centering and adjusted titlebar
This commit is contained in:
smartfridge 2021-05-05 07:28:57 +02:00 committed by GitHub
commit fa30f10ffa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -25,18 +25,16 @@
color: #8e9297; color: #8e9297;
text-align: center; text-align: center;
font-weight: 100; font-weight: 100;
transform: translateY(360%); transform: translateY(-185%);
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-style: italic; font-style: italic;
} }
h1 { h1 {
color: #ffffff; font-size: 0px;
text-align: center; text-align: center;
font-weight: normal; transform: translateY(-105%);
font-family: Discordinated;
transform: translateY(120%);
} }
h1:before { h1:before {
@ -44,22 +42,31 @@
color: #7289da; color: #7289da;
font-weight: normal; font-weight: normal;
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;
font-size: 32px;
}
h1:after {
content: "Cord";
color: #ffffff;
font-weight: normal;
font-family: Discordinated;
font-size: 32px;
} }
span { span {
text-align: center; text-align: center;
} }
.center { .logo {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 50%;
max-height: 204px; max-height: 204px;
max-width: 204px; max-width: 204px;
transform: translateY(5%);
} }
.loading { .container {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -74,11 +81,11 @@
<body> <body>
<div class="container"> <div class="container">
<video autoplay loop class="center" style="transform: translateY(60%);"> <video autoplay loop class="logo">
<source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm"> <source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm">
</video> </video>
<p>Loading...</p> <p>Loading...</p>
<h1>Cord</h1> <h1></h1>
</div> </div>
</body> </body>

6
preload.js
View file

@ -48,7 +48,7 @@ div.menubar[role="menubar"] {
content: "Cord"; content: "Cord";
color: #fff; color: #fff;
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 14px;
font-family: Discordinated; font-family: Discordinated;
} }
@ -56,14 +56,14 @@ div.menubar[role="menubar"] {
content: "ARM"; content: "ARM";
color: #7289da; color: #7289da;
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 14px;
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;
} }
.window-title { .window-title {
font-size: 0px !important; font-size: 0px !important;
margin-left: initial !important; margin-left: initial !important;
transform: translate(10px, 3px) !important; transform: translate(10px, 2px) !important;
} }
.titlebar { .titlebar {