diff --git a/css/brands-extended.css b/css/brands-extended.css index 78ccbe6..5c20823 100644 --- a/css/brands-extended.css +++ b/css/brands-extended.css @@ -86,8 +86,8 @@ button:hover, /* 500px */ .button.button-500px { - color: #000000; - background-color: #ffffff; + color: #000000; + background-color: #ffffff; } .button.button-500px:hover, .button.button-500px:focus { @@ -184,6 +184,17 @@ button:hover, filter: brightness(90%); } +/* Matrix */ +.button.button-matrix { + color: #ffffff; + border: 1px solid #ffffff; + background-color: #000000; +} +.button.button-matrix:hover, +.button.button-matrix:focus { + filter: brightness(90%); +} + /* Micro.blog */ .button.button-microblog { color: #FFFFFF; @@ -235,3 +246,25 @@ button:hover, .button.button-pixelfed:hover, .button.button-pixelfed:focus { filter: brightness(90%) } + +/* write.as */ +.button.button-writeas { + color: #000000; + border: 1px solid #000000; + background-color: #ffffff; +} +.button.button-writeas:hover, +.button.button-writeas:focus { + filter: brightness(90%); +} + +/* writefreely */ +.button.button-writefreely { + color: #000000; + border: 1px solid #000000; + background-color: #f4f4f4; +} +.button.button-writefreely:hover, +.button.button-writefreely:focus { + filter: brightness(90%); +} diff --git a/images/icons-extended/matrix.svg b/images/icons-extended/matrix.svg new file mode 100644 index 0000000..b1a5817 --- /dev/null +++ b/images/icons-extended/matrix.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/images/icons-extended/writeas.svg b/images/icons-extended/writeas.svg new file mode 100644 index 0000000..5f547a0 --- /dev/null +++ b/images/icons-extended/writeas.svg @@ -0,0 +1,49 @@ + + + + diff --git a/images/icons-extended/writefreely.svg b/images/icons-extended/writefreely.svg new file mode 100644 index 0000000..19fc8f3 --- /dev/null +++ b/images/icons-extended/writefreely.svg @@ -0,0 +1,18 @@ + + + + diff --git a/preview.html b/preview.html index 778cfca..79fe45a 100644 --- a/preview.html +++ b/preview.html @@ -96,6 +96,7 @@ 3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers. --> + 500px Logo500px @@ -146,6 +147,11 @@ Lemmy LogoLemmy
+ + + Matrix LogoMatrix +
+ MicroBlog LogoMicroBlog @@ -174,6 +180,16 @@ Vero LogoVero +
+ + + + Write.as LogoWrite.as +
+ + + + WriteFreely LogoWriteFreely