improvements to about
This commit is contained in:
booploops
parent
45c8e6557a
commit
a939e52f54
2 changed files with 82 additions and 22 deletions
|
|
@ -1840,6 +1840,23 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
||||||
/* Cider */
|
/* Cider */
|
||||||
|
|
||||||
.about-page {
|
.about-page {
|
||||||
|
.teamBtn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 6px 16px;
|
||||||
|
margin: 4px;
|
||||||
|
|
||||||
|
>img {
|
||||||
|
width: 30px;
|
||||||
|
margin: 0px 16px 0px 0px;
|
||||||
|
pointer-events: none;
|
||||||
|
border-radius: 100%;
|
||||||
|
box-shadow: var(--mediaItemShadow);
|
||||||
|
image-rendering: -webkit-optimize-contrast;
|
||||||
|
}
|
||||||
|
}
|
||||||
.sponsorBtn {
|
.sponsorBtn {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,11 @@
|
||||||
rel="noopener" data-dt-link-to-exclude="">Apple Inc.</a>
|
rel="noopener" data-dt-link-to-exclude="">Apple Inc.</a>
|
||||||
All Rights
|
All Rights
|
||||||
Reserved.</p>
|
Reserved.</p>
|
||||||
|
<hr>
|
||||||
|
<h3>Sponsor this project</h3>
|
||||||
|
<button onclick="window.open('https://ko-fi.com/cryptofyre')" class="md-btn sponsorBtn"><img src="./assets/ko_fi.svg"/>Ko-fi</button>
|
||||||
|
<button onclick="window.open('https://opencollective.com/ciderapp')" class="md-btn sponsorBtn"><img src="./assets/open_collective.svg"/>Open Collective</button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
@ -25,37 +30,75 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h3>Cider Team</h3>
|
<h3>Cider Team</h3>
|
||||||
<ul>
|
<button class="md-btn teamBtn" @click="window.open(member.link)" v-for="member in team">
|
||||||
<li><a href="https://github.com/cryptofyre" target="_blank">cryptofyre - Developer</a></li>
|
<img :src="member.avatar"/>
|
||||||
<li><a href="https://github.com/coredev-uk" target="_blank">Core - Developer</a></li>
|
<div class="row" style="width:100%;">
|
||||||
<li><a href="https://github.com/child-duckling" target="_blank">Quacksire - Developer</a></li>
|
<div class="col" style="text-align: left">
|
||||||
<li><a href="https://github.com/booploops" target="_blank">booploops - Developer</a></li>
|
{{ member.name }}
|
||||||
<li><a href="https://github.com/vapormusic" target="_blank">vapormusic - Developer</a></li>
|
</div>
|
||||||
<li><a href="https://twitter.com/MoonyVoid" target="_blank">Void - Social Communications Team</a></li>
|
<div class="col-auto">
|
||||||
<li><a href="https://twitter.com/noah_grose" target="_blank">NoseySG - Social Communications Team</a></li>
|
<b>{{ member.role }}</b>
|
||||||
</ul>
|
</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<h3>Sponsor this project</h3>
|
|
||||||
<button onclick="window.open('https://ko-fi.com/cryptofyre')" class="md-btn sponsorBtn"><img src="./assets/ko_fi.svg"/>Ko-fi</button>
|
|
||||||
<button onclick="window.open('https://opencollective.com/ciderapp')" class="md-btn sponsorBtn"><img src="./assets/open_collective.svg"/>Open Collective</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
Vue.component('about-page', {
|
Vue.component('about-page', {
|
||||||
template: '#about-page',
|
template: '#about-page',
|
||||||
|
data: function () {
|
||||||
|
return {
|
||||||
|
window: window,
|
||||||
|
team: [
|
||||||
|
{
|
||||||
|
name: 'cryptofyre',
|
||||||
|
link: 'https://github.com/cryptofyre',
|
||||||
|
role: 'Developer',
|
||||||
|
avatar: 'https://avatars.githubusercontent.com/u/33162551?v=4'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Core',
|
||||||
|
link: 'https://github.com/coredev-uk',
|
||||||
|
role: 'Developer',
|
||||||
|
avatar: 'https://avatars.githubusercontent.com/u/64542347?v=4'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Quacksire',
|
||||||
|
link: 'https://github.com/quacksire',
|
||||||
|
role: 'Developer',
|
||||||
|
avatar: 'https://avatars.githubusercontent.com/u/19170969?v=4'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'booploops',
|
||||||
|
link: 'https://github.com/booploops',
|
||||||
|
role: 'Developer',
|
||||||
|
avatar: 'https://avatars.githubusercontent.com/u/49113086?v=4'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'vapormusic',
|
||||||
|
link: 'https://github.com/vapormusic',
|
||||||
|
role: 'Developer',
|
||||||
|
avatar: 'https://avatars.githubusercontent.com/u/27716185?v=4'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Void',
|
||||||
|
link: 'https://twitter.com/MoonyVoid',
|
||||||
|
role: 'Social Team',
|
||||||
|
avatar: 'https://pbs.twimg.com/profile_images/1226463559472816129/8LScNYED_400x400.jpg'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'NoseySG',
|
||||||
|
link: 'https://twitter.com/noah_grose',
|
||||||
|
role: 'Social Team',
|
||||||
|
avatar: 'https://pbs.twimg.com/profile_images/1422541289837535239/qg-aaoP9_400x400.jpg'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue