Update style

src/html/app.js

@@ -147,14 +147,13 @@
                         pagespeed:{scores:["Performance", "Accessibility", "Best Practices", "SEO"].map(title => ({title, score:NaN}))},
                         followup:{issues:{count:0}, pr:{count:0}},
                         habits:{indents:{style:`########`}},
-                        languages:{favorites:new Array(7).fill(null).map((_, x) => ({x, name:`############`, color:"#ebedf0", value:1/(x+1)}))},
+                        languages:{favorites:new Array(7).fill(null).map((_, x) => ({x, name:`######`, color:"#ebedf0", value:1/(x+1)}))},
                       }[key]||{})]
                     })),
                     token:{scopes:[]},
                   }),
                 }
               //Render placeholder
-              console.log(new Set([...ejs.render(image, data)]))
                 this.templates.placeholder = this.serialize(ejs.render(image, data))
                 this.generated.content = ""
             },

src/templates/classic/image.svg

@@ -48,7 +48,7 @@
               </div>
               <div class="field">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M1 2.5A2.5 2.5 0 013.5 0h8.75a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0V1.5h-8a1 1 0 00-1 1v6.708A2.492 2.492 0 013.5 9h3.25a.75.75 0 010 1.5H3.5a1 1 0 100 2h5.75a.75.75 0 010 1.5H3.5A2.5 2.5 0 011 11.5v-9zm13.23 7.79a.75.75 0 001.06-1.06l-2.505-2.505a.75.75 0 00-1.06 0L9.22 9.229a.75.75 0 001.06 1.061l1.225-1.224v6.184a.75.75 0 001.5 0V9.066l1.224 1.224z"></path></svg>
-                Contributed to <%= user.repositoriesContributedTo.totalCount %> repositor<%= s(user.repositoriesContributedTo.totalCount, "y") %>
+                Contributed to <%= user.repositoriesContributedTo.totalCount %> repo<%= s(user.repositoriesContributedTo.totalCount) %>
               </div>
             </section>
           </div>

src/templates/classic/style.css

@@ -35,6 +35,7 @@
     display: flex;
     align-items: center;
     margin-bottom: 2px;
+    white-space: nowrap;
   }
   .field svg {
     margin: 0 8px;

src/templates/terminal/image.svg

@@ -12,7 +12,7 @@
   + Math.max(0, (((!!base.metadata)+(!!base.header)+((!!base.activity)||(!!base.community))+(!!base.repositories)+(!!computed.plugins.pagespeed)+(!!computed.plugins.languages))-1))*20
 %>">
   <%
-    meta.$ = `<span class="ps1-path">${user.login.toLocaleLowerCase()}@metrics</span>:<span class="ps1-location">~</span>${computed.token.scopes.includes("repo") ? "#" : "$"}`
+    meta.$ = `<span class="ps1-path">${`${user.login}`.toLocaleLowerCase()}@metrics</span>:<span class="ps1-location">~</span>${computed.token.scopes.includes("repo") ? "#" : "$"}`
     meta.animations = !meta.placeholder ? {stdin:.16, stdout:.28, length:(2+Object.keys(base).length+Object.keys(computed.plugins).length)} : {stdin:0, stdout:0, length:0}
   %>
 
@@ -45,7 +45,7 @@
     <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
 
       <div class="header">
-        <span class="title">GitHub metrics v<%= meta.version %></span>
+        <span class="title"></span>
         <div class="buttons">
           <div class="button">─</div>
           <div class="button">□</div>
@@ -53,7 +53,7 @@
         </div>
       </div>
 
-<pre><div style="margin-top:-20px"></div><%# -%>
+<pre><%# -%>
 <% if (base.metadata) { %>
 <div class="banner"><%# -%>
 GitHub metrics generator <%= meta.version %>

src/templates/terminal/style.css

@@ -7,6 +7,8 @@
 
 /* Title bar */
   .header {
+    position: absolute;
+    top: 0;
     display: flex;
     justify-content: space-between;
     width: 100%;
@@ -21,7 +23,7 @@
 
   .title {
     color: #d5d0ce;
-    line-height: 12px;
+    font-size: 16px;
   }
 
   .buttons {
@@ -47,7 +49,7 @@
   }
 
 /* Terminal */
-  pre, .banner, .footer {
+  pre, .banner, footer {
     margin: 0;
     font-family: 'Courier Prime';
     color: #DDDDDD;
@@ -56,8 +58,7 @@
   pre {
     background: #42092B;
     padding: 12px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
+    border-radius: 5px;
   }
   .banner, footer {
     opacity: .7;