Skip to content

Commit 78179b8

Browse files
docs: change sponsorship link
1 parent ec43723 commit 78179b8

File tree

1 file changed

+24
-4
lines changed

1 file changed

+24
-4
lines changed

docs/app/components/AdManager.vue

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
<template>
32
<md-content class="ad-manager" id="ad-manager" md-theme="default">
43
<div id="code-sponsor" class="code-sponsor">
@@ -16,49 +15,60 @@
1615

1716
<script>
1817
const isProd = process.env.NODE_ENV === 'production'
19-
const token = 'bb9dade0-0207-4ab0-8c86-d00502d952f5'
18+
const token = '0989e0dbf1919e50f5b34ab00c81fa6f'
19+
2020
export default {
2121
name: 'AdManager',
2222
computed: {
2323
linkHref () {
2424
if (isProd) {
25-
return `https://cs.berry.sh/c/${token}`
25+
return `https://codesponsor.io/t/c/${token}`
2626
}
27+
28+
return false
2729
},
2830
pixelHref () {
2931
if (isProd) {
30-
return `https://cs.berry.sh/l/${token}/pixel.png`
32+
return `https://codesponsor.io/t/l/${token}/pixel.png`
3133
}
34+
35+
return false
3236
}
3337
}
3438
}
3539
</script>
3640

3741
<style lang="scss" scoped>
3842
@import "~vue-material/theme/engine";
43+
3944
$ad-responsive-big: 1690px;
4045
$ad-responsive-small: 768px;
46+
4147
@mixin ad-theme ($hue, $color) {
4248
.code-sponsor {
4349
background: md-get-palette-color(grey, $hue);
4450
.code-sponsor-header {
4551
color: rgba($color, .54);
4652
}
4753
}
54+
4855
.code-sponsor-content {
4956
color: rgba($color, .7);
5057
&:hover {
5158
color: $color;
5259
}
5360
}
5461
}
62+
5563
.ad-manager {
5664
width: calc(100% + 32px);
5765
margin: 0 -16px -16px;
66+
5867
@media (max-width: $ad-responsive-small) {
5968
display: flex;
6069
}
6170
}
71+
6272
.code-sponsor {
6373
max-width: 175px;
6474
margin: 7px 16px 24px 16px;
@@ -70,17 +80,20 @@
7080
z-index: 10;
7181
font-size: 12px;
7282
line-height: 1.5em;
83+
7384
@media (min-width: $ad-responsive-big) {
7485
margin: 0;
7586
position: fixed;
7687
right: 16px;
7788
bottom: 16px;
7889
}
90+
7991
@media (max-width: $ad-responsive-small) {
8092
max-width: none;
8193
margin-bottom: 16px;
8294
float: none;
8395
}
96+
8497
.splash-container & {
8598
@media (max-width: $ad-responsive-big) {
8699
max-width: 530px;
@@ -91,27 +104,32 @@
91104
}
92105
}
93106
}
107+
94108
.code-sponsor-header {
95109
font-size: 11px;
96110
line-height: 1.3em;
97111
}
112+
98113
.code-sponsor-content {
99114
margin-top: 1em;
100115
&:hover {
101116
text-decoration: none;
102117
}
103118
}
119+
104120
.code-sponsor-name,
105121
.code-sponsor-description {
106122
&:hover {
107123
text-decoration: underline;
108124
}
109125
}
126+
110127
.code-sponsor-name {
111128
margin-bottom: .5em;
112129
display: block;
113130
font-weight: 600;
114131
}
132+
115133
.code-sponsor-pixel {
116134
width: 1px;
117135
height: 1px;
@@ -122,9 +140,11 @@
122140
clip: rect(0 0 0 0);
123141
border: 0;
124142
}
143+
125144
.main-container {
126145
@include ad-theme(200, #000);
127146
}
147+
128148
.splash-container {
129149
@media (min-width: $ad-responsive-big) {
130150
@include ad-theme(800, #fff);

0 commit comments

Comments
 (0)