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
@@ -174,6 +175,16 @@
Vero
+
+
+
+
+
Write.as
+
+
+
+
+
WriteFreely