diff --git a/css/brands-extended.css b/css/brands-extended.css index 78ccbe6..65755d3 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 { @@ -235,3 +235,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/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..8aa891a 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 @@ -174,6 +175,16 @@ Vero LogoVero +
+ + + + Write.as LogoWrite.as +
+ + + + WriteFreely LogoWriteFreely