Changeset 12487

Timestamp:

03/22/2023 06:54:25 AM (4 years ago)

Author:

coffee2code

Message:

Browse Happy: Add Brave browser.

Props renyot.
Fixes #6845.

Location:

sites/trunk/browsehappy.com/public_html

Files:

• functions.php (modified) (1 diff)
• imgs/browsehappy-sprite-2x.png (modified) ( previous)
• imgs/browsehappy-sprite.png (modified) ( previous)
• style.css (modified) (6 diffs)

sites/trunk/browsehappy.com/public_html/functions.php

@@ -78 +78 @@
                                 : __( '“Microsoft Edge ranks first when put to real world page load tests. Whether you use the web to search, watch or play, this browser won’t slow you down.”', 'browsehappy' )
                         ),
+                ),
+                'brave' => (object) array(
+                        'name' => 'Brave',
+                        'long_name' => 'Brave',
+                        'wikipedia' => 'Brave_(web_browser)',
+                        'wikidata' => 'Q22906900',
+                        'normalized' => 1.5, // include second number if non-zero
+                        'facebook' => 'bravetheinternet',
+                        'url' => 'https://brave.com/',
+                        'info' => __( '“The Brave browser is a fast, private and secure web browser for PC, Mac and mobile.”', 'browsehappy' ),
                 ),
         );

sites/trunk/browsehappy.com/public_html/style.css

@@ -97 +97 @@
 .wrap {
         zoom: 1;
-        max-width: 1150px;
+        max-width: 1380px;
         margin: 0 auto;
 }
@@ -328 +328 @@
 }
 
+#browserlist li#brave .icon {
+        background-position: -750px 0;
+}
+
 #browserlist h2 {
         font: 140%/1 Impact, Helvetica, sans-serif;
@@ -602 +606 @@
 }
 
-@media (max-width: 1168px) {
+@media (max-width: 1379px) {
         #main .wrap {
                 max-width: 728px;
@@ -610 +614 @@
         }
 }
-@media (max-width: 976px)  {
+@media (max-width: 976px) {
         #main .wrap {
                 max-width: 768px;
         }
 }
-@media (max-width: 784px)  {
+@media (max-width: 784px) {
         #main .wrap {
                 max-width: 690px;
@@ -623 +627 @@
         }
 }
-@media (max-width: 705px)  {
+@media (max-width: 705px) {
         #main .wrap {
                 max-width: 460px;
@@ -687 +691 @@
                 background-image: url(imgs/browsehappy-sprite-2x.png);
                 background-repeat: no-repeat;
-                background-size: 750px 170px;
-        }
-}
+                background-size: 875px 170px;
+        }
+}