Make many of the buttons be glass images. Darken the lines in the 6-line background for visibility.

7 files changed, 95 insertions, 0 deletions

diff --git a/source/images/sbutto.svg b/source/images/sbutto.svg
new file mode 100644
index 0000000..3f131f1
--- /dev/null
+++ b/source/images/sbutto.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="76" height="16">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#5c3e9a" />
+      <stop offset="1" stop-color="#461f99" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="0" y="0" width="76" height="16" rx="4" ry="4" stroke-width="1" stroke="#330099" fill="url(#interior)" />
+  <rect x="1" y="1" width="74" height="8" stroke="none" fill="url(#glass)" />
+</svg>
diff --git a/source/images/smaini.svg b/source/images/smaini.svg
new file mode 100644
index 0000000..4f949ad
--- /dev/null
+++ b/source/images/smaini.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="85" height="38">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#5c3e9a" />
+      <stop offset="1" stop-color="#461f99" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="1" y="1" width="83" height="36" rx="4" ry="4" stroke-width="1" stroke="#330099" fill="url(#interior)" />
+  <rect x="2" y="2" width="81" height="18" stroke="none" fill="url(#glass)" />
+</svg>
diff --git a/source/images/smnsel.svg b/source/images/smnsel.svg
new file mode 100644
index 0000000..8a71555
--- /dev/null
+++ b/source/images/smnsel.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="15">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#aa80ff" />
+      <stop offset="1" stop-color="#884dff" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="0" y="0" width="79" height="15" rx="4" ry="4" stroke-width="1" stroke="none" fill="url(#interior)" />
+  <rect x="1" y="1" width="77" height="7" stroke="none" fill="url(#glass)" />
+</svg>
diff --git a/source/images/smsel.svg b/source/images/smsel.svg
new file mode 100644
index 0000000..043c8e7
--- /dev/null
+++ b/source/images/smsel.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="15">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#5c3e9a" />
+      <stop offset="1" stop-color="#461f99" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="0" y="0" width="79" height="15" rx="4" ry="4" stroke-width="1" stroke="none" fill="url(#interior)" />
+  <rect x="1" y="1" width="77" height="7" stroke="none" fill="url(#glass)" />
+</svg>
diff --git a/source/images/snmaini.svg b/source/images/snmaini.svg
new file mode 100644
index 0000000..6c8accb
--- /dev/null
+++ b/source/images/snmaini.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="85" height="38">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#aa80ff" />
+      <stop offset="1" stop-color="#884dff" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="1" y="1" width="83" height="36" rx="4" ry="4" stroke-width="1" stroke="#7734ff" fill="url(#interior)" />
+  <rect x="2" y="2" width="81" height="18" stroke="none" fill="url(#glass)" />
+</svg>
diff --git a/source/images/stitle.svg b/source/images/stitle.svg
new file mode 100644
index 0000000..1f1b374
--- /dev/null
+++ b/source/images/stitle.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="33">
+  <defs>
+    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#5c3e9a" />
+      <stop offset="1" stop-color="#461f99" />
+    </linearGradient>
+  </defs>
+  <rect x="0" y="0" width="256" height="33" stroke="none" fill="#ffffff" />
+  <rect x="0" y="0" width="256" height="31" stroke-width="1" stroke="none" fill="url(#gradient)" />
+  <line x1="0" x2="256" y1="32.5" y2="32.5" stroke="#461f99" stroke-width="1" />
+</svg>
diff --git a/source/images/subsela.svg b/source/images/subsela.svg
new file mode 100644
index 0000000..929afcc
--- /dev/null
+++ b/source/images/subsela.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="245" height="22">
+  <defs>
+    <linearGradient id="interior" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#5c3e9a" />
+      <stop offset="1" stop-color="#461f99" />
+    </linearGradient>
+    <linearGradient id="glass" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0" stop-color="#ffffff" stop-opacity="0.2" />
+      <stop offset="1" stop-color="#ffffff" stop-opacity="0.1" />
+    </linearGradient>
+  </defs>
+  <rect x="1" y="1" width="243" height="20" rx="4" ry="4" stroke-width="1" stroke="#330099" fill="url(#interior)" />
+  <rect x="2" y="2" width="241" height="10" stroke="none" fill="url(#glass)" />
+</svg>