Add beta indicator

BZFlagCommunity · Jan 20, 2021 · b94525b · b94525b
1 parent 4b890dd
commit b94525b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/src/index.ejs b/src/index.ejs
@@ -9,7 +9,7 @@
 </head>
 <body>
   <header>
-    <h1>Web BZW</h1>
+    <h1>Web BZW <span class="beta">Beta</span></h1>
     <div>
       <label for="bzw-file">Open Map</label>
       <input type="checkbox" id="auto-rotate">

diff --git a/src/style.css b/src/style.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700&family=Source+Code+Pro&display=swap");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600&family=Source+Code+Pro&display=swap");
 
 *{
   color: var(--text-color);
@@ -115,6 +115,14 @@ header{
   z-index: 1;
 }
 
+header h1{
+  margin: .5rem 0;
+  font-weight: 600;
+  line-height: 1rem;
+  display: flex;
+  align-items: center;
+}
+
 footer{
   padding: .25rem .5rem;
   background-color: var(--border-color);
@@ -144,7 +152,7 @@ header label:not(:last-child){
 
 label{
   font-size: .9rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   user-select: none;
 }
@@ -164,7 +172,7 @@ select{
   background-color: var(--background-color);
   font-family: Montserrat, sans-serif;
   font-size: .8rem;
-  font-weight: 600;
+  font-weight: 500;
   border: none;
   border-radius: 0;
   outline: none;
@@ -216,6 +224,16 @@ textarea.show{
   line-height: 1.1em;
 }
 
+.beta{
+  margin-left: 1rem;
+  padding: .2rem .5rem;
+  background-color: #F005;
+  font-size: .9rem;
+  font-weight: 500;
+  border: 1px solid #F00;
+  border-radius: 1rem;
+}
+
 .line-numbers{
   margin: 0;
   color: #777;