From 024d13237652732d4e02f9c42c91e4c4c45fb1d0 Mon Sep 17 00:00:00 2001
From: ANNotunzdY <webmaster@smilemac.com>
Date: Sat, 19 May 2018 17:17:33 +0900
Subject: [PATCH] Change Design

---
 README.md          | 5 +++++
 index.php          | 4 ++--
 via-IPv4-red.svg   | 1 +
 via-IPv6-green.svg | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 via-IPv4-red.svg
 create mode 100644 via-IPv6-green.svg

diff --git a/README.md b/README.md
index 1c2f6d2..7ad6130 100644
--- a/README.md
+++ b/README.md
@@ -20,3 +20,8 @@ xhr.send(null);
 ## More info
 
 http://qiita.com/ANNotunzdY/items/17805a4d7a2d797822ea
+
+
+## SVG Design
+
+https://shields.io
diff --git a/index.php b/index.php
index d5d2d6f..f04062e 100644
--- a/index.php
+++ b/index.php
@@ -7,9 +7,9 @@
 }
 
 if (preg_match('/^(([1-9]?[0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]).){3}([1-9]?[0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/', $ip)) {
-	echo '<div style="background: linear-gradient(#FF0000, #FF99CC); padding: 5px; border: 1px solid #333333; border-radius: 3px; font-size: 13px; width: 50px; text-align: center; font-family: sans-serif;">via IPv4</div>';
+	echo '<div><img src="https://viav6.kibousoft.co.jp/via-IPv4-red.svg"></div>';
 } else {
-	echo '<div style="background: linear-gradient(#0000FF, #99CCFF); padding: 5px; border: 1px solid #333333; border-radius: 3px; font-size: 13px; width: 50px; text-align: center; font-family: sans-serif;">via IPv6</div>';
+	echo '<div><img src="https://viav6.kibousoft.co.jp/via-IPv6-green.svg"></div>';
 }
 ?>
 </a>
\ No newline at end of file
diff --git a/via-IPv4-red.svg b/via-IPv4-red.svg
new file mode 100644
index 0000000..9a13171
--- /dev/null
+++ b/via-IPv4-red.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="62" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h27v20H0z"/><path fill="#e05d44" d="M27 0h35v20H27z"/><path fill="url(#b)" d="M0 0h62v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="145" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="170">via</text><text x="145" y="140" transform="scale(.1)" textLength="170">via</text><text x="435" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">IPv4</text><text x="435" y="140" transform="scale(.1)" textLength="250">IPv4</text></g> </svg>
\ No newline at end of file
diff --git a/via-IPv6-green.svg b/via-IPv6-green.svg
new file mode 100644
index 0000000..cc1a26e
--- /dev/null
+++ b/via-IPv6-green.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="62" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h27v20H0z"/><path fill="#97CA00" d="M27 0h35v20H27z"/><path fill="url(#b)" d="M0 0h62v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110"><text x="145" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="170">via</text><text x="145" y="140" transform="scale(.1)" textLength="170">via</text><text x="435" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">IPv6</text><text x="435" y="140" transform="scale(.1)" textLength="250">IPv6</text></g> </svg>
\ No newline at end of file