diff --git a/assets/img/icons/anonymous.svg b/assets/img/icons/anonymous.svg
new file mode 100644
index 0000000..e3af707
--- /dev/null
+++ b/assets/img/icons/anonymous.svg
@@ -0,0 +1 @@
+
diff --git a/assets/img/icons/git.svg b/assets/img/icons/git.svg
new file mode 100644
index 0000000..9d358c3
--- /dev/null
+++ b/assets/img/icons/git.svg
@@ -0,0 +1 @@
+
diff --git a/assets/img/icons/tw.svg b/assets/img/icons/tw.svg
new file mode 100644
index 0000000..93dcd2d
--- /dev/null
+++ b/assets/img/icons/tw.svg
@@ -0,0 +1 @@
+
diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index abb63d6..dd4c136 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -81,8 +81,8 @@
&.is-icon {
padding:0;
- width: 20px;
- height: 20px;
+ width: 18px;
+ height: 18px;
background-color: transparent;
border: none;
@@ -168,6 +168,8 @@
.buttons {
flex-grow: 1;
+ flex-direction: column;
+ justify-content: center;
}
.button.is-fullwidth + .button.is-fullwidth {
@@ -260,6 +262,17 @@
}
}
+ .social-link {
+ display: flex;
+ align-items: center;
+
+ .icon {
+ margin-right: .75rem;
+ height: 18px;
+ width: 18px;
+ }
+ }
+
th {
font-weight: $weight-normal;
}
@@ -322,6 +335,18 @@
height: 48px;
width: 48px;
}
+
+ &-twitter {
+ background-image: url('../img/icons/tw.svg');
+ }
+
+ &-github {
+ background-image: url('../img/icons/git.svg');
+ }
+
+ &-anonymous {
+ background-image: url('../img/icons/anonymous.svg');
+ }
}
.table-search {
diff --git a/pages/index.vue b/pages/index.vue
index 8114c22..b96bc76 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -27,7 +27,18 @@
- {{ props.row.account }}
+
+
+ {{ props.row.account }}
+
+
+
+
@@ -42,7 +53,7 @@
{{ props.row.account }}
-
+
@@ -106,6 +117,7 @@ export default {
contributions: [
{
id: 1,
+ socialType: 'twitter',
account: '@VitalikButerin',
name: 'Vitalik Buterin',
company: 'Ethereum',
@@ -114,6 +126,7 @@ export default {
},
{
id: 2,
+ socialType: 'twitter',
account: '@Chims1974',
name: 'Rickey Kline',
company: 'Big Wheel',
@@ -122,6 +135,7 @@ export default {
},
{
id: 3,
+ socialType: 'github',
account: '@Diguest',
name: 'Ryan Obrien',
company: 'Brilliant Home',
@@ -130,6 +144,16 @@ export default {
},
{
id: 4,
+ socialType: 'anonymous',
+ account: '',
+ name: 'Anonymous',
+ company: '',
+ attestation: '',
+ contribution: '#'
+ },
+ {
+ id: 5,
+ socialType: 'github',
account: '@Mathervenrat',
name: 'William Hartwig',
company: 'New World',
@@ -137,7 +161,8 @@ export default {
contribution: '#'
},
{
- id: 5,
+ id: 6,
+ socialType: 'twitter',
account: '@Hichercy',
name: 'Wayne Biggins',
company: 'Balanced Fortune',
@@ -145,7 +170,8 @@ export default {
contribution: '#'
},
{
- id: 6,
+ id: 7,
+ socialType: 'anonymous',
account: '',
name: 'Anonymous',
company: '',